@aiconomy/aico-components 0.0.14 → 0.0.57

package/dist/components/aico-fetch-article-detail.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AicoFetchArticleDetail extends Components.AicoFetchArticleDetail, HTMLElement {}
+export const AicoFetchArticleDetail: {
+    prototype: AicoFetchArticleDetail;
+    new (): AicoFetchArticleDetail;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/aico-fetch-article-detail.js

@@ -0,0 +1,195 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { f as fetchNewsArticleByHandle, c as fetchNewsArticle } from './utils.js';
+import { d as defineCustomElement$n } from './aico-album-content2.js';
+import { d as defineCustomElement$m } from './aico-article-detail2.js';
+import { d as defineCustomElement$l } from './aico-asking-content2.js';
+import { d as defineCustomElement$k } from './aico-block-quote-content2.js';
+import { d as defineCustomElement$j } from './aico-bullet-content2.js';
+import { d as defineCustomElement$i } from './aico-carousel-content2.js';
+import { d as defineCustomElement$h } from './aico-content-card-content2.js';
+import { d as defineCustomElement$g } from './aico-divider-content2.js';
+import { d as defineCustomElement$f } from './aico-document-content2.js';
+import { d as defineCustomElement$e } from './aico-faq-content2.js';
+import { d as defineCustomElement$d } from './aico-heading-content2.js';
+import { d as defineCustomElement$c } from './aico-html-content2.js';
+import { d as defineCustomElement$b } from './aico-link-content2.js';
+import { d as defineCustomElement$a } from './aico-news-content2.js';
+import { d as defineCustomElement$9 } from './aico-no-content2.js';
+import { d as defineCustomElement$8 } from './aico-page-content2.js';
+import { d as defineCustomElement$7 } from './aico-table-content2.js';
+import { d as defineCustomElement$6 } from './aico-testimonial-content2.js';
+import { d as defineCustomElement$5 } from './aico-text-content2.js';
+import { d as defineCustomElement$4 } from './aico-title-content2.js';
+import { d as defineCustomElement$3 } from './aico-upload-content2.js';
+import { d as defineCustomElement$2 } from './aico-video-content2.js';
+
+const aicoFetchArticleDetailCss = "";
+
+const AicoFetchArticleDetail$1 = /*@__PURE__*/ proxyCustomElement(class AicoFetchArticleDetail extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.article = undefined;
+        this.aicoUrl = undefined;
+        this.aicoBearerToken = undefined;
+        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 fetchNewsArticleByHandle(this.api, this.articleUrlHandle, this.articleFetchController.signal);
+            return;
+        }
+        this.article = await fetchNewsArticle(this.api, this.articleId, this.articleFetchController.signal);
+    }
+    render() {
+        return h("aico-article-detail", { article: this.article });
+    }
+    static get style() { return aicoFetchArticleDetailCss; }
+}, [2, "aico-fetch-article-detail", {
+        "aicoUrl": [1, "aico-url"],
+        "aicoBearerToken": [1, "aico-bearer-token"],
+        "articleId": [1, "article-id"],
+        "articleUrlHandle": [1, "article-url-handle"],
+        "article": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-fetch-article-detail", "aico-album-content", "aico-article-detail", "aico-asking-content", "aico-block-quote-content", "aico-bullet-content", "aico-carousel-content", "aico-content-card-content", "aico-divider-content", "aico-document-content", "aico-faq-content", "aico-heading-content", "aico-html-content", "aico-link-content", "aico-news-content", "aico-no-content", "aico-page-content", "aico-table-content", "aico-testimonial-content", "aico-text-content", "aico-title-content", "aico-upload-content", "aico-video-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-fetch-article-detail":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoFetchArticleDetail$1);
+            }
+            break;
+        case "aico-album-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "aico-article-detail":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "aico-asking-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "aico-block-quote-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "aico-bullet-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "aico-carousel-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "aico-content-card-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "aico-divider-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "aico-document-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "aico-faq-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "aico-heading-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "aico-html-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "aico-link-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "aico-news-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "aico-no-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "aico-page-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "aico-table-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "aico-testimonial-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "aico-text-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "aico-title-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "aico-upload-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "aico-video-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const AicoFetchArticleDetail = AicoFetchArticleDetail$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AicoFetchArticleDetail, defineCustomElement };
+
+//# sourceMappingURL=aico-fetch-article-detail.js.map

package/dist/components/aico-fetch-article-detail.js.map

@@ -0,0 +1 @@
+{"file":"aico-fetch-article-detail.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvBA,wBAAsB;;;;;;;;;;IA0BjC,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,GAAI,CAAC;KACvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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  /**\n   * The id will be used to fetch the article.\n   *\n   * If both the {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are\n   * 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 {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are\n   * 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} />;\n  }\n}\n"],"version":3}

package/dist/components/aico-heading-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AicoHeadingContent extends Components.AicoHeadingContent, HTMLElement {}
+export const AicoHeadingContent: {
+    prototype: AicoHeadingContent;
+    new (): AicoHeadingContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/aico-heading-content.js

@@ -0,0 +1,8 @@
+import { A as AicoHeadingContent$1, d as defineCustomElement$1 } from './aico-heading-content2.js';
+
+const AicoHeadingContent = AicoHeadingContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AicoHeadingContent, defineCustomElement };
+
+//# sourceMappingURL=aico-heading-content.js.map

package/dist/components/aico-heading-content.js.map

@@ -0,0 +1 @@
+{"file":"aico-heading-content.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/aico-heading-content2.js

@@ -0,0 +1,80 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
+import { d as defineCustomElement$2 } from './aico-no-content2.js';
+import { d as defineCustomElement$1 } from './aico-title-content2.js';
+
+const aicoHeadingContentCss = ".content.sc-aico-heading-content{display:flex;flex-flow:column;width:100%;margin:10px auto}.content-align-with-text.sc-aico-heading-content{align-content:space-between;max-width:1278px;display:flex;flex-flow:row wrap;width:100%;margin:0 auto}.title-wrapper.sc-aico-heading-content{width:fit-content;border-radius:10px;margin-bottom:10px;margin-left:0;padding:15px}.description.sc-aico-heading-content{width:fit-content;padding:10px;border-radius:10px;white-space:pre-line}@media screen and (max-width: 768px){.content.sc-aico-heading-content{min-height:300px !important}}";
+
+const AicoHeadingContent = /*@__PURE__*/ proxyCustomElement(class AicoHeadingContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        const contentStyle = { 'justify-content': this.content.isTextAtMiddleOfImage ? 'center' : 'flex-end' };
+        if (!strIsNullOrEmptyOrWhitespace(this.content.picture)) {
+            contentStyle['min-height'] = this.content.isImageHeightHalfSize ? '400px' : '600px';
+            contentStyle['background-size'] = this.content.isImageHeightHalfSize ? '100%' : 'cover';
+            contentStyle['background-image'] = `url(${this.content.picture})`;
+            contentStyle['background-repeat'] = 'no-repeat';
+            contentStyle['background-position'] = 'center';
+        }
+        const titleWrapperStyle = { 'background-color': this.content.textBackgroundColor };
+        if (this.content.fontSize) {
+            titleWrapperStyle['font-size'] = `${this.content.fontSize}px`;
+        }
+        if (!strIsNullOrEmptyOrWhitespace(this.content.fontFamily)) {
+            titleWrapperStyle['font-family'] = this.content.fontFamily;
+        }
+        const descriptionStyle = { 'background-color': this.content.textBackgroundColor };
+        if (!strIsNullOrEmptyOrWhitespace(this.content.textColor)) {
+            descriptionStyle['color'] = this.content.textColor;
+        }
+        return (h("div", { class: this.content.isHeadingAlignedWithText ? 'content content-align-with-text' : 'content', style: contentStyle }, h(ConditionalRender, { condition: translation !== null }, h("div", { class: "title-wrapper", style: titleWrapperStyle }, h("aico-title-content", { content: this.makeTitleContent(translation) })), h("span", { class: "description", style: descriptionStyle }, translation.description))));
+    }
+    makeTitleContent(translation) {
+        var _a;
+        return {
+            id: this.content.id,
+            createdAt: this.content.createdAt,
+            updatedAt: this.content.updatedAt,
+            hasUnderscore: false,
+            size: (_a = this.content.titleSize) !== null && _a !== void 0 ? _a : 'h1',
+            titleColor: this.content.textColor,
+            translations: [Object.assign({}, translation)],
+        };
+    }
+    static get style() { return aicoHeadingContentCss; }
+}, [2, "aico-heading-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-heading-content", "aico-no-content", "aico-title-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-heading-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoHeadingContent);
+            }
+            break;
+        case "aico-no-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "aico-title-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AicoHeadingContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-heading-content2.js.map

package/dist/components/aico-heading-content2.js.map

@@ -0,0 +1 @@
+{"file":"aico-heading-content2.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,6jBAA6jB;;MCY9kB,kBAAkB;;;;;;IAG7B,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC/F,MAAM,YAAY,GAA0C,EAAE,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,QAAQ,GAAG,UAAU,EAAE,CAAC;QAC9I,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACvD,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;YACpF,YAAY,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;YACxF,YAAY,CAAC,kBAAkB,CAAC,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC;YAClE,YAAY,CAAC,mBAAmB,CAAC,GAAG,WAAW,CAAC;YAChD,YAAY,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CAAC;SAChD;QAED,MAAM,iBAAiB,GAA0C,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;QAC1H,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,iBAAiB,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC;SAC/D;QAED,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC1D,iBAAiB,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SAC5D;QAED,MAAM,gBAAgB,GAA0C,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;QACzH,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACzD,gBAAgB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;SACpD;QAED,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,wBAAwB,GAAG,iCAAiC,GAAG,SAAS,EAAE,KAAK,EAAE,YAAY,IACpH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,WAAK,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,iBAAiB,IACjD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CAChE,EACN,YAAM,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,gBAAgB,IAC9C,WAAY,CAAC,WAAW,CACpB,CACW,CAChB,EACN;KACH;IAEO,gBAAgB,CAAC,WAAwB;;QAC/C,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE;YACnB,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;YACjC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;YACjC,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE,MAAA,IAAI,CAAC,OAAO,CAAC,SAAS,mCAAI,IAAI;YACpC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;YAClC,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-heading-content/aico-heading-content.css?tag=aico-heading-content&encapsulation=scoped","src/components/content/aico-heading-content/aico-heading-content.tsx"],"sourcesContent":[".content {\n  display: flex;\n  flex-flow: column;\n  width: 100%;\n  margin: 10px auto;\n}\n\n.content-align-with-text {\n  align-content: space-between;\n  max-width: 1278px;\n  display: flex;\n  flex-flow: row wrap;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.title-wrapper {\n  width: fit-content;\n  border-radius: 10px;\n  margin-bottom: 10px;\n  margin-left: 0;\n  padding: 15px;\n}\n\n.description {\n  width: fit-content;\n  padding: 10px;\n  border-radius: 10px;\n  white-space: pre-line;\n}\n\n@media screen and (max-width: 768px) {\n  .content {\n    min-height: 300px !important;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { HeadingContent } from '../../../model/article/content/HeadingContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n  tag: 'aico-heading-content',\n  styleUrl: 'aico-heading-content.css',\n  scoped: true,\n})\nexport class AicoHeadingContent {\n  @Prop() content!: HeadingContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const contentStyle: { [key: string]: string | undefined } = { 'justify-content': this.content.isTextAtMiddleOfImage ? 'center' : 'flex-end' };\n    if (!strIsNullOrEmptyOrWhitespace(this.content.picture)) {\n      contentStyle['min-height'] = this.content.isImageHeightHalfSize ? '400px' : '600px';\n      contentStyle['background-size'] = this.content.isImageHeightHalfSize ? '100%' : 'cover';\n      contentStyle['background-image'] = `url(${this.content.picture})`;\n      contentStyle['background-repeat'] = 'no-repeat';\n      contentStyle['background-position'] = 'center';\n    }\n\n    const titleWrapperStyle: { [key: string]: string | undefined } = { 'background-color': this.content.textBackgroundColor };\n    if (this.content.fontSize) {\n      titleWrapperStyle['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (!strIsNullOrEmptyOrWhitespace(this.content.fontFamily)) {\n      titleWrapperStyle['font-family'] = this.content.fontFamily;\n    }\n\n    const descriptionStyle: { [key: string]: string | undefined } = { 'background-color': this.content.textBackgroundColor };\n    if (!strIsNullOrEmptyOrWhitespace(this.content.textColor)) {\n      descriptionStyle['color'] = this.content.textColor;\n    }\n\n    return (\n      <div class={this.content.isHeadingAlignedWithText ? 'content content-align-with-text' : 'content'} style={contentStyle}>\n        <ConditionalRender condition={translation !== null}>\n          <div class=\"title-wrapper\" style={titleWrapperStyle}>\n            <aico-title-content content={this.makeTitleContent(translation!)} />\n          </div>\n          <span class=\"description\" style={descriptionStyle}>\n            {translation!.description}\n          </span>\n        </ConditionalRender>\n      </div>\n    );\n  }\n\n  private makeTitleContent(translation: Translation): TitleContent {\n    return {\n      id: this.content.id,\n      createdAt: this.content.createdAt,\n      updatedAt: this.content.updatedAt,\n      hasUnderscore: false,\n      size: this.content.titleSize ?? 'h1',\n      titleColor: this.content.textColor,\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}

package/dist/components/aico-html-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AicoHtmlContent extends Components.AicoHtmlContent, HTMLElement {}
+export const AicoHtmlContent: {
+    prototype: AicoHtmlContent;
+    new (): AicoHtmlContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/aico-html-content.js

@@ -0,0 +1,8 @@
+import { A as AicoHtmlContent$1, d as defineCustomElement$1 } from './aico-html-content2.js';
+
+const AicoHtmlContent = AicoHtmlContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AicoHtmlContent, defineCustomElement };
+
+//# sourceMappingURL=aico-html-content.js.map

package/dist/components/aico-html-content.js.map

@@ -0,0 +1 @@
+{"file":"aico-html-content.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/aico-html-content2.js

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
+import { d as defineCustomElement$1 } from './aico-no-content2.js';
+
+const aicoHtmlContentCss = ".sc-aico-html-content-h{display:block}";
+
+const AicoHtmlContent = /*@__PURE__*/ proxyCustomElement(class AicoHtmlContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        if (this.content.translations.length === 0) {
+            return h("aico-no-content", null);
+        }
+        return (h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.translations[0].text) }, h("div", { innerHTML: this.content.translations[0].text })));
+    }
+    static get style() { return aicoHtmlContentCss; }
+}, [2, "aico-html-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-html-content", "aico-no-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-html-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoHtmlContent);
+            }
+            break;
+        case "aico-no-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AicoHtmlContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-html-content2.js.map

package/dist/components/aico-html-content2.js.map

@@ -0,0 +1 @@
+{"file":"aico-html-content2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,wCAAwC;;MCUtD,eAAe;;;;;;IAG1B,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1C,OAAO,0BAAmB,CAAC;SAC5B;QAED,QACE,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAC5F,WAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAK,GAAI,CACpC,EACpB;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-html-content/aico-html-content.css?tag=aico-html-content&encapsulation=scoped","src/components/content/aico-html-content/aico-html-content.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { HtmlContent } from '../../../model/article/content/HtmlContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\n\n@Component({\n  tag: 'aico-html-content',\n  styleUrl: 'aico-html-content.css',\n  scoped: true,\n})\nexport class AicoHtmlContent {\n  @Prop() content!: HtmlContent;\n\n  render() {\n    if (this.content.translations.length === 0) {\n      return <aico-no-content />;\n    }\n\n    return (\n      <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.translations[0].text)}>\n        <div innerHTML={this.content.translations[0].text!} />\n      </ConditionalRender>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-link-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AicoLinkContent extends Components.AicoLinkContent, HTMLElement {}
+export const AicoLinkContent: {
+    prototype: AicoLinkContent;
+    new (): AicoLinkContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/aico-link-content.js

@@ -0,0 +1,8 @@
+import { A as AicoLinkContent$1, d as defineCustomElement$1 } from './aico-link-content2.js';
+
+const AicoLinkContent = AicoLinkContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AicoLinkContent, defineCustomElement };
+
+//# sourceMappingURL=aico-link-content.js.map

package/dist/components/aico-link-content.js.map

@@ -0,0 +1 @@
+{"file":"aico-link-content.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/aico-link-content2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { s as strIsNullOrEmptyOrWhitespace, g as getImageWidthPrc } from './utils.js';
+
+const aicoLinkContentCss = ".sc-aico-link-content-h {\n  --hover-button-color: unset;\n}\n\n.image-link-wrapper.sc-aico-link-content {\n  display: flex;\n}\n\n.image-link.sc-aico-link-content {\n  display: block;\n  text-align: center;\n  &:hover {\n    opacity: 0.5;\n  }\n}\n\n.arrow-button.sc-aico-link-content {\n  float: right;\n  font-size: 30px;\n  margin-top: -10px;\n}\n\n.button_link.sc-aico-link-content {\n  display: block;\n  text-decoration: none;\n  text-transform: uppercase;\n  padding: 12px;\n  text-align: center;\n  font-weight: 900;\n  font-size: 1.5rem;\n  line-height: 1;\n  letter-spacing: 0.03rem;\n  border-radius: 5px;\n  &:hover {\n    background-color: var(--hover-button-color) !important;\n  }\n}";
+
+const AicoLinkContent = /*@__PURE__*/ proxyCustomElement(class AicoLinkContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        var _a, _b;
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        const buttonLinkStyle = {};
+        if (this.content.textButtonColor) {
+            buttonLinkStyle['color'] = this.content.textButtonColor;
+        }
+        if (this.content.textButtonColor) {
+            buttonLinkStyle['background-color'] = this.content.textButtonColor;
+        }
+        if (this.content.fontSize) {
+            buttonLinkStyle['font-size'] = `${this.content.fontSize}px`;
+        }
+        if (this.content.fontFamily) {
+            buttonLinkStyle['font-family'] = this.content.fontFamily;
+        }
+        if (this.content.hoverColor) {
+            buttonLinkStyle['--hover-button-color'] = this.content.hoverColor;
+        }
+        return (h(Host, null, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.title) }, h("label", null, translation === null || translation === void 0 ? void 0 :
+            translation.title, ": ")), h(ConditionalRender, { condition: this.content.isImageLink !== undefined && this.content.isImageLink }, h("div", { class: "image-link-wrapper", style: { 'justify-content': this.content.picturePosition } }, h("a", { href: (_a = translation === null || translation === void 0 ? void 0 : translation.link) !== null && _a !== void 0 ? _a : '#', target: "_blank", class: "image-link", style: { width: this.content.isImageFullSize ? '100%' : getImageWidthPrc(this.content.pictureSize) } }, h("img", { src: translation === null || translation === void 0 ? void 0 : translation.imageUrl })))), h(ConditionalRender, { condition: this.content.isImageLink === null || !this.content.isImageLink }, h("a", { href: (_b = translation === null || translation === void 0 ? void 0 : translation.link) !== null && _b !== void 0 ? _b : '#', target: "_blank", class: this.content.isButtonLink ? 'button-link' : '', style: buttonLinkStyle }, h("span", { class: "arrow-button" }, " \u2192")))));
+    }
+    static get style() { return aicoLinkContentCss; }
+}, [2, "aico-link-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-link-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-link-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoLinkContent);
+            }
+            break;
+    } });
+}
+
+export { AicoLinkContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-link-content2.js.map

package/dist/components/aico-link-content2.js.map

@@ -0,0 +1 @@
+{"file":"aico-link-content2.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,6rBAA6rB;;MCU3sB,eAAe;;;;;;IAG1B,MAAM;;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC/F,MAAM,eAAe,GAA0C,EAAE,CAAC;QAClE,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;YAChC,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;SACzD;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;YAChC,eAAe,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;SACpE;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,eAAe,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC;SAC7D;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC3B,eAAe,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SAC1D;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC3B,eAAe,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SACnE;QAED,QACE,EAAC,IAAI,QACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,IAC7E,iBAAQ,WAAW,aAAX,WAAW;YAAX,WAAW,CAAE,KAAK,OAAW,CACnB,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,IAC9F,WAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,IACxF,SACE,IAAI,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,GAAG,EAC9B,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,GAAG,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,IAEpG,WAAK,GAAG,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,GAAI,CACjC,CACA,CACY,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,IAC1F,SAAG,IAAI,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,aAAa,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,IAC9H,YAAM,KAAK,EAAC,cAAc,cAAgB,CACxC,CACc,CACf,EACP;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-link-content/aico-link-content.css?tag=aico-link-content&encapsulation=scoped","src/components/content/aico-link-content/aico-link-content.tsx"],"sourcesContent":[":host {\n  --hover-button-color: unset;\n}\n\n.image-link-wrapper {\n  display: flex;\n}\n\n.image-link {\n  display: block;\n  text-align: center;\n  &:hover {\n    opacity: 0.5;\n  }\n}\n\n.arrow-button {\n  float: right;\n  font-size: 30px;\n  margin-top: -10px;\n}\n\n.button_link {\n  display: block;\n  text-decoration: none;\n  text-transform: uppercase;\n  padding: 12px;\n  text-align: center;\n  font-weight: 900;\n  font-size: 1.5rem;\n  line-height: 1;\n  letter-spacing: 0.03rem;\n  border-radius: 5px;\n  &:hover {\n    background-color: var(--hover-button-color) !important;\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { getImageWidthPrc, strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { LinkContent } from '../../../model/article/content/LinkContent';\n\n@Component({\n  tag: 'aico-link-content',\n  styleUrl: 'aico-link-content.css',\n  scoped: true,\n})\nexport class AicoLinkContent {\n  @Prop() content!: LinkContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const buttonLinkStyle: { [key: string]: string | undefined } = {};\n    if (this.content.textButtonColor) {\n      buttonLinkStyle['color'] = this.content.textButtonColor;\n    }\n\n    if (this.content.textButtonColor) {\n      buttonLinkStyle['background-color'] = this.content.textButtonColor;\n    }\n\n    if (this.content.fontSize) {\n      buttonLinkStyle['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (this.content.fontFamily) {\n      buttonLinkStyle['font-family'] = this.content.fontFamily;\n    }\n\n    if (this.content.hoverColor) {\n      buttonLinkStyle['--hover-button-color'] = this.content.hoverColor;\n    }\n\n    return (\n      <Host>\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.title)}>\n          <label>{translation?.title}: </label>\n        </ConditionalRender>\n        <ConditionalRender condition={this.content.isImageLink !== undefined && this.content.isImageLink}>\n          <div class=\"image-link-wrapper\" style={{ 'justify-content': this.content.picturePosition }}>\n            <a\n              href={translation?.link ?? '#'}\n              target=\"_blank\"\n              class=\"image-link\"\n              style={{ width: this.content.isImageFullSize ? '100%' : getImageWidthPrc(this.content.pictureSize) }}\n            >\n              <img src={translation?.imageUrl} />\n            </a>\n          </div>\n        </ConditionalRender>\n        <ConditionalRender condition={this.content.isImageLink === null || !this.content.isImageLink}>\n          <a href={translation?.link ?? '#'} target=\"_blank\" class={this.content.isButtonLink ? 'button-link' : ''} style={buttonLinkStyle}>\n            <span class=\"arrow-button\"> &#8594;</span>\n          </a>\n        </ConditionalRender>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-news-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AicoNewsContent extends Components.AicoNewsContent, HTMLElement {}
+export const AicoNewsContent: {
+    prototype: AicoNewsContent;
+    new (): AicoNewsContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,8 @@
+import { A as AicoNewsContent$1, d as defineCustomElement$1 } from './aico-news-content2.js';
+
+const AicoNewsContent = AicoNewsContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AicoNewsContent, defineCustomElement };
+
+//# sourceMappingURL=aico-news-content.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-news-content.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
+
+const aicoNewsContentCss = ".news-article.sc-aico-news-content{cursor:pointer}.news-article-img.sc-aico-news-content{transition:scale 0.5s ease-in-out}.news-article.sc-aico-news-content:hover .news-article-img.sc-aico-news-content{scale:1.2}";
+
+const AicoNewsContent = /*@__PURE__*/ proxyCustomElement(class AicoNewsContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.newsArticleClicked = createEvent(this, "newsArticleClicked", 7);
+        this.content = undefined;
+    }
+    render() {
+        return (h("div", { class: "card-group" }, this.content.aicoShopNews.map(news => {
+            var _a, _b, _c, _d;
+            return (h("div", { class: "news-article card h-100 pe-auto", onClick: () => {
+                    var _a;
+                    (_a = this.newsArticleClicked) === null || _a === void 0 ? void 0 : _a.emit(news);
+                } }, h("div", { class: "ratio ratio-4x3 overflow-hidden " }, h("img", { class: "news-article-img card-img-top img-fluid object-fit-cover", style: { 'object-position': 'center' }, src: (_b = (_a = news.image) !== null && _a !== void 0 ? _a : news.headlineImage) !== null && _b !== void 0 ? _b : 'https://cdn.shopify.com/s/files/1/0565/2201/4813/files/blank-img.png?v=13432316686103745237%20406w' })), h("div", { class: "card-body", style: { 'min-height': '6rem', 'background-color': (_c = this.content.textBackgroundColor) !== null && _c !== void 0 ? _c : 'royalBlue' } }, h("h5", { class: "card-title" }, news.name)), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(news.excerpt) }, h("div", { class: "card-footer", style: { 'background-color': (_d = this.content.textBackgroundColor) !== null && _d !== void 0 ? _d : 'royalBlue', 'color': 'white' } }, h("small", { class: "text-muted" }, news.excerpt)))));
+        })));
+    }
+    static get style() { return aicoNewsContentCss; }
+}, [2, "aico-news-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-news-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-news-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoNewsContent);
+            }
+            break;
+    } });
+}
+
+export { AicoNewsContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-news-content2.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-news-content2.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,uNAAuN;;MCWrO,eAAe;;;;;;;IAK1B,MAAM;QACJ,QACE,WAAK,KAAK,EAAC,YAAY,IACpB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI;;YACjC,QACE,WACE,KAAK,EAAC,iCAAiC,EACvC,OAAO,EAAE;;oBACP,MAAA,IAAI,CAAC,kBAAkB,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAC;iBACrC,IAED,WAAK,KAAK,EAAC,kCAAkC,IAC3C,WACE,KAAK,EAAC,0DAA0D,EAChE,KAAK,EAAE,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EACtC,GAAG,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,aAAa,mCAAI,oGAAoG,GAC7I,CACE,EACN,WAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAA,IAAI,CAAC,OAAO,CAAC,mBAAmB,mCAAI,WAAW,EAAE,IACzH,UAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,IAAI,CAAM,CACnC,EACN,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,IACvE,WAAK,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAA,IAAI,CAAC,OAAO,CAAC,mBAAmB,mCAAI,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,IACvH,aAAO,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,OAAO,CAAS,CAC5C,CACY,CAChB,EACN;SACH,CAAC,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-news-content/aico-news-content.css?tag=aico-news-content&encapsulation=scoped","src/components/content/aico-news-content/aico-news-content.tsx"],"sourcesContent":[".news-article {\n  cursor: pointer;\n}\n\n.news-article-img {\n  transition: scale 0.5s ease-in-out;\n}\n\n.news-article:hover .news-article-img {\n  scale: 1.2;\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport type { NewsContent } from '../../../model/article/content/NewsContent';\nimport type { NewsArticle } from '../../../model/article/content/news/NewsArticle';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\n\n@Component({\n  tag: 'aico-news-content',\n  styleUrl: 'aico-news-content.css',\n  scoped: true,\n})\nexport class AicoNewsContent {\n  @Prop() content!: NewsContent;\n\n  @Event() newsArticleClicked?: EventEmitter<NewsArticle>;\n\n  render() {\n    return (\n      <div class=\"card-group\">\n        {this.content.aicoShopNews.map(news => {\n          return (\n            <div\n              class=\"news-article card h-100 pe-auto\"\n              onClick={() => {\n                this.newsArticleClicked?.emit(news);\n              }}\n            >\n              <div class=\"ratio ratio-4x3 overflow-hidden \">\n                <img\n                  class=\"news-article-img card-img-top img-fluid object-fit-cover\"\n                  style={{ 'object-position': 'center' }}\n                  src={news.image ?? news.headlineImage ?? 'https://cdn.shopify.com/s/files/1/0565/2201/4813/files/blank-img.png?v=13432316686103745237%20406w'}\n                />\n              </div>\n              <div class=\"card-body\" style={{ 'min-height': '6rem', 'background-color': this.content.textBackgroundColor ?? 'royalBlue' }}>\n                <h5 class=\"card-title\">{news.name}</h5>\n              </div>\n              <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(news.excerpt)}>\n                <div class=\"card-footer\" style={{ 'background-color': this.content.textBackgroundColor ?? 'royalBlue', 'color': 'white' }}>\n                  <small class=\"text-muted\">{news.excerpt}</small>\n                </div>\n              </ConditionalRender>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-news-list-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AicoNewsListItem extends Components.AicoNewsListItem, HTMLElement {}
+export const AicoNewsListItem: {
+    prototype: AicoNewsListItem;
+    new (): AicoNewsListItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,8 @@
+import { A as AicoNewsListItem$1, d as defineCustomElement$1 } from './aico-news-list-item2.js';
+
+const AicoNewsListItem = AicoNewsListItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AicoNewsListItem, defineCustomElement };
+
+//# sourceMappingURL=aico-news-list-item.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-news-list-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}