@aiconomy/aico-components 0.0.13 → 0.0.53

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-block-quote-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-block-quote-content/aico-block-quote-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AAOjE,MAAM,OAAO,qBAAqB;;;;IAGhC,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/F,OAAO,CACL,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI;YAChD,kBAAY,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;gBACpF,SAAG,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IACrD,WAAY,CAAC,SAAS,CACrB;gBACJ,cAAQ,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAC9E,WAAY,CAAC,eAAe,CACtB,CACE,CACK,CACrB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -0,0 +1,26 @@
+const meta = {
+    component: 'aico-block-quote-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    quoteText: 'foo bar baz',
+                    quoteAuthorLine: 'John Doe',
+                },
+            ],
+            quotesColor: 'gray',
+            textColor: 'red',
+            authorColor: 'pink',
+        },
+    },
+};
+//# sourceMappingURL=aico-block-quote-content.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-block-quote-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-block-quote-content/aico-block-quote-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAAoC;IAC5C,SAAS,EAAE,0BAA0B;CACtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,EAAE,IAAI;YACR,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,aAAa;oBACxB,eAAe,EAAE,UAAU;iBAC5B;aACF;YACD,WAAW,EAAE,MAAM;YACnB,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,MAAM;SACC;KACvB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { BlockQuoteContent } from '../../../model/article/content/BlockQuoteContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoBlockQuoteContent> = {\n  component: 'aico-block-quote-content',\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Example: Story = {\n  args: {\n    content: {\n      id: 1234,\n      createdAt: new Date(),\n      updatedAt: new Date(),\n      translations: [\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          quoteText: 'foo bar baz',\n          quoteAuthorLine: 'John Doe',\n        },\n      ],\n      quotesColor: 'gray',\n      textColor: 'red',\n      authorColor: 'pink',\n    } as BlockQuoteContent,\n  },\n};\n"]}

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

@@ -0,0 +1,79 @@
+import { h } from "@stencil/core";
+import { strIsNullOrEmptyOrWhitespace } from "../../../utils/utils";
+import ConditionalRender from "../../../utils/ConditionalRender";
+export class AicoBulletContent {
+    constructor() {
+        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 is() { return "aico-bullet-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-bullet-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-bullet-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "BulletContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; } & { translations: { id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; }[]; sort: number; titleSize?: string | undefined; fontSize?: string | undefined; fontFamily?: string | undefined; bulletBullets: BulletBullet[]; }",
+                    "references": {
+                        "BulletContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/BulletContent",
+                            "id": "src/model/article/content/BulletContent.ts::BulletContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-bullet-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-bullet-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-bullet-content/aico-bullet-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AAOjE,MAAM,OAAO,iBAAiB;;;;IAG5B,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,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,OAAO,CACL,WAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;YACpD,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI;gBAChD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CAClD;YACpB,cACG,IAAI,CAAC,OAAO,CAAC,aAAa;iBACxB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,eAAC,OAAA,CAAC,MAAA,CAAC,CAAC,IAAI,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,CAAC,CAAC,IAAI,mCAAI,CAAC,CAAC,CAAA,EAAA,CAAC;iBAC7C,GAAG,CAAC,MAAM,CAAC,EAAE;gBACZ,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;oBACpC,OAAO,IAAI,CAAC;iBACb;gBAED,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAC3C,IAAI,4BAA4B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;oBAClD,OAAO,IAAI,CAAC;iBACb;gBAED,OAAO,cAAK,WAAW,CAAC,IAAI,CAAM,CAAC;YACrC,CAAC,CAAC,CACD,CACD,CACP,CAAC;IACJ,CAAC;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;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -0,0 +1,71 @@
+const meta = {
+    component: 'aico-bullet-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            titleSize: 'h2',
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'en-GB',
+                    title: 'Bullet list title',
+                },
+            ],
+            bulletBullets: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    sort: 2,
+                    translations: [
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'en-GB',
+                            text: 'bar',
+                        },
+                    ],
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    sort: 1,
+                    translations: [
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'en-GB',
+                            text: 'foo',
+                        },
+                    ],
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    sort: 3,
+                    translations: [
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'en-GB',
+                            text: 'baz',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=aico-bullet-content.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-bullet-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-bullet-content/aico-bullet-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAAgC;IACxC,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,EAAE,IAAI;YACR,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI;YACf,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,mBAAmB;iBAC3B;aACF;YACD,aAAa,EAAE;gBACb;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,IAAI,EAAE,CAAC;oBACP,YAAY,EAAE;wBACZ;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,OAAO;4BACf,IAAI,EAAE,KAAK;yBACZ;qBACF;iBACF;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,IAAI,EAAE,CAAC;oBACP,YAAY,EAAE;wBACZ;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,OAAO;4BACf,IAAI,EAAE,KAAK;yBACZ;qBACF;iBACF;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,IAAI,EAAE,CAAC;oBACP,YAAY,EAAE;wBACZ;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,OAAO;4BACf,IAAI,EAAE,KAAK;yBACZ;qBACF;iBACF;aACF;SACe;KACnB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { BulletContent } from '../../../model/article/content/BulletContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoBulletContent> = {\n  component: 'aico-bullet-content',\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Example: Story = {\n  args: {\n    content: {\n      id: 1234,\n      createdAt: new Date(),\n      updatedAt: new Date(),\n      titleSize: 'h2',\n      translations: [\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          locale: 'en-GB',\n          title: 'Bullet list title',\n        },\n      ],\n      bulletBullets: [\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          sort: 2,\n          translations: [\n            {\n              id: 1234,\n              createdAt: new Date(),\n              updatedAt: new Date(),\n              locale: 'en-GB',\n              text: 'bar',\n            },\n          ],\n        },\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          sort: 1,\n          translations: [\n            {\n              id: 1234,\n              createdAt: new Date(),\n              updatedAt: new Date(),\n              locale: 'en-GB',\n              text: 'foo',\n            },\n          ],\n        },\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          sort: 3,\n          translations: [\n            {\n              id: 1234,\n              createdAt: new Date(),\n              updatedAt: new Date(),\n              locale: 'en-GB',\n              text: 'baz',\n            },\n          ],\n        },\n      ],\n    } as BulletContent,\n  },\n};\n"]}

package/dist/collection/components/content/aico-carousel-content/aico-carousel-content.css

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,95 @@
+import { Host, h } from "@stencil/core";
+import ConditionalRender from "../../../utils/ConditionalRender";
+import { strIsNullOrEmptyOrWhitespace } from "../../../utils/utils";
+import $ from "jquery";
+import "slick-carousel";
+export class AicoCarouselContent {
+    constructor() {
+        this.content = undefined;
+        this.hasArrows = true;
+    }
+    componentDidLoad() {
+        $('.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 is() { return "aico-carousel-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-carousel-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-carousel-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CarouselContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; } & { translations: { id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; }[]; arrowsBackground?: string | undefined; contentCarouselImages: CarouselImage[]; }",
+                    "references": {
+                        "CarouselContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/CarouselContent",
+                            "id": "src/model/article/content/CarouselContent.ts::CarouselContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "hasArrows": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "has-arrows",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-carousel-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-carousel-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-carousel-content/aico-carousel-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAIpE,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,gBAAgB,CAAC;AAOxB,MAAM,OAAO,mBAAmB;;;yBAGD,IAAI;;IAEjC,gBAAgB;QACd,CAAC,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;IACL,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/F,OAAO,CACL,EAAC,IAAI;YACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI;gBAChD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CAClD;YACpB,WAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,OAAO,CAAC,qBAAqB;iBAChC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;iBACjC,GAAG,CAAC,OAAO,CAAC,EAAE;gBACb,OAAO,CACL,WAAK,KAAK,EAAC,4CAA4C;oBACrD,WAAK,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;wBACjE,WAAK,KAAK,EAAC,mCAAmC,EAAC,GAAG,EAAC,kBAAkB,eAAY,OAAO,CAAC,OAAO,GAAI,CAChG;oBACN,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;wBAC3H,WAAK,KAAK,EAAC,yCAAyC;4BAClD,UAAI,KAAK,EAAC,2BAA2B,IAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAM,CACtE,CACY,CAChB,CACP,CAAC;YACJ,CAAC,CAAC,CACA,CACD,CACR,CAAC;IACJ,CAAC;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;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -0,0 +1,73 @@
+const meta = {
+    component: 'aico-carousel-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'en-GB',
+                    title: 'Carusel title',
+                },
+            ],
+            contentCarouselImages: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    order: 2,
+                    picture: 'https://source.unsplash.com/random/320x240',
+                    translations: [
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'en-GB',
+                            title: 'bar',
+                        },
+                    ],
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    order: 1,
+                    picture: 'https://source.unsplash.com/random/320x240',
+                    translations: [
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'en-GB',
+                            title: 'foo',
+                        },
+                    ],
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    order: 3,
+                    picture: 'https://source.unsplash.com/random/320x240',
+                    translations: [
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'en-GB',
+                            title: 'baz',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=aico-carousel-content.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-carousel-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-carousel-content/aico-carousel-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAAkC;IAC1C,SAAS,EAAE,uBAAuB;CACnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,EAAE,IAAI;YACR,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,eAAe;iBACvB;aACF;YACD,qBAAqB,EAAE;gBACrB;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,4CAA4C;oBACrD,YAAY,EAAE;wBACZ;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,OAAO;4BACf,KAAK,EAAE,KAAK;yBACb;qBACF;iBACF;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,4CAA4C;oBACrD,YAAY,EAAE;wBACZ;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,OAAO;4BACf,KAAK,EAAE,KAAK;yBACb;qBACF;iBACF;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,4CAA4C;oBACrD,YAAY,EAAE;wBACZ;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,OAAO;4BACf,KAAK,EAAE,KAAK;yBACb;qBACF;iBACF;aACF;SACiB;KACrB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { CarouselContent } from '../../../model/article/content/CarouselContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoCarouselContent> = {\n  component: 'aico-carousel-content',\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Example: Story = {\n  args: {\n    content: {\n      id: 1234,\n      createdAt: new Date(),\n      updatedAt: new Date(),\n      translations: [\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          locale: 'en-GB',\n          title: 'Carusel title',\n        },\n      ],\n      contentCarouselImages: [\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          order: 2,\n          picture: 'https://source.unsplash.com/random/320x240',\n          translations: [\n            {\n              id: 1234,\n              createdAt: new Date(),\n              updatedAt: new Date(),\n              locale: 'en-GB',\n              title: 'bar',\n            },\n          ],\n        },\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          order: 1,\n          picture: 'https://source.unsplash.com/random/320x240',\n          translations: [\n            {\n              id: 1234,\n              createdAt: new Date(),\n              updatedAt: new Date(),\n              locale: 'en-GB',\n              title: 'foo',\n            },\n          ],\n        },\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          order: 3,\n          picture: 'https://source.unsplash.com/random/320x240',\n          translations: [\n            {\n              id: 1234,\n              createdAt: new Date(),\n              updatedAt: new Date(),\n              locale: 'en-GB',\n              title: 'baz',\n            },\n          ],\n        },\n      ],\n    } as CarouselContent,\n  },\n};\n"]}

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

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

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

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class AicoCollectionContent {
+    render() {
+        return (h(Host, null, h("slot", null)));
+    }
+    static get is() { return "aico-collection-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-collection-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-collection-content.css"]
+        };
+    }
+}
+//# sourceMappingURL=aico-collection-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-collection-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-collection-content/aico-collection-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,qBAAqB;IAEhC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,eAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CAEF","sourcesContent":["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"]}

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

@@ -0,0 +1,62 @@
+import { h } from "@stencil/core";
+import { strIsNullOrEmptyOrWhitespace } from "../../../utils/utils";
+import ConditionalRender from "../../../utils/ConditionalRender";
+export class AicoContentCardContent {
+    constructor() {
+        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 is() { return "aico-content-card-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-content-card-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-content-card-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CardContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; } & { translations: ({ id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; } & { linkText?: string | undefined; })[]; picture?: string | undefined; link?: string | undefined; titleSize?: string | undefined; }",
+                    "references": {
+                        "CardContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/CardContent",
+                            "id": "src/model/article/content/CardContent.ts::CardContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-content-card-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-content-card-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-content-card-content/aico-content-card-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AAUjE,MAAM,OAAO,sBAAsB;;;;IAGjC,MAAM;;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/F,OAAO,CACL,WAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACzC,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC/E,WAAK,KAAK,EAAC,cAAc,EAAC,GAAG,EAAC,cAAc,EAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,GAAI,CACxD;YACpB,WAAK,KAAK,EAAC,WAAW;gBACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC;oBAC7E,0BAAoB,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CACrE;gBACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;oBAC5E,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,CACP,CAAC;IACJ,CAAC;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;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -0,0 +1,26 @@
+const meta = {
+    component: 'aico-content-card-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    title: 'Card content',
+                    linkText: 'hehe',
+                },
+            ],
+            picture: 'https://source.unsplash.com/random/320x240',
+            link: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
+            titleSize: 'h2',
+        },
+    },
+};
+//# sourceMappingURL=aico-content-card-content.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-content-card-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-content-card-content/aico-content-card-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAAqC;IAC7C,SAAS,EAAE,2BAA2B;CACvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,EAAE,IAAI;YACR,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,KAAK,EAAE,cAAc;oBACrB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,OAAO,EAAE,4CAA4C;YACrD,IAAI,EAAE,6CAA6C;YACnD,SAAS,EAAE,IAAI;SACD;KACjB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { CardContent } from '../../../model/article/content/CardContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoContentCardContent> = {\n  component: 'aico-content-card-content',\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Example: Story = {\n  args: {\n    content: {\n      id: 1234,\n      createdAt: new Date(),\n      updatedAt: new Date(),\n      translations: [\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          title: 'Card content',\n          linkText: 'hehe',\n        },\n      ],\n      picture: 'https://source.unsplash.com/random/320x240',\n      link: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n      titleSize: 'h2',\n    } as CardContent,\n  },\n};\n"]}

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

@@ -0,0 +1,49 @@
+import { Host, h } from "@stencil/core";
+export class AicoDividerContent {
+    constructor() {
+        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 is() { return "aico-divider-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-divider-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-divider-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DividerContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; } & { translations: ({ id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; } & { isOnlyMargin: boolean; })[]; isOnlyMargin: boolean; }",
+                    "references": {
+                        "DividerContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/DividerContent",
+                            "id": "src/model/article/content/DividerContent.ts::DividerContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-divider-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-divider-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-divider-content/aico-divider-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,kBAAkB;;;;IAG7B,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/F,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;QACxF,OAAO,EAAC,IAAI,QAAE,YAAY,CAAC,CAAC,CAAC,WAAK,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAI,CAAC,CAAC,CAAC,UAAI,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,CAAQ,CAAC;IACpH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -0,0 +1,23 @@
+const meta = {
+    component: 'aico-divider-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    isOnlyMargin: false,
+                },
+            ],
+            isOnlyMargin: false,
+        },
+    },
+};
+//# sourceMappingURL=aico-divider-content.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-divider-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-divider-content/aico-divider-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAAiC;IACzC,SAAS,EAAE,sBAAsB;CAClC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,EAAE,IAAI;YACR,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,YAAY,EAAE,KAAK;iBACpB;aACF;YACD,YAAY,EAAE,KAAK;SACF;KACpB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { DividerContent } from '../../../model/article/content/DividerContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoDividerContent> = {\n  component: 'aico-divider-content',\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Example: Story = {\n  args: {\n    content: {\n      id: 1234,\n      createdAt: new Date(),\n      updatedAt: new Date(),\n      translations: [\n        {\n          id: 1234,\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          isOnlyMargin: false,\n        },\n      ],\n      isOnlyMargin: false,\n    } as DividerContent,\n  },\n};\n"]}