@aiconomy/aico-components 0.0.13 → 0.0.53

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-special-news-carousel.stories.js","sourceRoot":"","sources":["../../../src/components/aico-special-news-carousel/aico-special-news-carousel.stories.ts"],"names":[],"mappings":"AAGA,MAAM,IAAI,GAAsC;IAC9C,SAAS,EAAE,4BAA4B;IACvC,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,eAAe,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACnC,gBAAgB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACpC,gBAAgB,EAAE;YAChB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,CAAC,CAAC,EAAE;YACpB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,EAAE,GAAU;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,0CAA0C;QACnD,eAAe,EAAE,kDAAkD;KACpE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAU;IACxB,IAAI,EAAE;QACJ,OAAO,EAAE,sCAAsC;QAC/C,eAAe,EAAE,0CAA0C;KAC5D;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport { JSX } from '../../components';\n\nconst meta: Meta<JSX.AicoSpecialNewsCarousel> = {\n  component: 'aico-special-news-carousel',\n  argTypes: {\n    aicoUrl: { type: 'string' },\n    aicoBearerToken: { type: 'string' },\n    numberOfArticles: { type: 'number' },\n    onArticleClicked: {\n      type: 'function',\n    },\n  },\n  args: {\n    onArticleClicked: e => {\n      alert(e.detail.attributes.name);\n    },\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\nexport const Kj: Story = {\n  args: {\n    aicoUrl: 'https://kj-acceptance.aico.swiss/api/v1/',\n    aicoBearerToken: 'Sq4WkveRPJ64SHR9zqZW8oLjIDjnlBg0gXHSuIMweb966802',\n  },\n};\n\nexport const Fcz: Story = {\n  args: {\n    aicoUrl: 'https://app.aico.swiss/19838/api/v1/',\n    aicoBearerToken: 'B3NXuTbnCeppJl9NHu27Kjs7Hm3EOKSGCkR6CVwO',\n  },\n};\n"]}

package/dist/collection/components/aico-special-news-carousel/test/aico-special-news-carousel.e2e.js

@@ -0,0 +1,6 @@
+"use strict";
+describe('aico-special-news-carousel', () => {
+    it('renders', async () => {
+        expect(true).toBeTruthy();
+    });
+});

package/dist/collection/components/aico-special-news-carousel/test/aico-special-news-carousel.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aico-special-news-carousel.e2e.js","sourceRoot":"","sources":["../../../../src/components/aico-special-news-carousel/test/aico-special-news-carousel.e2e.ts"],"names":[],"mappings":";AAAA,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["describe('aico-special-news-carousel', () => {\n  it('renders', async () => {\n    expect(true).toBeTruthy();\n  });\n});\n"]}

package/dist/collection/components/aico-special-news-carousel/test/aico-special-news-carousel.spec.js

@@ -0,0 +1,6 @@
+"use strict";
+describe('aico-special-news-carousel', () => {
+    it('renders', async () => {
+        expect(true).toBeTruthy();
+    });
+});

package/dist/collection/components/aico-special-news-carousel/test/aico-special-news-carousel.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aico-special-news-carousel.spec.js","sourceRoot":"","sources":["../../../../src/components/aico-special-news-carousel/test/aico-special-news-carousel.spec.tsx"],"names":[],"mappings":";AAAA,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["describe('aico-special-news-carousel', () => {\n  it('renders', async () => {\n    expect(true).toBeTruthy();\n  });\n});\n"]}

package/dist/collection/components/bootstrap-slick-test/bootstrap-slick-test.css

@@ -0,0 +1,6 @@
+/* @import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'); */
+/* @import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css'); */
+
+:host {
+  display: block;
+}

package/dist/collection/components/bootstrap-slick-test/bootstrap-slick-test.js

@@ -0,0 +1,37 @@
+import { Host, getAssetPath, h } from "@stencil/core";
+import $ from "jquery";
+import "slick-carousel";
+export class BootstrapSlickTest {
+    componentDidLoad() {
+        $('.carousel').slick({
+            autoplay: true,
+            autoplaySpeed: 6000,
+            fade: true,
+            dots: true,
+            pauseOnDotsHover: true,
+        });
+    }
+    render() {
+        return (h(Host, null, h("div", { class: "card", style: { width: '18rem' } }, h("img", { class: "card-img-top", src: "https://source.unsplash.com/random/320x240", alt: "Card image cap" }), h("div", { class: "card-body" }, h("h5", { class: "card-title" }, getAssetPath('')), h("p", { class: "card-text" }, "Some quick example text to build on the card title and make up the bulk of the card's content."), h("a", { href: "#", class: "btn btn-primary" }, "Go somewhere"))), h("div", { class: "card", style: { width: '18rem' } }, h("div", { class: "card-body bg-primary" }, h("div", { class: "carousel" }, [
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+        ].map(url => (h("div", { class: "carousel-item" }, h("img", { "data-lazy": url })))))))));
+    }
+    static get is() { return "bootstrap-slick-test"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bootstrap-slick-test.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bootstrap-slick-test.css"]
+        };
+    }
+}
+//# sourceMappingURL=bootstrap-slick-test.js.map

package/dist/collection/components/bootstrap-slick-test/bootstrap-slick-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap-slick-test.js","sourceRoot":"","sources":["../../../src/components/bootstrap-slick-test/bootstrap-slick-test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,gBAAgB,CAAC;AAOxB,MAAM,OAAO,kBAAkB;IAC7B,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,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,WAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBACzC,WAAK,KAAK,EAAC,cAAc,EAAC,GAAG,EAAC,4CAA4C,EAAC,GAAG,EAAC,gBAAgB,GAAG;gBAClG,WAAK,KAAK,EAAC,WAAW;oBACpB,UAAI,KAAK,EAAC,YAAY,IAAE,YAAY,CAAC,EAAE,CAAC,CAAM;oBAC9C,SAAG,KAAK,EAAC,WAAW,qGAAmG;oBACvH,SAAG,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,iBAAiB,mBAE/B,CACA,CACF;YAEN,WAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBACzC,WAAK,KAAK,EAAC,sBAAsB;oBAC/B,WAAK,KAAK,EAAC,UAAU,IAClB;wBACC,4CAA4C;wBAC5C,4CAA4C;wBAC5C,4CAA4C;wBAC5C,4CAA4C;wBAC5C,4CAA4C;wBAC5C,4CAA4C;qBAC7C,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACX,WAAK,KAAK,EAAC,eAAe;wBACxB,wBAAgB,GAAG,GAAI,CACnB,CACP,CAAC,CACE,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, getAssetPath, h } from '@stencil/core';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'bootstrap-slick-test',\n  styleUrl: 'bootstrap-slick-test.css',\n  scoped: true,\n})\nexport class BootstrapSlickTest {\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      fade: true,\n      dots: true,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"card\" style={{ width: '18rem' }}>\n          <img class=\"card-img-top\" src=\"https://source.unsplash.com/random/320x240\" alt=\"Card image cap\" />\n          <div class=\"card-body\">\n            <h5 class=\"card-title\">{getAssetPath('')}</h5>\n            <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>\n            <a href=\"#\" class=\"btn btn-primary\">\n              Go somewhere\n            </a>\n          </div>\n        </div>\n\n        <div class=\"card\" style={{ width: '18rem' }}>\n          <div class=\"card-body bg-primary\">\n            <div class=\"carousel\">\n              {[\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n              ].map(url => (\n                <div class=\"carousel-item\">\n                  <img data-lazy={url} />\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/bootstrap-slick-test/bootstrap-slick-test.stories.js

@@ -0,0 +1,6 @@
+const meta = {
+    component: 'bootstrap-slick-test',
+};
+export default meta;
+export const Example = {};
+//# sourceMappingURL=bootstrap-slick-test.stories.js.map

package/dist/collection/components/bootstrap-slick-test/bootstrap-slick-test.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap-slick-test.stories.js","sourceRoot":"","sources":["../../../src/components/bootstrap-slick-test/bootstrap-slick-test.stories.ts"],"names":[],"mappings":"AAGA,MAAM,IAAI,GAAiC;IACzC,SAAS,EAAE,sBAAsB;CAClC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa,EAAE,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport { JSX } from '../../components';\n\nconst meta: Meta<JSX.BootstrapSlickTest> = {\n  component: 'bootstrap-slick-test',\n};\n\nexport default meta;\n\nexport const Example: StoryObj = {};\n"]}

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

@@ -0,0 +1,104 @@
+import { h } from "@stencil/core";
+import $ from "jquery";
+import "slick-carousel";
+export class AicoAlbumContent {
+    constructor() {
+        this.content = undefined;
+    }
+    componentDidLoad() {
+        const fullAlbum = $('.album-full-content');
+        const previewAlbum = $('.album-preview-content');
+        fullAlbum.slick({
+            lazyLoad: 'progressive',
+            autoplay: true,
+            autoplaySpeed: 6000,
+            fade: true,
+            asNavFor: previewAlbum,
+            arrows: false,
+            rows: 0, // IMPORTANT: https://github.com/kenwheeler/slick/issues/3110#issuecomment-331046339
+        });
+        previewAlbum.slick({
+            lazyLoad: 'ondemand',
+            slidesToShow: Math.min(7, this.content.album.images.length),
+            slidesToScroll: 1,
+            infinite: true,
+            arrows: false,
+            centerMode: true,
+            centerPadding: '0',
+            focusOnSelect: true,
+            asNavFor: fullAlbum,
+            responsive: [
+                {
+                    breakpoint: 1024,
+                    settings: {
+                        slidesToShow: 7,
+                    },
+                },
+                {
+                    breakpoint: 768,
+                    settings: {
+                        slidesToShow: 5,
+                    },
+                },
+                {
+                    breakpoint: 378,
+                    settings: {
+                        slidesToShow: 3,
+                    },
+                },
+            ],
+            rows: 0, // IMPORTANT: https://github.com/kenwheeler/slick/issues/3110#issuecomment-331046339
+        });
+    }
+    render() {
+        return (h("div", { class: "card border-0" }, h("div", { class: "card-body" }, h("div", { class: "album-full-content mb-3" }, this.content.album.images
+            .sort((a, b) => { var _a, _b; return ((_a = a.order) !== null && _a !== void 0 ? _a : 0) - ((_b = b.order) !== null && _b !== void 0 ? _b : 0); })
+            .map(image => {
+            var _a;
+            return (h("div", { class: "album-full-content-item" }, h("div", { class: "ratio ratio-4x3 mx-auto", style: { 'max-width': '50%' } }, h("img", { class: "object-fit-cover h-100", "data-lazy": (_a = image.optimizedImage) !== null && _a !== void 0 ? _a : image.url }))));
+        })), h("div", { class: "album-preview-content" }, this.content.album.images
+            .sort((a, b) => { var _a, _b; return ((_a = a.order) !== null && _a !== void 0 ? _a : 0) - ((_b = b.order) !== null && _b !== void 0 ? _b : 0); })
+            .map(image => {
+            var _a;
+            return (h("div", { class: "album-preview-content-item" }, h("div", { class: "ratio ratio-1x1 mx-auto", style: { 'max-width': '90%' } }, h("img", { class: "object-fit-cover h-100", "data-lazy": (_a = image.optimizedImage) !== null && _a !== void 0 ? _a : image.url }))));
+        })))));
+    }
+    static get is() { return "aico-album-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-album-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-album-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "AlbumContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; } & { textColor?: string | undefined; buttonBackgroundColor?: string | undefined; backgroundColor?: string | undefined; buttonHoverColor?: string | undefined; buttonTextColor?: string | undefined; borderColor?: string | undefined; album: { id: string | number; createdAt: Date; updatedAt: Date; } & { name?: string | undefined; images: ({ id: string | number; createdAt: Date; updatedAt: Date; } & { translations: ({ id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; } & { name?: string | undefined; alternativeText?: string | undefined; caption?: string | undefined; description?: string | undefined; alternative_text?: string | undefined; })[]; url?: string | undefined; type?: string | undefined; order?: number | undefined; optimizedImage?: string | undefined; })[]; }; }",
+                    "references": {
+                        "AlbumContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/AlbumContent",
+                            "id": "src/model/article/content/AlbumContent.ts::AlbumContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-album-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-album-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-album-content/aico-album-content.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { AlbumContent } from '../../../model/article/content/AlbumContent';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-album-content',\n  styleUrl: 'aico-album-content.css',\n  scoped: true,\n})\nexport class AicoAlbumContent {\n  @Prop() content!: AlbumContent;\n\n  componentDidLoad() {\n    const fullAlbum = $('.album-full-content');\n    const previewAlbum = $('.album-preview-content');\n\n    fullAlbum.slick({\n      lazyLoad: 'progressive',\n      autoplay: true,\n      autoplaySpeed: 6000,\n      fade: true,\n      asNavFor: previewAlbum,\n      arrows: false,\n      rows: 0, // IMPORTANT: https://github.com/kenwheeler/slick/issues/3110#issuecomment-331046339\n    });\n\n    previewAlbum.slick({\n      lazyLoad: 'ondemand',\n      slidesToShow: Math.min(7, this.content.album.images.length),\n      slidesToScroll: 1,\n      infinite: true,\n      arrows: false,\n      centerMode: true,\n      centerPadding: '0',\n      focusOnSelect: true,\n      asNavFor: fullAlbum,\n      responsive: [\n        {\n          breakpoint: 1024,\n          settings: {\n            slidesToShow: 7,\n          },\n        },\n        {\n          breakpoint: 768,\n          settings: {\n            slidesToShow: 5,\n          },\n        },\n        {\n          breakpoint: 378,\n          settings: {\n            slidesToShow: 3,\n          },\n        },\n      ],\n      rows: 0, // IMPORTANT: https://github.com/kenwheeler/slick/issues/3110#issuecomment-331046339\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"card border-0\">\n        <div class=\"card-body\">\n          <div class=\"album-full-content mb-3\">\n            {this.content.album.images\n              .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n              .map(image => {\n                return (\n                  <div class=\"album-full-content-item\">\n                    <div class=\"ratio ratio-4x3 mx-auto\" style={{ 'max-width': '50%' }}>\n                      <img class=\"object-fit-cover h-100\" data-lazy={image.optimizedImage ?? image.url} />\n                    </div>\n                  </div>\n                );\n              })}\n          </div>\n          <div class=\"album-preview-content\">\n            {this.content.album.images\n              .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n              .map(image => {\n                return (\n                  <div class=\"album-preview-content-item\">\n                    <div class=\"ratio ratio-1x1 mx-auto\" style={{ 'max-width': '90%' }}>\n                      <img class=\"object-fit-cover h-100\" data-lazy={image.optimizedImage ?? image.url} />\n                    </div>\n                  </div>\n                );\n              })}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,70 @@
+const meta = {
+    component: 'aico-album-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            album: {
+                id: 1234,
+                createdAt: new Date(),
+                updatedAt: new Date(),
+                images: [
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        translations: [],
+                        optimizedImage: 'https://source.unsplash.com/random/320x240',
+                    },
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        translations: [],
+                        optimizedImage: 'https://source.unsplash.com/random/320x240',
+                    },
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        translations: [],
+                        optimizedImage: 'https://source.unsplash.com/random/320x240',
+                    },
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        translations: [],
+                        optimizedImage: 'https://source.unsplash.com/random/320x240',
+                    },
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        translations: [],
+                        optimizedImage: 'https://source.unsplash.com/random/320x240',
+                    },
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        translations: [],
+                        optimizedImage: 'https://source.unsplash.com/random/320x240',
+                    },
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        translations: [],
+                        optimizedImage: 'https://source.unsplash.com/random/320x240',
+                    },
+                ],
+            },
+        },
+    },
+};
+//# sourceMappingURL=aico-album-content.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-album-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-album-content/aico-album-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,oBAAoB;CAChC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,EAAE,IAAI;YACR,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,KAAK,EAAE;gBACL,EAAE,EAAE,IAAI;gBACR,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,MAAM,EAAE;oBACN;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,4CAA4C;qBAC7D;oBACD;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,4CAA4C;qBAC7D;oBACD;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,4CAA4C;qBAC7D;oBACD;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,4CAA4C;qBAC7D;oBACD;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,4CAA4C;qBAC7D;oBACD;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,4CAA4C;qBAC7D;oBACD;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,4CAA4C;qBAC7D;iBACF;aACF;SACc;KAClB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { AlbumContent } from '../../../model/article/content/AlbumContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoAlbumContent> = {\n  component: 'aico-album-content',\n};\n\nexport default meta;\n\nexport const Example: StoryObj = {\n  args: {\n    content: {\n      id: 1234,\n      createdAt: new Date(),\n      updatedAt: new Date(),\n      album: {\n        id: 1234,\n        createdAt: new Date(),\n        updatedAt: new Date(),\n        images: [\n          {\n            id: 1234,\n            createdAt: new Date(),\n            updatedAt: new Date(),\n            translations: [],\n            optimizedImage: 'https://source.unsplash.com/random/320x240',\n          },\n          {\n            id: 1234,\n            createdAt: new Date(),\n            updatedAt: new Date(),\n            translations: [],\n            optimizedImage: 'https://source.unsplash.com/random/320x240',\n          },\n          {\n            id: 1234,\n            createdAt: new Date(),\n            updatedAt: new Date(),\n            translations: [],\n            optimizedImage: 'https://source.unsplash.com/random/320x240',\n          },\n          {\n            id: 1234,\n            createdAt: new Date(),\n            updatedAt: new Date(),\n            translations: [],\n            optimizedImage: 'https://source.unsplash.com/random/320x240',\n          },\n          {\n            id: 1234,\n            createdAt: new Date(),\n            updatedAt: new Date(),\n            translations: [],\n            optimizedImage: 'https://source.unsplash.com/random/320x240',\n          },\n          {\n            id: 1234,\n            createdAt: new Date(),\n            updatedAt: new Date(),\n            translations: [],\n            optimizedImage: 'https://source.unsplash.com/random/320x240',\n          },\n          {\n            id: 1234,\n            createdAt: new Date(),\n            updatedAt: new Date(),\n            translations: [],\n            optimizedImage: 'https://source.unsplash.com/random/320x240',\n          },\n        ],\n      },\n    } as AlbumContent,\n  },\n};\n"]}

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

@@ -0,0 +1,63 @@
+:host {
+  display: block;
+}
+
+.card {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem;
+}
+
+.card-img-top {
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card-body {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 1.25rem;
+}
+
+.card-title {
+  margin-bottom: 0.75rem;
+}
+
+.team-table,
+.more-details-table {
+  border: 0;
+  color: black;
+  border-collapse: collapse;
+}
+
+.more-details-table th {
+  text-transform: uppercase;
+}
+
+.more-details-table {
+  width: 100%;
+  text-align: left;
+  margin-left: 1%;
+}
+
+.team-table {
+  width: 100%;
+  max-width: 700px;
+  margin: 1rem 0;
+}
+
+.more-details-table tr:nth-child(odd) {
+  background-color: #fafafa;
+}

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

@@ -0,0 +1,49 @@
+import { h } from "@stencil/core";
+export class AicoAskingContent {
+    constructor() {
+        this.content = undefined;
+    }
+    render() {
+        var _a, _b;
+        const translation = this.content.asking.translations.length > 0 ? this.content.asking.translations[0] : null;
+        return (h("div", { class: "card" }, h("div", { class: "card-body" }, h("div", { class: "card-text d-block" }, h("h1", { class: "card-title" }, "Asking"), h("table", { class: "team-table" }, h("tbody", null, h("tr", { class: "agenda-event" }, h("td", null, h("h3", null, this.content.asking.startsAt.toLocaleDateString())), h("td", null, `${this.content.asking.startTime.toLocaleDateString()} - ${(_b = (_a = this.content.asking.endTime) === null || _a === void 0 ? void 0 : _a.toLocaleDateString()) !== null && _b !== void 0 ? _b : 'N/A'}`), h("td", { style: { width: '49%' } }, translation === null || translation === void 0 ? void 0 : translation.title)), h("tr", { class: "event-details" }, h("td", { colSpan: 3, style: { padding: '0' } }, h("table", { class: "more-details-table" }, h("tbody", null, h("tr", null, h("th", null, "Description"), h("td", null, this.content.asking.description)), h("tr", null, h("th", null, "Gathering"), h("td", null, this.content.asking.meetingPoint)), h("tr", null, h("th", null, "Place (Address)"), h("td", null, this.content.asking.location)), h("tr", null, h("th", null, "Asking for"), h("td", { style: { 'white-space': 'pre' } }, this.content.asking.recipents)), h("tr", null, h("th", null, "Clothing / Equipment"), h("td", { style: { 'white-space': 'pre' } }, this.content.asking.clothingEquipment)), h("tr", null, h("th", null, "Provisions"), h("td", null, this.content.asking.catering)), h("tr", null, h("th", null, "Coaching"), h("td", null, this.content.asking.coaching))))))))))));
+    }
+    static get is() { return "aico-asking-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-asking-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-asking-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "AskingContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; asking: { id: string | number; createdAt: Date; updatedAt: Date; translations: { id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; }[]; isActive: boolean; startsAt: Date; startTime: Date; endTime?: Date | null | undefined; meetingPoint?: string | null | undefined; location?: string | null | undefined; recipents?: string | null | undefined; clothingEquipment?: string | null | undefined; coaching?: string | null | undefined; catering?: string | null | undefined; description?: string | null | undefined; furtherInfo?: string | null | undefined; }; }",
+                    "references": {
+                        "AskingContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/AskingContent",
+                            "id": "src/model/article/content/AskingContent.ts::AskingContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-asking-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-asking-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-asking-content/aico-asking-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,iBAAiB;;;;IAG5B,MAAM;;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE7G,OAAO,CACL,WAAK,KAAK,EAAC,MAAM;YACf,WAAK,KAAK,EAAC,WAAW;gBACpB,WAAK,KAAK,EAAC,mBAAmB;oBAC5B,UAAI,KAAK,EAAC,YAAY,aAAY;oBAClC,aAAO,KAAK,EAAC,YAAY;wBACvB;4BACE,UAAI,KAAK,EAAC,cAAc;gCACtB;oCACE,cAAK,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAM,CACzD;gCACL,cAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,EAAE,MAAM,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,0CAAE,kBAAkB,EAAE,mCAAI,KAAK,EAAE,CAAM;gCAClI,UAAI,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAM,CACnD;4BACL,UAAI,KAAK,EAAC,eAAe;gCACvB,UAAI,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;oCACrC,aAAO,KAAK,EAAC,oBAAoB;wCAC/B;4CACE;gDACE,4BAAoB;gDACpB,cAAK,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAM,CACvC;4CAEL;gDACE,0BAAkB;gDAClB,cAAK,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAM,CACxC;4CAEL;gDACE,gCAAwB;gDACxB,cAAK,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAM,CACpC;4CAEL;gDACE,2BAAmB;gDACnB,UAAI,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,IAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAM,CACtE;4CAEL;gDACE,qCAA6B;gDAC7B,UAAI,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,IAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAM,CAC9E;4CAEL;gDACE,2BAAmB;gDACnB,cAAK,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAM,CACpC;4CAEL;gDACE,yBAAiB;gDACjB,cAAK,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAM,CACpC,CACC,CACF,CACL,CACF,CACC,CACF,CACJ,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { AskingContent } from '../../../model/article/content/AskingContent';\n\n@Component({\n  tag: 'aico-asking-content',\n  styleUrl: 'aico-asking-content.css',\n  scoped: true,\n})\nexport class AicoAskingContent {\n  @Prop() content!: AskingContent;\n\n  render() {\n    const translation = this.content.asking.translations.length > 0 ? this.content.asking.translations[0] : null;\n\n    return (\n      <div class=\"card\">\n        <div class=\"card-body\">\n          <div class=\"card-text d-block\">\n            <h1 class=\"card-title\">Asking</h1>\n            <table class=\"team-table\">\n              <tbody>\n                <tr class=\"agenda-event\">\n                  <td>\n                    <h3>{this.content.asking.startsAt.toLocaleDateString()}</h3>\n                  </td>\n                  <td>{`${this.content.asking.startTime.toLocaleDateString()} - ${this.content.asking.endTime?.toLocaleDateString() ?? 'N/A'}`}</td>\n                  <td style={{ width: '49%' }}>{translation?.title}</td>\n                </tr>\n                <tr class=\"event-details\">\n                  <td colSpan={3} style={{ padding: '0' }}>\n                    <table class=\"more-details-table\">\n                      <tbody>\n                        <tr>\n                          <th>Description</th>\n                          <td>{this.content.asking.description}</td>\n                        </tr>\n\n                        <tr>\n                          <th>Gathering</th>\n                          <td>{this.content.asking.meetingPoint}</td>\n                        </tr>\n\n                        <tr>\n                          <th>Place (Address)</th>\n                          <td>{this.content.asking.location}</td>\n                        </tr>\n\n                        <tr>\n                          <th>Asking for</th>\n                          <td style={{ 'white-space': 'pre' }}>{this.content.asking.recipents}</td>\n                        </tr>\n\n                        <tr>\n                          <th>Clothing / Equipment</th>\n                          <td style={{ 'white-space': 'pre' }}>{this.content.asking.clothingEquipment}</td>\n                        </tr>\n\n                        <tr>\n                          <th>Provisions</th>\n                          <td>{this.content.asking.catering}</td>\n                        </tr>\n\n                        <tr>\n                          <th>Coaching</th>\n                          <td>{this.content.asking.coaching}</td>\n                        </tr>\n                      </tbody>\n                    </table>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,37 @@
+const meta = {
+    component: 'aico-asking-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            asking: {
+                id: 1234,
+                createdAt: new Date(),
+                updatedAt: new Date(),
+                translations: [
+                    {
+                        id: 1234,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        title: 'Asking title',
+                    },
+                ],
+                startsAt: new Date(),
+                startTime: new Date(),
+                endTime: new Date(),
+                description: 'Description',
+                meetingPoint: 'Meeting point',
+                location: 'Location',
+                recipents: 'Recipents',
+                clothingEquipment: 'Clothing equipment',
+                catering: 'Catering',
+                coaching: 'Coaching',
+            },
+        },
+    },
+};
+//# sourceMappingURL=aico-asking-content.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-asking-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-asking-content/aico-asking-content.stories.ts"],"names":[],"mappings":"AAGA,MAAM,IAAI,GAAS;IACjB,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,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI;gBACR,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,YAAY,EAAE;oBACZ;wBACE,EAAE,EAAE,IAAI;wBACR,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;wBACrB,KAAK,EAAE,cAAc;qBACtB;iBACF;gBACD,QAAQ,EAAE,IAAI,IAAI,EAAE;gBACpB,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,OAAO,EAAE,IAAI,IAAI,EAAE;gBACnB,WAAW,EAAE,aAAa;gBAC1B,YAAY,EAAE,eAAe;gBAC7B,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,WAAW;gBACtB,iBAAiB,EAAE,oBAAoB;gBACvC,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,UAAU;aACrB;SACe;KACnB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { AskingContent } from '../../../model/article/content/AskingContent';\n\nconst meta: Meta = {\n  component: 'aico-asking-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      asking: {\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: 'Asking title',\n          },\n        ],\n        startsAt: new Date(),\n        startTime: new Date(),\n        endTime: new Date(),\n        description: 'Description',\n        meetingPoint: 'Meeting point',\n        location: 'Location',\n        recipents: 'Recipents',\n        clothingEquipment: 'Clothing equipment',\n        catering: 'Catering',\n        coaching: 'Coaching',\n      },\n    } as AskingContent,\n  },\n};\n"]}

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

@@ -0,0 +1,85 @@
+.card {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem;
+}
+
+.so-tab {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  margin: 10px 0;
+}
+
+.so-tab label {
+  position: relative;
+  display: block;
+  padding: 0 25px 0 0;
+  line-height: normal;
+  cursor: pointer;
+}
+
+.so-tab input {
+  position: absolute;
+  opacity: 0;
+  z-index: -1;
+}
+
+.so-tab-content {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.35s;
+  line-height: 1.2;
+  font-size: 15px;
+}
+
+/* :checked */
+.so-tab input:checked ~ .so-tab-content {
+  max-height: none;
+}
+
+/* Icon */
+.so-tab label::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  -webkit-transition: all 0.35s;
+  -o-transition: all 0.35s;
+  transition: all 0.35s;
+}
+
+.so-tab label {
+  font-size: 15px;
+}
+
+.so-tab input[type='checkbox'] + label::before {
+  content: '+ ';
+  font-size: 18px;
+  font-weight: bold;
+  line-height: 0.3;
+}
+
+.so-tab input[type='radio'] + label::before {
+  /*content: "\25BC";*/
+  content: '\25B3';
+}
+
+.so-tab input[type='checkbox']:checked + label::before {
+  transform: rotate(315deg);
+}
+
+.so-tab input[type='radio']:checked + label::before {
+  transform: rotateX(180deg);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"aico-asking-list-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-asking-list-content/aico-asking-list-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-asking-list-content',\n  styleUrl: 'aico-asking-list-content.css',\n  scoped: true,\n})\nexport class AicoAskingListContent {\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"]}

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

@@ -0,0 +1,49 @@
+import { h } from "@stencil/core";
+import ConditionalRender from "../../../utils/ConditionalRender";
+export class AicoBlockQuoteContent {
+    constructor() {
+        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 is() { return "aico-block-quote-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-block-quote-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-block-quote-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "BlockQuoteContent",
+                    "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; } & { quoteText: string; quoteAuthorLine: string; })[]; textColor?: string | undefined; quotesColor?: string | undefined; authorColor?: string | undefined; }",
+                    "references": {
+                        "BlockQuoteContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/BlockQuoteContent",
+                            "id": "src/model/article/content/BlockQuoteContent.ts::BlockQuoteContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-block-quote-content.js.map