@aiconomy/aico-components 0.0.13 → 0.0.53

package/dist/components/aico-block-quote-content.d.ts

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

package/dist/components/aico-block-quote-content.js

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

package/dist/components/aico-block-quote-content.js.map

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

package/dist/components/aico-block-quote-content2.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { C as ConditionalRender } from './ConditionalRender.js';
+
+const aicoBlockQuoteContentCss = "";
+
+const AicoBlockQuoteContent = /*@__PURE__*/ proxyCustomElement(class AicoBlockQuoteContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        return (h(ConditionalRender, { condition: translation !== null }, h("blockquote", { class: "blockquote", style: { 'background-color': this.content.quotesColor } }, h("p", { class: "mb-2", style: { color: this.content.textColor } }, translation.quoteText), h("footer", { class: "blockquote-footer ms-2", style: { color: this.content.authorColor } }, translation.quoteAuthorLine))));
+    }
+    static get style() { return aicoBlockQuoteContentCss; }
+}, [2, "aico-block-quote-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-block-quote-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-block-quote-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoBlockQuoteContent);
+            }
+            break;
+    } });
+}
+
+export { AicoBlockQuoteContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-block-quote-content2.js.map

package/dist/components/aico-block-quote-content2.js.map

@@ -0,0 +1 @@
+{"file":"aico-block-quote-content2.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,EAAE;;MCStB,qBAAqB;;;;;;IAGhC,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;QAE/F,QACE,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,kBAAY,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IACpF,SAAG,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IACrD,WAAY,CAAC,SAAS,CACrB,EACJ,cAAQ,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAC9E,WAAY,CAAC,eAAe,CACtB,CACE,CACK,EACpB;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-block-quote-content/aico-block-quote-content.css?tag=aico-block-quote-content&encapsulation=scoped","src/components/content/aico-block-quote-content/aico-block-quote-content.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport type { BlockQuoteContent } from '../../../model/article/content/BlockQuoteContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\n\n@Component({\n  tag: 'aico-block-quote-content',\n  styleUrl: 'aico-block-quote-content.css',\n  scoped: true,\n})\nexport class AicoBlockQuoteContent {\n  @Prop() content!: BlockQuoteContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n\n    return (\n      <ConditionalRender condition={translation !== null}>\n        <blockquote class=\"blockquote\" style={{ 'background-color': this.content.quotesColor }}>\n          <p class=\"mb-2\" style={{ color: this.content.textColor }}>\n            {translation!.quoteText}\n          </p>\n          <footer class=\"blockquote-footer ms-2\" style={{ color: this.content.authorColor }}>\n            {translation!.quoteAuthorLine}\n          </footer>\n        </blockquote>\n      </ConditionalRender>\n    );\n  }\n}\n"],"version":3}

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

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

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

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

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

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

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

@@ -0,0 +1,78 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { d as defineCustomElement$2 } from './aico-no-content2.js';
+import { d as defineCustomElement$1 } from './aico-title-content2.js';
+
+const aicoBulletContentCss = "";
+
+const AicoBulletContent = /*@__PURE__*/ proxyCustomElement(class AicoBulletContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        const styles = new Map();
+        if (this.content.fontSize) {
+            styles.set('font-size', this.content.fontSize);
+        }
+        if (this.content.fontFamily) {
+            styles.set('font-family', this.content.fontFamily);
+        }
+        return (h("div", { class: "content", style: Object.fromEntries(styles) }, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation) })), h("ul", null, this.content.bulletBullets
+            .sort((a, b) => { var _a, _b; return ((_a = a.sort) !== null && _a !== void 0 ? _a : 0) - ((_b = b.sort) !== null && _b !== void 0 ? _b : 0); })
+            .map(bullet => {
+            if (bullet.translations.length === 0) {
+                return null;
+            }
+            const translation = bullet.translations[0];
+            if (strIsNullOrEmptyOrWhitespace(translation.text)) {
+                return null;
+            }
+            return h("li", null, translation.text);
+        }))));
+    }
+    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',
+            translations: [Object.assign({}, translation)],
+        };
+    }
+    static get style() { return aicoBulletContentCss; }
+}, [2, "aico-bullet-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-bullet-content", "aico-no-content", "aico-title-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-bullet-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoBulletContent);
+            }
+            break;
+        case "aico-no-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "aico-title-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AicoBulletContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-bullet-content2.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-bullet-content2.js","mappings":";;;;;;AAAA,MAAM,oBAAoB,GAAG,EAAE;;MCYlB,iBAAiB;;;;;;IAG5B,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,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;QACzC,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;SAChD;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC3B,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACpD;QAED,QACE,WAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,IACpD,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CAClD,EACpB,cACG,IAAI,CAAC,OAAO,CAAC,aAAa;aACxB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,mBAAK,OAAA,CAAC,MAAA,CAAC,CAAC,IAAI,mCAAI,CAAC,KAAK,MAAA,CAAC,CAAC,IAAI,mCAAI,CAAC,CAAC,CAAA,EAAA,CAAC;aAC7C,GAAG,CAAC,MAAM;YACT,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;gBACpC,OAAO,IAAI,CAAC;aACb;YAED,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAC3C,IAAI,4BAA4B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;gBAClD,OAAO,IAAI,CAAC;aACb;YAED,OAAO,cAAK,WAAW,CAAC,IAAI,CAAM,CAAC;SACpC,CAAC,CACD,CACD,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,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-bullet-content/aico-bullet-content.css?tag=aico-bullet-content&encapsulation=scoped","src/components/content/aico-bullet-content/aico-bullet-content.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport type { BulletContent } from '../../../model/article/content/BulletContent';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\n\n@Component({\n  tag: 'aico-bullet-content',\n  styleUrl: 'aico-bullet-content.css',\n  scoped: true,\n})\nexport class AicoBulletContent {\n  @Prop() content!: BulletContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const styles = new Map<string, string>();\n    if (this.content.fontSize) {\n      styles.set('font-size', this.content.fontSize);\n    }\n\n    if (this.content.fontFamily) {\n      styles.set('font-family', this.content.fontFamily);\n    }\n\n    return (\n      <div class=\"content\" style={Object.fromEntries(styles)}>\n        <ConditionalRender condition={translation !== null}>\n          <aico-title-content content={this.makeTitleContent(translation!)} />\n        </ConditionalRender>\n        <ul>\n          {this.content.bulletBullets\n            .sort((a, b) => (a.sort ?? 0) - (b.sort ?? 0))\n            .map(bullet => {\n              if (bullet.translations.length === 0) {\n                return null;\n              }\n\n              const translation = bullet.translations[0];\n              if (strIsNullOrEmptyOrWhitespace(translation.text)) {\n                return null;\n              }\n\n              return <li>{translation.text}</li>;\n            })}\n        </ul>\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      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}

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

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

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

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

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

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

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

@@ -0,0 +1,76 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
+import { j as jquery } from './slick.js';
+import { d as defineCustomElement$2 } from './aico-no-content2.js';
+import { d as defineCustomElement$1 } from './aico-title-content2.js';
+
+const aicoCarouselContentCss = "";
+
+const AicoCarouselContent = /*@__PURE__*/ proxyCustomElement(class AicoCarouselContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+        this.hasArrows = true;
+    }
+    componentDidLoad() {
+        jquery('.carousel').slick({
+            autoplay: true,
+            autoplaySpeed: 6000,
+            fade: true,
+            dots: true,
+            arrows: this.hasArrows,
+            pauseOnDotsHover: true,
+        });
+    }
+    render() {
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation) })), h("div", { class: "carousel" }, this.content.contentCarouselImages
+            .sort((a, b) => a.order - b.order)
+            .map(content => {
+            return (h("div", { class: "carousel-item card text-bg-dark text-white" }, h("div", { class: "ratio ratio-16x9 mx-auto", style: { 'max-width': '50%' } }, h("img", { class: "card-img d-block object-fit-cover", alt: "Carousel Picture", "data-lazy": content.picture })), h(ConditionalRender, { condition: content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(content.translations[0].title) }, h("div", { class: "card-img-overlay d-flex align-items-end" }, h("h5", { class: "card-title text-uppercase" }, content.translations[0].title)))));
+        }))));
+    }
+    makeTitleContent(translation) {
+        return {
+            id: this.content.id,
+            createdAt: this.content.createdAt,
+            updatedAt: this.content.updatedAt,
+            hasUnderscore: false,
+            size: 'h2',
+            translations: [Object.assign({}, translation)],
+        };
+    }
+    static get style() { return aicoCarouselContentCss; }
+}, [2, "aico-carousel-content", {
+        "content": [16],
+        "hasArrows": [4, "has-arrows"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-carousel-content", "aico-no-content", "aico-title-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-carousel-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoCarouselContent);
+            }
+            break;
+        case "aico-no-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "aico-title-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AicoCarouselContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-carousel-content2.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-carousel-content2.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,EAAE;;MCepB,mBAAmB;;;;;yBAGD,IAAI;;IAEjC,gBAAgB;QACdA,MAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;YACnB,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI,CAAC,SAAS;YACtB,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;KACJ;IAED,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;QAE/F,QACE,EAAC,IAAI,QACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CAClD,EACpB,WAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,OAAO,CAAC,qBAAqB;aAChC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;aACjC,GAAG,CAAC,OAAO;YACV,QACE,WAAK,KAAK,EAAC,4CAA4C,IACrD,WAAK,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,IACjE,WAAK,KAAK,EAAC,mCAAmC,EAAC,GAAG,EAAC,kBAAkB,eAAY,OAAO,CAAC,OAAO,GAAI,CAChG,EACN,EAAC,iBAAiB,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAC3H,WAAK,KAAK,EAAC,yCAAyC,IAClD,UAAI,KAAK,EAAC,2BAA2B,IAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAM,CACtE,CACY,CAChB,EACN;SACH,CAAC,CACA,CACD,EACP;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,IAAI;YACV,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["$"],"sources":["src/components/content/aico-carousel-content/aico-carousel-content.css?tag=aico-carousel-content&encapsulation=scoped","src/components/content/aico-carousel-content/aico-carousel-content.tsx"],"sourcesContent":["\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { CarouselContent } from '../../../model/article/content/CarouselContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport { Translation } from '../../../model/article/Translation';\nimport { TitleContent } from '../../../model/article/content/TitleContent';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-carousel-content',\n  styleUrl: 'aico-carousel-content.css',\n  scoped: true,\n})\nexport class AicoCarouselContent {\n  @Prop() content!: CarouselContent;\n\n  @Prop() hasArrows: boolean = true;\n\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      fade: true,\n      dots: true,\n      arrows: this.hasArrows,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n\n    return (\n      <Host>\n        <ConditionalRender condition={translation !== null}>\n          <aico-title-content content={this.makeTitleContent(translation!)} />\n        </ConditionalRender>\n        <div class=\"carousel\">\n          {this.content.contentCarouselImages\n            .sort((a, b) => a.order - b.order)\n            .map(content => {\n              return (\n                <div class=\"carousel-item card text-bg-dark text-white\">\n                  <div class=\"ratio ratio-16x9 mx-auto\" style={{ 'max-width': '50%' }}>\n                    <img class=\"card-img d-block object-fit-cover\" alt=\"Carousel Picture\" data-lazy={content.picture} />\n                  </div>\n                  <ConditionalRender condition={content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(content.translations[0].title)}>\n                    <div class=\"card-img-overlay d-flex align-items-end\">\n                      <h5 class=\"card-title text-uppercase\">{content.translations[0].title}</h5>\n                    </div>\n                  </ConditionalRender>\n                </div>\n              );\n            })}\n        </div>\n      </Host>\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: 'h2',\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const aicoCollectionContentCss = ".sc-aico-collection-content-h{display:block}";
+
+const AicoCollectionContent$1 = /*@__PURE__*/ proxyCustomElement(class AicoCollectionContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, null, h("slot", null)));
+    }
+    static get style() { return aicoCollectionContentCss; }
+}, [6, "aico-collection-content"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-collection-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-collection-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoCollectionContent$1);
+            }
+            break;
+    } });
+}
+
+const AicoCollectionContent = AicoCollectionContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AicoCollectionContent, defineCustomElement };
+
+//# sourceMappingURL=aico-collection-content.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-collection-content.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,8CAA8C;;MCOlEA,uBAAqB;;;;;IAEhC,MAAM;QACJ,QACE,EAAC,IAAI,QACH,eAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["AicoCollectionContent"],"sources":["src/components/content/aico-collection-content/aico-collection-content.css?tag=aico-collection-content&encapsulation=scoped","src/components/content/aico-collection-content/aico-collection-content.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'aico-collection-content',\n  styleUrl: 'aico-collection-content.css',\n  scoped: true,\n})\nexport class AicoCollectionContent {\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

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

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

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

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

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

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

package/dist/components/aico-content-card-content2.js

@@ -0,0 +1,61 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { d as defineCustomElement$2 } from './aico-no-content2.js';
+import { d as defineCustomElement$1 } from './aico-title-content2.js';
+
+const aicoContentCardContentCss = "";
+
+const AicoContentCardContent = /*@__PURE__*/ proxyCustomElement(class AicoContentCardContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        var _a;
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        return (h("div", { class: "card", style: { width: '18rem' } }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.picture) }, h("img", { class: "card-img-top", alt: "Card picture", src: this.content.picture })), h("div", { class: "card-body" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.title) }, h("aico-title-content", { class: "card-title", content: this.makeTitleContent(translation) })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.link) }, h("a", { class: "card-link", href: this.content.link, target: "_blank" }, (_a = translation === null || translation === void 0 ? void 0 : translation.linkText) !== null && _a !== void 0 ? _a : 'link')))));
+    }
+    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',
+            translations: [Object.assign({}, translation)],
+        };
+    }
+    static get style() { return aicoContentCardContentCss; }
+}, [2, "aico-content-card-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-content-card-content", "aico-no-content", "aico-title-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-content-card-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoContentCardContent);
+            }
+            break;
+        case "aico-no-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "aico-title-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AicoContentCardContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-content-card-content2.js.map

package/dist/components/aico-content-card-content2.js.map

@@ -0,0 +1 @@
+{"file":"aico-content-card-content2.js","mappings":";;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCYvB,sBAAsB;;;;;;IAGjC,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;QAE/F,QACE,WAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IACzC,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAC/E,WAAK,KAAK,EAAC,cAAc,EAAC,GAAG,EAAC,cAAc,EAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,GAAI,CACxD,EACpB,WAAK,KAAK,EAAC,WAAW,IACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,IAC7E,0BAAoB,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CACrE,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAC5E,SAAG,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,IAC1D,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,mCAAI,MAAM,CAC9B,CACc,CAChB,CACF,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,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-content-card-content/aico-content-card-content.css?tag=aico-content-card-content&encapsulation=scoped","src/components/content/aico-content-card-content/aico-content-card-content.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport type { CardContent } from '../../../model/article/content/CardContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n  tag: 'aico-content-card-content',\n  styleUrl: 'aico-content-card-content.css',\n  scoped: true,\n})\nexport class AicoContentCardContent {\n  @Prop() content!: CardContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n\n    return (\n      <div class=\"card\" style={{ width: '18rem' }}>\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.picture)}>\n          <img class=\"card-img-top\" alt=\"Card picture\" src={this.content.picture} />\n        </ConditionalRender>\n        <div class=\"card-body\">\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.title)}>\n            <aico-title-content class=\"card-title\" content={this.makeTitleContent(translation!)} />\n          </ConditionalRender>\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.link)}>\n            <a class=\"card-link\" href={this.content.link} target=\"_blank\">\n              {translation?.linkText ?? 'link'}\n            </a>\n          </ConditionalRender>\n        </div>\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      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const aicoDividerContentCss = "";
+
+const AicoDividerContent = /*@__PURE__*/ proxyCustomElement(class AicoDividerContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        const isOnlyMargin = translation ? translation.isOnlyMargin : this.content.isOnlyMargin;
+        return h(Host, null, isOnlyMargin ? h("div", { style: { 'padding-top': '40px' } }) : h("hr", { style: { margin: '5px' } }));
+    }
+    static get style() { return aicoDividerContentCss; }
+}, [2, "aico-divider-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-divider-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-divider-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoDividerContent);
+            }
+            break;
+    } });
+}
+
+export { AicoDividerContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-divider-content2.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-divider-content2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCQnB,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,GAAG,WAAW,GAAG,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;QACxF,OAAO,EAAC,IAAI,QAAE,YAAY,GAAG,WAAK,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAI,GAAG,UAAI,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,CAAQ,CAAC;KACnH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-divider-content/aico-divider-content.css?tag=aico-divider-content&encapsulation=scoped","src/components/content/aico-divider-content/aico-divider-content.tsx"],"sourcesContent":["","import { Component, Host, Prop, h } from '@stencil/core';\nimport type { DividerContent } from '../../../model/article/content/DividerContent';\n\n@Component({\n  tag: 'aico-divider-content',\n  styleUrl: 'aico-divider-content.css',\n  scoped: true,\n})\nexport class AicoDividerContent {\n  @Prop() content!: DividerContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const isOnlyMargin = translation ? translation.isOnlyMargin : this.content.isOnlyMargin;\n    return <Host>{isOnlyMargin ? <div style={{ 'padding-top': '40px' }} /> : <hr style={{ margin: '5px' }} />}</Host>;\n  }\n}\n"],"version":3}

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

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

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

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

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

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

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

@@ -0,0 +1,60 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { C as ConditionalRender } from './ConditionalRender.js';
+import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
+
+const aicoDocumentContentCss = ".sc-aico-document-content-h{--hover-button-color:unset}.button-link.sc-aico-document-content:hover{background-color:var(--hover-button-color)!important;opacity:0.85}";
+
+const AicoDocumentContent = /*@__PURE__*/ proxyCustomElement(class AicoDocumentContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.content = undefined;
+    }
+    render() {
+        var _a;
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        const linkStyles = {};
+        const buttonStyles = {};
+        if (this.content.fontSize) {
+            linkStyles['font-size'] = `${this.content.fontSize}px`;
+            buttonStyles['font-size'] = `${this.content.fontSize}px`;
+        }
+        if (this.content.fontFamily) {
+            linkStyles['font-family'] = this.content.fontFamily;
+            buttonStyles['font-family'] = this.content.fontFamily;
+        }
+        if (this.content.isDocumentDisplayedAsButton && this.content.buttonTextColor) {
+            buttonStyles['color'] = this.content.buttonTextColor;
+        }
+        if (this.content.isDocumentDisplayedAsButton && this.content.buttonBackgroundColor) {
+            buttonStyles['background-color'] = this.content.buttonBackgroundColor;
+        }
+        if (this.content.isDocumentDisplayedAsButton && this.content.buttonBorderColor) {
+            buttonStyles['border-color'] = this.content.buttonBorderColor;
+        }
+        if (this.content.isDocumentDisplayedAsButton && this.content.buttonHoverColor) {
+            buttonStyles['--hover-button-color'] = this.content.buttonHoverColor;
+        }
+        return (h("div", { class: "card" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.picture) }, h("img", { class: "card-img-top", alt: "image", src: translation.picture })), h("div", { class: "card-body" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.link) }, h("a", { class: "card-link", style: linkStyles, href: this.content.link }, this.content.link)), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.document) }, h("a", { href: translation.document, target: "_blank", style: buttonStyles, class: `card-link align-middle ${this.content.isDocumentDisplayedAsButton ? 'btn button-link' : ''}` }, h("i", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", width: "24", height: "24", viewBox: "0 0 50 50" }, h("path", { d: "M 7 2 L 7 48 L 43 48 L 43 14.59375 L 42.71875 14.28125 L 30.71875 2.28125 L 30.40625 2 Z M 9 4 L 29 4 L 29 16 L 41 16 L 41 46 L 9 46 Z M 31 5.4375 L 39.5625 14 L 31 14 Z" }))), (_a = translation.title) !== null && _a !== void 0 ? _a : 'File')))));
+    }
+    static get style() { return aicoDocumentContentCss; }
+}, [2, "aico-document-content", {
+        "content": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["aico-document-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "aico-document-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AicoDocumentContent);
+            }
+            break;
+    } });
+}
+
+export { AicoDocumentContent as A, defineCustomElement as d };
+
+//# sourceMappingURL=aico-document-content2.js.map

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

@@ -0,0 +1 @@
+{"file":"aico-document-content2.js","mappings":"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","names":[],"sources":["src/components/content/aico-document-content/aico-document-content.css?tag=aico-document-content&encapsulation=scoped","src/components/content/aico-document-content/aico-document-content.tsx"],"sourcesContent":[":host {\n  --hover-button-color: unset;\n}\n\n.button-link:hover {\n  background-color: var(--hover-button-color)!important;\n  opacity: 0.85;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { DocumentContent } from '../../../model/article/content/DocumentContent';\n\n@Component({\n  tag: 'aico-document-content',\n  styleUrl: 'aico-document-content.css',\n  scoped: true,\n})\nexport class AicoDocumentContent {\n  @Prop() content!: DocumentContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const linkStyles: { [key: string]: string | undefined } = {};\n    const buttonStyles: { [key: string]: string | undefined } = {};\n\n    if (this.content.fontSize) {\n      linkStyles['font-size'] = `${this.content.fontSize}px`;\n      buttonStyles['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (this.content.fontFamily) {\n      linkStyles['font-family'] = this.content.fontFamily;\n      buttonStyles['font-family'] = this.content.fontFamily;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonTextColor) {\n      buttonStyles['color'] = this.content.buttonTextColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonBackgroundColor) {\n      buttonStyles['background-color'] = this.content.buttonBackgroundColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonBorderColor) {\n      buttonStyles['border-color'] = this.content.buttonBorderColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonHoverColor) {\n      buttonStyles['--hover-button-color'] = this.content.buttonHoverColor;\n    }\n\n    return (\n      <div class=\"card\">\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.picture)}>\n          <img class=\"card-img-top\" alt=\"image\" src={translation!.picture} />\n        </ConditionalRender>\n        <div class=\"card-body\">\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.link)}>\n            <a class=\"card-link\" style={linkStyles} href={this.content.link}>\n              {this.content.link}\n            </a>\n          </ConditionalRender>\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.document)}>\n            <a\n              href={translation!.document}\n              target=\"_blank\"\n              style={buttonStyles}\n              class={`card-link align-middle ${this.content.isDocumentDisplayedAsButton ? 'btn button-link' : ''}`}\n            >\n              <i>\n                <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"24\" height=\"24\" viewBox=\"0 0 50 50\">\n                  <path d=\"M 7 2 L 7 48 L 43 48 L 43 14.59375 L 42.71875 14.28125 L 30.71875 2.28125 L 30.40625 2 Z M 9 4 L 29 4 L 29 16 L 41 16 L 41 46 L 9 46 Z M 31 5.4375 L 39.5625 14 L 31 14 Z\"></path>\n                </svg>\n              </i>\n              {translation!.title ?? 'File'}\n            </a>\n          </ConditionalRender>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}