@aiconomy/aico-components 0.0.100 → 0.0.114

package/dist/types/components.d.ts

@@ -55,6 +55,17 @@ export namespace Components {
     }
     interface AicoArticleDetail {
         "article": Article;
+        /**
+          * Determines if the article category and tags are shown or not.
+         */
+        "hideCategoryAndTags": boolean;
+        /**
+          * Determines if the article date and author are shown or not.
+         */
+        "hideDateAndAuthor": boolean;
+        /**
+          * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
+         */
         "locale": string;
     }
     interface AicoAskingContent {
@@ -95,7 +106,13 @@ export namespace Components {
         "locale": string;
     }
     interface AicoFetchArticleDetail {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
         "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
         "aicoUrl": string;
         /**
           * 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.
@@ -105,6 +122,17 @@ export namespace Components {
           * 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.
          */
         "articleUrlHandle"?: string;
+        /**
+          * Determines if the article category and tags are shown or not.
+         */
+        "hideCategoryAndTags": boolean;
+        /**
+          * Determines if the article date and author are shown or not.
+         */
+        "hideDateAndAuthor": boolean;
+        /**
+          * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
+         */
         "locale": string;
     }
     interface AicoHeadingContent {
@@ -123,13 +151,41 @@ export namespace Components {
         "content": NewsContent;
     }
     interface AicoNewsList {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
         "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
         "aicoUrl": string;
+        /**
+          * Brands used to filter the results.
+         */
         "newsBrandIds": string[];
+        /**
+          * Channel names used to filter the results.
+         */
         "newsChannels": string[];
+        /**
+          * Language locales used to filter the results.
+         */
         "newsLanguageLocales": string[];
+        /**
+          * Sellers used to filter the results.
+         */
         "newsSellerIds": string[];
+        /**
+          * The text used by the next button in the pagination component.
+         */
         "nextButtonText": string;
+        /**
+          * The page size. Prefer this number to be even.
+         */
+        "pageSize": number;
+        /**
+          * The text used by the previous button in the pagination component.
+         */
         "previousButtonText": string;
     }
     interface AicoNewsListItem {
@@ -142,12 +198,33 @@ export namespace Components {
         "locale": string;
     }
     interface AicoSpecialNewsCarousel {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
         "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
         "aicoUrl": string;
+        /**
+          * Brands used to filter the results.
+         */
         "newsBrandIds": string[];
+        /**
+          * Channel names used to filter the results.
+         */
         "newsChannels": string[];
+        /**
+          * Language locales used to filter the results.
+         */
         "newsLanguageLocales": string[];
+        /**
+          * Sellers used to filter the results.
+         */
         "newsSellerIds": string[];
+        /**
+          * The number of articles shown in the carousel. Prefer this number to be small.
+         */
         "numberOfArticles": number;
     }
     interface AicoTableContent {
@@ -455,6 +532,17 @@ declare namespace LocalJSX {
     }
     interface AicoArticleDetail {
         "article": Article;
+        /**
+          * Determines if the article category and tags are shown or not.
+         */
+        "hideCategoryAndTags"?: boolean;
+        /**
+          * Determines if the article date and author are shown or not.
+         */
+        "hideDateAndAuthor"?: boolean;
+        /**
+          * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
+         */
         "locale"?: string;
     }
     interface AicoAskingContent {
@@ -495,7 +583,13 @@ declare namespace LocalJSX {
         "locale"?: string;
     }
     interface AicoFetchArticleDetail {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
         "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
         "aicoUrl": string;
         /**
           * 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.
@@ -505,6 +599,17 @@ declare namespace LocalJSX {
           * 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.
          */
         "articleUrlHandle"?: string;
+        /**
+          * Determines if the article category and tags are shown or not.
+         */
+        "hideCategoryAndTags"?: boolean;
+        /**
+          * Determines if the article date and author are shown or not.
+         */
+        "hideDateAndAuthor"?: boolean;
+        /**
+          * The article translation that will be used to render the content.  If the locale specified is not present in the article's translations, most content will not be shown.
+         */
         "locale"?: string;
     }
     interface AicoHeadingContent {
@@ -524,14 +629,45 @@ declare namespace LocalJSX {
         "onNewsArticleClicked"?: (event: AicoNewsContentCustomEvent<NewsArticle>) => void;
     }
     interface AicoNewsList {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
         "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
         "aicoUrl": string;
+        /**
+          * Brands used to filter the results.
+         */
         "newsBrandIds"?: string[];
+        /**
+          * Channel names used to filter the results.
+         */
         "newsChannels"?: string[];
+        /**
+          * Language locales used to filter the results.
+         */
         "newsLanguageLocales"?: string[];
+        /**
+          * Sellers used to filter the results.
+         */
         "newsSellerIds"?: string[];
+        /**
+          * The text used by the next button in the pagination component.
+         */
         "nextButtonText"?: string;
+        /**
+          * Event emitted when a user clicks an article.  The handler receives the entire Article entity.
+         */
         "onArticleClick"?: (event: AicoNewsListCustomEvent<Article>) => void;
+        /**
+          * The page size. Prefer this number to be even.
+         */
+        "pageSize"?: number;
+        /**
+          * The text used by the previous button in the pagination component.
+         */
         "previousButtonText"?: string;
     }
     interface AicoNewsListItem {
@@ -546,13 +682,37 @@ declare namespace LocalJSX {
         "onPageClicked"?: (event: AicoPageContentCustomEvent<PageContent>) => void;
     }
     interface AicoSpecialNewsCarousel {
+        /**
+          * The token used to authenticate against he Aico Api.
+         */
         "aicoBearerToken": string;
+        /**
+          * The url of the Aico Api that will be used to retrieve the article.
+         */
         "aicoUrl": string;
+        /**
+          * Brands used to filter the results.
+         */
         "newsBrandIds"?: string[];
+        /**
+          * Channel names used to filter the results.
+         */
         "newsChannels"?: string[];
+        /**
+          * Language locales used to filter the results.
+         */
         "newsLanguageLocales"?: string[];
+        /**
+          * Sellers used to filter the results.
+         */
         "newsSellerIds"?: string[];
+        /**
+          * The number of articles shown in the carousel. Prefer this number to be small.
+         */
         "numberOfArticles"?: number;
+        /**
+          * Event emitted when a user clicks an article title.  The handler receives the entire Article entity.
+         */
         "onArticleClicked"?: (event: AicoSpecialNewsCarouselCustomEvent<Article>) => void;
     }
     interface AicoTableContent {

package/dist/types/model/Article.d.ts

@@ -1,5 +1,6 @@
 import { Entity } from './Entity';
 import { NewsCategory } from './NewsCategory';
+import { NewsTag } from './NewsTag';
 import { ContentType } from './article/ContentType';
 export type ArticleTranslation = Entity & {
     locale: string;
@@ -54,7 +55,7 @@ export type ArticleAttributes = {
     publishDate: Date;
     endDatePermanentNews?: Date;
     newsCategory: NewsCategory;
-    newsTags: object[];
+    newsTags: NewsTag[];
     soccerTeams: object[];
     brands: object[];
     album?: object;

package/dist/types/model/NewsTag.d.ts

@@ -0,0 +1,8 @@
+import { Entity } from './Entity';
+import { Translation } from './article/Translation';
+export type NewsTag = Entity & {
+    translations: (Translation & {
+        name?: string | null;
+        webName?: string | null;
+    })[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiconomy/aico-components",
-  "version": "0.0.100",
+  "version": "0.0.114",
   "description": "Aiconomy components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -12,8 +12,7 @@
   "unpkg": "dist/aico-components/aico-components.esm.js",
   "files": [
     "dist/",
-    "loader/",
-    "docs/"
+    "loader/"
   ],
   "scripts": {
     "dev": "npm run stencil & npm run storybook",

package/dist/aico-components/p-19752961.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as n}from"./p-ae20e789.js";var c;(function(t){t["BULLET"]="BULLET";t["TEXT"]="TEXT";t["VIDEO"]="VIDEO";t["TABLE"]="TABLE";t["HEADING"]="HEADING";t["TITLE"]="TITLE";t["CONTENT_CARD"]="CONTENT_CARD";t["TESTIMONIAL"]="TESTIMONIAL";t["PRODUCT"]="PRODUCT";t["NEWS"]="NEWS";t["ASKING"]="ASKING";t["AGENDA"]="AGENDA";t["LIST_ASKING"]="LIST_ASKING";t["LIST_AGENDA"]="LIST_AGENDA";t["CRM"]="CRM";t["B2B"]="B2B";t["FORM_BUILDER"]="FORM_BUILDER";t["BLOCK_QUOTE"]="BLOCK_QUOTE";t["FAQ"]="FAQ";t["COURSE"]="COURSE";t["DOCUMENT"]="DOCUMENT";t["LINK"]="LINK";t["HTML"]="HTML";t["DIVIDER"]="DIVIDER";t["COLLECTION"]="COLLECTION";t["CAROUSEL"]="CAROUSEL";t["PAGE"]="PAGE";t["ALBUM"]="ALBUM";t["UPLOAD"]="UPLOAD"})(c||(c={}));const o="";const a=class{constructor(e){t(this,e);this.dateOptions={day:"numeric",month:"long",year:"numeric"};this.article=undefined;this.locale="de"}render(){const t=new Date(this.article.attributes.publishDate);const c=this.article.attributes.contentBuilder.rows.sort(((t,e)=>t.order-e.order)).map(((t,e)=>this.mapRowContent(t,e)));return e(n,null,e("figure",null,e("blockquote",{class:"blockquote"},e("h2",{class:"text-uppercase"},this.article.attributes.name)),e("figcaption",{class:"blockquote-footer"},t.toLocaleDateString("en-US",this.dateOptions)," by ",e("cite",{title:"Author"},this.article.attributes.author))),e("div",{class:"content-wrapper"},c))}mapRowContent(t,n){const c=t.columns.map(((t,e)=>this.mapColumnContent(t,e)));return e("div",{class:`content-row content-row-index-${n}`},c)}mapColumnContent(t,n){const c=t.contentContainer.contents.sort(((t,e)=>{var n,c;return((n=t.sort)!==null&&n!==void 0?n:0)-((c=e.sort)!==null&&c!==void 0?c:0)})).map(((t,e)=>this.mapContent(t,e)));return e("div",{class:`content-column content-column-index-${n}`},c)}mapContent(t,n){return e("div",{class:`content-data-wrapper content-data-wrapper-index-${n}`},this.mapContentData(t.type,t.contentData))}mapContentData(t,n){switch(t){case c.ALBUM:return e("aico-album-content",{content:n});case c.ASKING:return e("aico-asking-content",{content:n,locale:this.locale});case c.BLOCK_QUOTE:return e("aico-block-quote-content",{content:n,locale:this.locale});case c.BULLET:return e("aico-bullet-content",{content:n,locale:this.locale});case c.CAROUSEL:return e("aico-carousel-content",{content:n,locale:this.locale});case c.CONTENT_CARD:return e("aico-content-card-content",{content:n,locale:this.locale});case c.DIVIDER:return e("aico-divider-content",{content:n,locale:this.locale});case c.DOCUMENT:return e("aico-document-content",{content:n,locale:this.locale});case c.FAQ:return e("aico-faq-content",{content:n,locale:this.locale});case c.HEADING:return e("aico-heading-content",{content:n,locale:this.locale});case c.HTML:return e("aico-html-content",{content:n,locale:this.locale});case c.LINK:return e("aico-link-content",{content:n,locale:this.locale});case c.NEWS:return e("aico-news-content",{content:n});case c.PAGE:return e("aico-page-content",{content:n,locale:this.locale});case c.TABLE:return e("aico-table-content",{content:n,locale:this.locale});case c.TESTIMONIAL:return e("aico-testimonial-content",{content:n});case c.TEXT:return e("aico-text-content",{content:n,locale:this.locale});case c.TITLE:return e("aico-title-content",{content:n,locale:this.locale});case c.UPLOAD:return e("aico-upload-content",{content:n,locale:this.locale});case c.VIDEO:return e("aico-video-content",{content:n,locale:this.locale});case c.PRODUCT:case c.AGENDA:case c.LIST_ASKING:case c.LIST_AGENDA:case c.CRM:case c.B2B:case c.FORM_BUILDER:case c.COURSE:case c.COLLECTION:default:return e("div",{class:"content-data content-data-not-handled"},"Content type not handled.")}}};a.style=o;export{a as aico_article_detail};
-//# sourceMappingURL=p-19752961.entry.js.map

package/dist/aico-components/p-19752961.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ContentType","aicoArticleDetailCss","AicoArticleDetail","this","dateOptions","day","month","year","render","articleDate","Date","article","attributes","publishDate","content","contentBuilder","rows","sort","a","b","order","map","row","index","mapRowContent","h","Host","class","name","toLocaleDateString","title","author","rowContent","columns","column","columnIndex","mapColumnContent","columnContent","contentContainer","contents","_a","_b","contentIndex","mapContent","mapContentData","type","contentData","contentType","ALBUM","ASKING","locale","BLOCK_QUOTE","BULLET","CAROUSEL","CONTENT_CARD","DIVIDER","DOCUMENT","FAQ","HEADING","HTML","LINK","NEWS","PAGE","TABLE","TESTIMONIAL","TEXT","TITLE","UPLOAD","VIDEO","PRODUCT","AGENDA","LIST_ASKING","LIST_AGENDA","CRM","B2B","FORM_BUILDER","COURSE","COLLECTION"],"sources":["src/model/article/ContentType.ts","src/components/aico-article-detail/aico-article-detail.css?tag=aico-article-detail&encapsulation=scoped","src/components/aico-article-detail/aico-article-detail.tsx"],"sourcesContent":["export enum ContentType {\n  BULLET = 'BULLET',\n  TEXT = 'TEXT',\n  VIDEO = 'VIDEO',\n  TABLE = 'TABLE',\n  HEADING = 'HEADING',\n  TITLE = 'TITLE',\n  CONTENT_CARD = 'CONTENT_CARD',\n  TESTIMONIAL = 'TESTIMONIAL',\n  PRODUCT = 'PRODUCT',\n  NEWS = 'NEWS',\n  ASKING = 'ASKING',\n  AGENDA = 'AGENDA',\n  LIST_ASKING = 'LIST_ASKING',\n  LIST_AGENDA = 'LIST_AGENDA',\n  CRM = 'CRM',\n  B2B = 'B2B',\n  FORM_BUILDER = 'FORM_BUILDER',\n  BLOCK_QUOTE = 'BLOCK_QUOTE',\n  FAQ = 'FAQ',\n  COURSE = 'COURSE',\n  DOCUMENT = 'DOCUMENT',\n  LINK = 'LINK',\n  HTML = 'HTML',\n  DIVIDER = 'DIVIDER',\n  COLLECTION = 'COLLECTION',\n  CAROUSEL = 'CAROUSEL',\n  PAGE = 'PAGE',\n  ALBUM = 'ALBUM',\n  UPLOAD = 'UPLOAD',\n}\n",null,"import { Component, Host, Prop, h } from '@stencil/core';\nimport { ContentType } from '../../model/article/ContentType';\nimport type { Article, ArticleContent, ArticleContentBuilderColumn, ArticleContentBuilderRow } from '../../model/Article';\nimport type { HtmlContent } from '../../model/article/content/HtmlContent';\nimport type { AlbumContent } from '../../model/article/content/AlbumContent';\nimport type { TitleContent } from '../../model/article/content/TitleContent';\nimport type { BlockQuoteContent } from '../../model/article/content/BlockQuoteContent';\nimport type { BulletContent } from '../../model/article/content/BulletContent';\nimport type { CardContent } from '../../model/article/content/CardContent';\nimport type { CarouselContent } from '../../model/article/content/CarouselContent';\nimport type { DividerContent } from '../../model/article/content/DividerContent';\nimport type { DocumentContent } from '../../model/article/content/DocumentContent';\nimport type { HeadingContent } from '../../model/article/content/HeadingContent';\nimport type { LinkContent } from '../../model/article/content/LinkContent';\nimport type { TableContent } from '../../model/article/content/TableContet';\nimport type { TestimonialContent } from '../../model/article/content/TestimonialContent';\nimport type { TextContent } from '../../model/article/content/TextContent';\nimport type { VideoContent } from '../../model/article/content/VideoContent';\nimport type { AskingContent } from '../../model/article/content/AskingContent';\nimport type { FaqContent } from '../../model/article/content/FaqContent';\nimport type { NewsContent } from '../../model/article/content/NewsContent';\nimport type { PageContent } from '../../model/article/content/PageContent';\nimport type { UploadContent } from '../../model/article/content/UploadContent';\n\n@Component({\n  tag: 'aico-article-detail',\n  styleUrl: 'aico-article-detail.css',\n  scoped: true,\n})\nexport class AicoArticleDetail {\n  @Prop() article!: Article;\n\n  @Prop() locale: string = 'de';\n\n  private readonly dateOptions: Intl.DateTimeFormatOptions = { day: 'numeric', month: 'long', year: 'numeric' };\n\n  render() {\n    const articleDate = new Date(this.article.attributes.publishDate);\n    const content = this.article.attributes.contentBuilder.rows.sort((a, b) => a.order - b.order).map((row, index) => this.mapRowContent(row, index));\n    return (\n      <Host>\n        <figure>\n          <blockquote class=\"blockquote\">\n            <h2 class=\"text-uppercase\">{this.article.attributes.name}</h2>\n          </blockquote>\n          <figcaption class=\"blockquote-footer\">\n            {articleDate.toLocaleDateString('en-US', this.dateOptions)} by <cite title=\"Author\">{this.article.attributes.author}</cite>\n          </figcaption>\n        </figure>\n        <div class=\"content-wrapper\">{content}</div>\n      </Host>\n    );\n  }\n\n  private mapRowContent(row: ArticleContentBuilderRow, index: number) {\n    const rowContent = row.columns.map((column, columnIndex) => this.mapColumnContent(column, columnIndex));\n    return <div class={`content-row content-row-index-${index}`}>{rowContent}</div>;\n  }\n\n  private mapColumnContent(column: ArticleContentBuilderColumn, index: number) {\n    const columnContent = column.contentContainer.contents.sort((a, b) => (a.sort ?? 0) - (b.sort ?? 0)).map((content, contentIndex) => this.mapContent(content, contentIndex));\n    return <div class={`content-column content-column-index-${index}`}>{columnContent}</div>;\n  }\n\n  private mapContent(content: ArticleContent, index: number) {\n    return <div class={`content-data-wrapper content-data-wrapper-index-${index}`}>{this.mapContentData(content.type, content.contentData)}</div>;\n  }\n\n  private mapContentData(contentType: ContentType | undefined, content: object) {\n    switch (contentType) {\n      case ContentType.ALBUM:\n        return <aico-album-content content={content as AlbumContent} />;\n\n      case ContentType.ASKING:\n        return <aico-asking-content content={content as AskingContent} locale={this.locale} />;\n\n      case ContentType.BLOCK_QUOTE:\n        return <aico-block-quote-content content={content as BlockQuoteContent} locale={this.locale} />;\n\n      case ContentType.BULLET:\n        return <aico-bullet-content content={content as BulletContent} locale={this.locale} />;\n\n      case ContentType.CAROUSEL:\n        return <aico-carousel-content content={content as CarouselContent} locale={this.locale} />;\n\n      case ContentType.CONTENT_CARD:\n        return <aico-content-card-content content={content as CardContent} locale={this.locale} />;\n\n      case ContentType.DIVIDER:\n        return <aico-divider-content content={content as DividerContent} locale={this.locale} />;\n\n      case ContentType.DOCUMENT:\n        return <aico-document-content content={content as DocumentContent} locale={this.locale} />;\n\n      case ContentType.FAQ:\n        return <aico-faq-content content={content as FaqContent} locale={this.locale} />;\n\n      case ContentType.HEADING:\n        return <aico-heading-content content={content as HeadingContent} locale={this.locale} />;\n\n      case ContentType.HTML:\n        return <aico-html-content content={content as HtmlContent} locale={this.locale} />;\n\n      case ContentType.LINK:\n        return <aico-link-content content={content as LinkContent} locale={this.locale} />;\n\n      case ContentType.NEWS:\n        return <aico-news-content content={content as NewsContent} />;\n\n      case ContentType.PAGE:\n        return <aico-page-content content={content as PageContent} locale={this.locale} />;\n\n      case ContentType.TABLE:\n        return <aico-table-content content={content as TableContent} locale={this.locale} />;\n\n      case ContentType.TESTIMONIAL:\n        return <aico-testimonial-content content={content as TestimonialContent} />;\n\n      case ContentType.TEXT:\n        return <aico-text-content content={content as TextContent} locale={this.locale} />;\n\n      case ContentType.TITLE:\n        return <aico-title-content content={content as TitleContent} locale={this.locale} />;\n\n      case ContentType.UPLOAD:\n        return <aico-upload-content content={content as UploadContent} locale={this.locale} />;\n\n      case ContentType.VIDEO:\n        return <aico-video-content content={content as VideoContent} locale={this.locale} />;\n\n      case ContentType.PRODUCT:\n      case ContentType.AGENDA:\n      case ContentType.LIST_ASKING:\n      case ContentType.LIST_AGENDA:\n      case ContentType.CRM:\n      case ContentType.B2B:\n      case ContentType.FORM_BUILDER:\n      case ContentType.COURSE:\n      case ContentType.COLLECTION:\n      default:\n        return <div class=\"content-data content-data-not-handled\">Content type not handled.</div>;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/aico-components/p-368addda.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["aicoNewsListCss","AicoNewsList","this","pageSize","connectedCallback","newsListFetchController","AbortController","pageNumber","api","baseApi","aicoUrl","bearerToken","aicoBearerToken","disconnectedCallback","abort","componentWillLoad","newsResponse","fetchNewsArticles","signal","newsChannels","newsSellerIds","newsBrandIds","newsLanguageLocales","componentWillUpdate","render","h","Host","class","_a","data","map","article","onArticleClick","e","articleClick","emit","detail","_b","links","prev","style","cursor","onClick","xmlns","fill","width","height","viewBox","d","previousButtonText","getViewablePages","page","Number","_c","next","meta","lastPage","nextButtonText","lookAhead","pages","push","i","_d","_f","_e","_g"],"sources":["src/components/aico-news-list/aico-news-list.css?tag=aico-news-list&encapsulation=scoped","src/components/aico-news-list/aico-news-list.tsx"],"sourcesContent":[null,"import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticles } from '../../utils/utils';\nimport { NewsResponse } from '../../model/NewsResponse';\nimport { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\nimport { Article } from '../../model/Article';\n\n@Component({\n  tag: 'aico-news-list',\n  styleUrl: 'aico-news-list.css',\n  scoped: true,\n})\nexport class AicoNewsList {\n  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() newsSellerIds: string[] = [];\n\n  @Prop() newsBrandIds: string[] = [];\n\n  @Prop() newsLanguageLocales: 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(\n      this.api!,\n      this.pageNumber,\n      this.pageSize,\n      this.newsListFetchController!.signal,\n      this.newsChannels,\n      this.newsSellerIds,\n      this.newsBrandIds,\n      this.newsLanguageLocales,\n    );\n  }\n\n  async componentWillUpdate(): Promise<void> {\n    this.newsListFetchController = new AbortController();\n    this.newsResponse = await fetchNewsArticles(\n      this.api!,\n      this.pageNumber,\n      this.pageSize,\n      this.newsListFetchController.signal,\n      this.newsChannels,\n      this.newsSellerIds,\n      this.newsBrandIds,\n      this.newsLanguageLocales,\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4 mb-4\">\n          {this.newsResponse?.data.map(article => (\n            <div class=\"col\">\n              <aico-news-list-item\n                article={article}\n                onArticleClick={e => {\n                  this.articleClick?.emit(e.detail);\n                }}\n              />\n            </div>\n          ))}\n        </div>\n        <nav class=\"w-100\" aria-label=\"News navigation\">\n          <ul class=\"pagination justify-content-center\">\n            <li\n              class={`page-item page-link user-select-none d-flex align-items-center ${!this.newsResponse?.links.prev ? 'disabled' : ''}`}\n              style={{ cursor: 'pointer' }}\n              onClick={() => {\n                if (this.pageNumber > 1) {\n                  this.pageNumber -= 1;\n                }\n\n                return false;\n              }}\n            >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"bi bi-chevron-left me-1 fs-4\" style={{ width: '1em', height: '1em' }} viewBox=\"0 0 16 16\">\n                <path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0\" />\n              </svg>\n              {this.previousButtonText}\n            </li>\n            {this.getViewablePages().map(page => (\n              <li\n                class={`page-item page-link user-select-none ${page === '...' ? 'disabled' : Number(page) === this.pageNumber ? 'active' : ''}`}\n                style={{ cursor: 'pointer' }}\n                onClick={() => {\n                  if (page !== '...') {\n                    this.pageNumber = Number(page);\n                  }\n                  return false;\n                }}\n              >\n                {page}\n              </li>\n            ))}\n            <li\n              class={`page-item page-link user-select-none d-flex align-items-center ${!this.newsResponse?.links.next ? 'disabled' : ''}`}\n              style={{ cursor: 'pointer' }}\n              onClick={() => {\n                if (this.newsResponse?.meta.page.lastPage && this.pageNumber < this.newsResponse?.meta.page.lastPage) {\n                  this.pageNumber += 1;\n                }\n              }}\n            >\n              {this.nextButtonText}\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"bi bi-chevron-right ms-1 fs-4\" style={{ width: '1em', height: '1em' }} viewBox=\"0 0 16 16\">\n                <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708\" />\n              </svg>\n            </li>\n          </ul>\n        </nav>\n      </Host>\n    );\n  }\n\n  private getViewablePages(lookAhead: number = 2) {\n    const pages: string[] = [];\n    if (this.pageNumber - lookAhead >= 2) {\n      pages.push('1');\n    }\n\n    if (this.pageNumber - lookAhead > 2) {\n      pages.push('...');\n    }\n\n    for (let i = this.pageNumber - lookAhead; i < this.pageNumber; i += 1) {\n      if (i >= 1) {\n        pages.push(`${i}`);\n      }\n    }\n\n    pages.push(`${this.pageNumber}`);\n    for (let i = this.pageNumber + 1; i <= this.pageNumber + lookAhead; i += 1) {\n      if (i <= (this.newsResponse?.meta.page.lastPage ?? 0)) {\n        pages.push(`${i}`);\n      }\n    }\n\n    if (this.pageNumber + lookAhead < (this.newsResponse?.meta.page.lastPage ?? 0) - 1) {\n      pages.push('...');\n    }\n\n    if (this.pageNumber + lookAhead <= (this.newsResponse?.meta.page.lastPage ?? 0) - 1) {\n      pages.push(`${this.newsResponse?.meta.page.lastPage}`);\n    }\n\n    return pages;\n  }\n}\n"],"mappings":"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"}

package/dist/aico-components/p-c69f0ecc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i}from"./p-ae20e789.js";import{f as e,a as s}from"./p-e187bbea.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};
-//# sourceMappingURL=p-c69f0ecc.entry.js.map

package/dist/aico-components/p-c69f0ecc.entry.js.map

@@ -1 +0,0 @@
-{"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"}