@aiconomy/aico-components 0.0.82 → 0.0.95
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 +50 -36
- package/dist/aico-components/p-c900f292.entry.js.map +1 -1
- package/dist/cjs/aico-fetch-article-detail.cjs.entry.js.map +1 -1
- package/dist/collection/components/aico-fetch-article-detail/aico-fetch-article-detail.js +2 -2
- package/dist/collection/components/aico-fetch-article-detail/aico-fetch-article-detail.js.map +1 -1
- package/dist/components/aico-fetch-article-detail.js.map +1 -1
- package/dist/esm/aico-fetch-article-detail.entry.js.map +1 -1
- package/dist/types/components/aico-fetch-article-detail/aico-fetch-article-detail.d.ts +2 -4
- package/dist/types/components.d.ts +4 -4
- package/docs/components/aico-article-detail/readme.md +83 -0
- package/docs/components/aico-fetch-article-detail/readme.md +63 -0
- package/docs/components/aico-news-list/readme.md +41 -0
- package/docs/components/aico-news-list-item/readme.md +37 -0
- package/docs/components/aico-special-news-carousel/readme.md +27 -0
- package/docs/components/content/aico-album-content/readme.md +30 -0
- package/docs/components/content/aico-asking-content/readme.md +31 -0
- package/docs/components/content/aico-asking-list-content/readme.md +10 -0
- package/docs/components/content/aico-block-quote-content/readme.md +31 -0
- package/docs/components/content/aico-bullet-content/readme.md +37 -0
- package/docs/components/content/aico-carousel-content/readme.md +38 -0
- package/docs/components/content/aico-collection-content/readme.md +10 -0
- package/docs/components/content/aico-content-card-content/readme.md +37 -0
- package/docs/components/content/aico-divider-content/readme.md +31 -0
- package/docs/components/content/aico-document-content/readme.md +31 -0
- package/docs/components/content/aico-faq-content/readme.md +31 -0
- package/docs/components/content/aico-heading-content/readme.md +37 -0
- package/docs/components/content/aico-html-content/readme.md +31 -0
- package/docs/components/content/aico-link-content/readme.md +31 -0
- package/docs/components/content/aico-news-content/readme.md +37 -0
- package/docs/components/content/aico-no-content/readme.md +23 -0
- package/docs/components/content/aico-page-content/readme.md +38 -0
- package/docs/components/content/aico-table-content/readme.md +37 -0
- package/docs/components/content/aico-testimonial-content/readme.md +30 -0
- package/docs/components/content/aico-text-content/readme.md +37 -0
- package/docs/components/content/aico-title-content/readme.md +52 -0
- package/docs/components/content/aico-upload-content/readme.md +37 -0
- package/docs/components/content/aico-video-content/readme.md +37 -0
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -32,9 +32,9 @@ There are three strategies we recommend for using web components built with Sten
|
|
|
32
32
|
- Put the following tags in the head of your `index.html`:
|
|
33
33
|
|
|
34
34
|
```html
|
|
35
|
-
<link rel="stylesheet" href="
|
|
36
|
-
<script type="module" src="
|
|
37
|
-
<script nomodule src="
|
|
35
|
+
<link rel="stylesheet" href="node_modules/@aiconomy/aico-components/dist/aico-components/aico-components.css"/>
|
|
36
|
+
<script type="module" src="node_modules/@aiconomy/aico-components/dist/aico-components/aico-components.esm.js"></script>
|
|
37
|
+
<script nomodule src="node_modules/@aiconomy/aico-components/dist/esm/aico-components.js"></script>
|
|
38
38
|
```
|
|
39
39
|
|
|
40
40
|
- Then you can use the elements anywhere in your template, JSX, html etc
|
|
@@ -45,41 +45,55 @@ There are three strategies we recommend for using web components built with Sten
|
|
|
45
45
|
- Add an import to the npm packages `import needed-aico-component;`
|
|
46
46
|
- Then you can use the elements anywhere in your template, JSX, html etc
|
|
47
47
|
|
|
48
|
-
## Listening to element
|
|
48
|
+
## Listening to element events
|
|
49
49
|
|
|
50
50
|
Please check out [Stencil's documentation](https://stenciljs.com/docs/events#listening-to-events-from-a-non-jsx-element).
|
|
51
51
|
|
|
52
52
|
## Aiconomy components
|
|
53
53
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
54
|
+
Check the [docs](docs/) directory.
|
|
55
|
+
|
|
56
|
+
## Additional example
|
|
57
|
+
|
|
58
|
+
```html
|
|
59
|
+
<aico-fetch-article-detail
|
|
60
|
+
aico-url="<url>"
|
|
61
|
+
aico-bearer-token="<token>"
|
|
62
|
+
article-url-handle="<handle>"
|
|
63
|
+
locale="de_CH"
|
|
64
|
+
></aico-fetch-article-detail>
|
|
65
|
+
|
|
66
|
+
<br /><br /><br />
|
|
67
|
+
|
|
68
|
+
<aico-special-news-carousel
|
|
69
|
+
aico-url="<url>"
|
|
70
|
+
aico-bearer-token="<token>"
|
|
71
|
+
></aico-special-news-carousel>
|
|
72
|
+
|
|
73
|
+
<br /><br /><br />
|
|
74
|
+
|
|
75
|
+
<aico-news-list
|
|
76
|
+
aico-url="<url>"
|
|
77
|
+
aico-bearer-token="<token>"
|
|
78
|
+
></aico-news-list>
|
|
79
|
+
|
|
80
|
+
<script>
|
|
81
|
+
function navigateToArticle(article) {
|
|
82
|
+
const url = new URL(window.location.href);
|
|
83
|
+
url.pathname = `pages/news-article/${article.attributes.urlHandle}`;
|
|
84
|
+
window.location.href = url.toString();
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
const newsList = document.querySelector("aico-news-list");
|
|
88
|
+
newsList.addEventListener("articleClick", (event) => {
|
|
89
|
+
navigateToArticle(event.detail);
|
|
90
|
+
});
|
|
91
|
+
newsList.newsChannels = []; // Add one or more channels
|
|
92
|
+
|
|
93
|
+
const newsCarousel = document.querySelector("aico-special-news-carousel");
|
|
94
|
+
newsCarousel.addEventListener("articleClicked", (event) => {
|
|
95
|
+
navigateToArticle(event.detail);
|
|
96
|
+
});
|
|
97
|
+
newsCarousel.newsChannels = []; // Add one or more channels
|
|
98
|
+
</script>
|
|
99
|
+
```
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 +1 @@
|
|
|
1
|
-
{"file":"aico-fetch-article-detail.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvB,sBAAsB;;;;;;sBAOR,IAAI;;;;
|
|
1
|
+
{"file":"aico-fetch-article-detail.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvB,sBAAsB;;;;;;sBAOR,IAAI;;;;IAmB7B,iBAAiB;QACf,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;KACzE;IAED,oBAAoB;QAClB,IAAI,CAAC,sBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;KACpD;IAED,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;SAC9E;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,MAAMA,8BAAwB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;YACrH,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,MAAMC,sBAAgB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,SAAU,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;KACxG;IAED,MAAM;QACJ,OAAOC,iCAAqB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;KAC5E;;;;;;","names":["fetchNewsArticleByHandle","fetchNewsArticle","h"],"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":["","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"],"version":3}
|
|
@@ -107,7 +107,7 @@ export class AicoFetchArticleDetail {
|
|
|
107
107
|
"optional": true,
|
|
108
108
|
"docs": {
|
|
109
109
|
"tags": [],
|
|
110
|
-
"text": "The id will be used to fetch the article.\n\nIf both the
|
|
110
|
+
"text": "The id will be used to fetch the article.\n\nIf both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown."
|
|
111
111
|
},
|
|
112
112
|
"attribute": "article-id",
|
|
113
113
|
"reflect": false
|
|
@@ -124,7 +124,7 @@ export class AicoFetchArticleDetail {
|
|
|
124
124
|
"optional": true,
|
|
125
125
|
"docs": {
|
|
126
126
|
"tags": [],
|
|
127
|
-
"text": "The url handle will be used to fetch the article.\n\nIf both the
|
|
127
|
+
"text": "The url handle will be used to fetch the article.\n\nIf both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown."
|
|
128
128
|
},
|
|
129
129
|
"attribute": "article-url-handle",
|
|
130
130
|
"reflect": false
|
package/dist/collection/components/aico-fetch-article-detail/aico-fetch-article-detail.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aico-fetch-article-detail.js","sourceRoot":"","sources":["../../../src/components/aico-fetch-article-detail/aico-fetch-article-detail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAS/E,MAAM,OAAO,sBAAsB;;;;;sBAOR,IAAI;;;;
|
|
1
|
+
{"version":3,"file":"aico-fetch-article-detail.js","sourceRoot":"","sources":["../../../src/components/aico-fetch-article-detail/aico-fetch-article-detail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAS/E,MAAM,OAAO,sBAAsB;;;;;sBAOR,IAAI;;;;IAmB7B,iBAAiB;QACf,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;IAC1E,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,sBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACrD,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;SAC9E;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,MAAM,wBAAwB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;YACrH,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,SAAU,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;IACzG,CAAC;IAED,MAAM;QACJ,OAAO,2BAAqB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;IAC7E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"aico-fetch-article-detail.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvBA,wBAAsB;;;;;;;sBAOR,IAAI;;;;
|
|
1
|
+
{"file":"aico-fetch-article-detail.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvBA,wBAAsB;;;;;;;sBAOR,IAAI;;;;IAmB7B,iBAAiB;QACf,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;KACzE;IAED,oBAAoB;QAClB,IAAI,CAAC,sBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;KACpD;IAED,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;SAC9E;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,MAAM,wBAAwB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;YACrH,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,SAAU,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;KACxG;IAED,MAAM;QACJ,OAAO,2BAAqB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;KAC5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AicoFetchArticleDetail"],"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":["","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"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"aico-fetch-article-detail.entry.js","mappings":";;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvB,sBAAsB;;;;;;sBAOR,IAAI;;;;
|
|
1
|
+
{"file":"aico-fetch-article-detail.entry.js","mappings":";;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvB,sBAAsB;;;;;;sBAOR,IAAI;;;;IAmB7B,iBAAiB;QACf,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;KACzE;IAED,oBAAoB;QAClB,IAAI,CAAC,sBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;KACpD;IAED,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;SAC9E;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,MAAM,wBAAwB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;YACrH,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,SAAU,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;KACxG;IAED,MAAM;QACJ,OAAO,2BAAqB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;KAC5E;;;;;;","names":[],"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":["","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"],"version":3}
|
|
@@ -7,15 +7,13 @@ export declare class AicoFetchArticleDetail {
|
|
|
7
7
|
/**
|
|
8
8
|
* The id will be used to fetch the article.
|
|
9
9
|
*
|
|
10
|
-
* If both the
|
|
11
|
-
* provided, the latter will be used. If neither are provided, an error is thrown.
|
|
10
|
+
* If both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown.
|
|
12
11
|
*/
|
|
13
12
|
articleId?: string;
|
|
14
13
|
/**
|
|
15
14
|
* The url handle will be used to fetch the article.
|
|
16
15
|
*
|
|
17
|
-
* If both the
|
|
18
|
-
* provided, the latter will be used. If neither are provided, an error is thrown.
|
|
16
|
+
* If both the 'articleId' and 'articleUrlHandle' are provided, the latter will be used. If neither are provided, an error is thrown.
|
|
19
17
|
*/
|
|
20
18
|
articleUrlHandle?: string;
|
|
21
19
|
private api?;
|
|
@@ -98,11 +98,11 @@ export namespace Components {
|
|
|
98
98
|
"aicoBearerToken": string;
|
|
99
99
|
"aicoUrl": string;
|
|
100
100
|
/**
|
|
101
|
-
* The id will be used to fetch the article. If both the
|
|
101
|
+
* 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.
|
|
102
102
|
*/
|
|
103
103
|
"articleId"?: string;
|
|
104
104
|
/**
|
|
105
|
-
* The url handle will be used to fetch the article. If both the
|
|
105
|
+
* 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.
|
|
106
106
|
*/
|
|
107
107
|
"articleUrlHandle"?: string;
|
|
108
108
|
"locale": string;
|
|
@@ -492,11 +492,11 @@ declare namespace LocalJSX {
|
|
|
492
492
|
"aicoBearerToken": string;
|
|
493
493
|
"aicoUrl": string;
|
|
494
494
|
/**
|
|
495
|
-
* The id will be used to fetch the article. If both the
|
|
495
|
+
* 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.
|
|
496
496
|
*/
|
|
497
497
|
"articleId"?: string;
|
|
498
498
|
/**
|
|
499
|
-
* The url handle will be used to fetch the article. If both the
|
|
499
|
+
* 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.
|
|
500
500
|
*/
|
|
501
501
|
"articleUrlHandle"?: string;
|
|
502
502
|
"locale"?: string;
|
|
@@ -0,0 +1,83 @@
|
|
|
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/)*
|
|
@@ -0,0 +1,63 @@
|
|
|
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/)*
|
|
@@ -0,0 +1,41 @@
|
|
|
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/)*
|
|
@@ -0,0 +1,37 @@
|
|
|
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/)*
|
|
@@ -0,0 +1,27 @@
|
|
|
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/)*
|
|
@@ -0,0 +1,30 @@
|
|
|
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/)*
|
|
@@ -0,0 +1,31 @@
|
|
|
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/)*
|