npm - @aiconomy/aico-components - Versions diffs - 0.0.57 → 0.0.78 - Mend

@aiconomy/aico-components 0.0.57 → 0.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (222) hide show

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

@@ -4,6 +4,7 @@ const meta = {
 export default meta;
 export const Example = {
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -15,6 +16,23 @@ export const Example = {
                     updatedAt: new Date(),
                     quoteText: 'foo bar baz',
                     quoteAuthorLine: 'John Doe',
+                    locale: 'de'
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    quoteText: 'foo bar baz en',
+                    quoteAuthorLine: 'John Doe en',
+                    locale: 'en'
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    quoteText: 'foo bar baz ru',
+                    quoteAuthorLine: 'John Doe ru',
+                    locale: 'ru'
                 },
             ],
             quotesColor: 'gray',

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

	@@ -1 +1 @@
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"]}
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,MAAM,EAAE,IAAI;QACZ,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;oBAC3B,MAAM,EAAE,IAAI;iBACb;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,gBAAgB;oBAC3B,eAAe,EAAE,aAAa;oBAC9B,MAAM,EAAE,IAAI;iBACb;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,gBAAgB;oBAC3B,eAAe,EAAE,aAAa;oBAC9B,MAAM,EAAE,IAAI;iBACb;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 locale: 'de',\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 locale: 'de'\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n quoteText: 'foo bar baz en',\n quoteAuthorLine: 'John Doe en',\n locale: 'en'\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n quoteText: 'foo bar baz ru',\n quoteAuthorLine: 'John Doe ru',\n locale: 'ru'\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 CHANGED Viewed

@@ -4,9 +4,11 @@ import ConditionalRender from "../../../utils/ConditionalRender";
 export class AicoBulletContent {
     constructor() {
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        var _a;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
         const styles = new Map();
         if (this.content.fontSize) {
             styles.set('font-size', this.content.fontSize);
@@ -14,17 +16,17 @@ export class AicoBulletContent {
         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
+        return (h("div", { class: "content", style: Object.fromEntries(styles) }, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation), locale: this.locale })), 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)) {
+            const translation = bullet.translations.find(translation => translation.locale === this.locale);
+            if (strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.text)) {
                 return null;
             }
-            return h("li", null, translation.text);
+            return h("li", null, translation === null || translation === void 0 ? void 0 : translation.text);
         }))));
     }
     makeTitleContent(translation) {
@@ -72,6 +74,24 @@ export class AicoBulletContent {
                     "tags": [],
                     "text": ""
                 }
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "locale",
+                "reflect": false,
+                "defaultValue": "'de'"
             }
         };
     }

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

	@@ -1 +1 @@
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"]}
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;;;sBAEH,IAAI;;IAE7B,MAAM;;QAEJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAE9G,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,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACvE;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,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChG,IAAI,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,EAAE;oBACnD,OAAO,IAAI,CAAC;iBACb;gBAED,OAAO,cAAK,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAM,CAAC;YACtC,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 @Prop() locale: string = 'de';\n\n render() {\n\n const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n\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!)} locale={this.locale} />\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.find(translation => translation.locale === this.locale);\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 CHANGED Viewed

@@ -4,6 +4,7 @@ const meta = {
 export default meta;
 export const Example = {
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -17,6 +18,13 @@ export const Example = {
                     locale: 'en-GB',
                     title: 'Bullet list title',
                 },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'de',
+                    title: 'Bullet list title de',
+                },
             ],
             bulletBullets: [
                 {
@@ -32,6 +40,13 @@ export const Example = {
                             locale: 'en-GB',
                             text: 'bar',
                         },
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'de',
+                            text: 'bar de',
+                        },
                     ],
                 },
                 {
@@ -47,6 +62,13 @@ export const Example = {
                             locale: 'en-GB',
                             text: 'foo',
                         },
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'de',
+                            text: 'foo de',
+                        },
                     ],
                 },
                 {
@@ -62,6 +84,13 @@ export const Example = {
                             locale: 'en-GB',
                             text: 'baz',
                         },
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'de',
+                            text: 'baz de',
+                        },
                     ],
                 },
             ],

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

	@@ -1 +1 @@
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"]}
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,MAAM,EAAE,IAAI;QACZ,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;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,sBAAsB;iBAC9B;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;wBACD;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,IAAI;4BACZ,IAAI,EAAE,QAAQ;yBACf;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;wBACD;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,IAAI;4BACZ,IAAI,EAAE,QAAQ;yBACf;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;wBACD;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,IAAI;4BACZ,IAAI,EAAE,QAAQ;yBACf;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 locale: 'de',\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 id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'Bullet list title de',\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 id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n text: 'bar de',\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 id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n text: 'foo de',\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 id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n text: 'baz de',\n },\n ],\n },\n ],\n } as BulletContent,\n },\n};\n"]}

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

@@ -7,6 +7,7 @@ export class AicoCarouselContent {
     constructor() {
         this.content = undefined;
         this.hasArrows = true;
+        this.locale = 'de';
     }
     componentDidLoad() {
         $('.carousel').slick({
@@ -19,11 +20,14 @@ export class AicoCarouselContent {
         });
     }
     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
+        var _a;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
+        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation), locale: this.locale })), 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)))));
+            var _a;
+            const translation = (_a = content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
+            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": translation === null || translation === void 0 ? void 0 : translation.picture })), h(ConditionalRender, { condition: content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.title) }, h("div", { class: "card-img-overlay d-flex align-items-end" }, h("h5", { class: "card-title text-uppercase" }, translation === null || translation === void 0 ? void 0 : translation.title)))));
         }))));
     }
     makeTitleContent(translation) {
@@ -88,6 +92,24 @@ export class AicoCarouselContent {
                 "attribute": "has-arrows",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "locale",
+                "reflect": false,
+                "defaultValue": "'de'"
             }
         };
     }

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

	@@ -1 +1 @@
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"]}
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;sBAER,IAAI;;IAE7B,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,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,OAAO,CACL,EAAC,IAAI;YACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI;gBAChD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACvE;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,MAAM,WAAW,GAAG,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;gBAEzG,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,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,GAAI,CACrG;oBACN,EAAC,iBAAiB,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC;wBAChH,WAAK,KAAK,EAAC,yCAAyC;4BAClD,UAAI,KAAK,EAAC,2BAA2B,IAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAM,CAC3D,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 @Prop() locale: string = 'de';\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.find(translation => translation.locale === this.locale) ?? null;\n return (\n <Host>\n <ConditionalRender condition={translation !== null}>\n <aico-title-content content={this.makeTitleContent(translation!)} locale={this.locale} />\n </ConditionalRender>\n <div class=\"carousel\">\n {this.content.contentCarouselImages\n .sort((a, b) => a.order - b.order)\n .map(content => {\n const translation = content.translations.find(translation => translation.locale === this.locale) ?? null;\n\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={translation?.picture} />\n </div>\n <ConditionalRender condition={content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(translation?.title)}>\n <div class=\"card-img-overlay d-flex align-items-end\">\n <h5 class=\"card-title text-uppercase\">{translation?.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 CHANGED Viewed

@@ -4,6 +4,7 @@ const meta = {
 export default meta;
 export const Example = {
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -16,6 +17,13 @@ export const Example = {
                     locale: 'en-GB',
                     title: 'Carusel title',
                 },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'de',
+                    title: 'Carusel title de',
+                },
             ],
             contentCarouselImages: [
                 {
@@ -23,7 +31,6 @@ export const Example = {
                     createdAt: new Date(),
                     updatedAt: new Date(),
                     order: 2,
-                    picture: 'https://source.unsplash.com/random/320x240',
                     translations: [
                         {
                             id: 1234,
@@ -31,6 +38,15 @@ export const Example = {
                             updatedAt: new Date(),
                             locale: 'en-GB',
                             title: 'bar',
+                            picture: 'https://source.unsplash.com/random/320x240',
+                        },
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'de',
+                            title: 'bar de',
+                            picture: 'https://source.unsplash.com/random/320x240',
                         },
                     ],
                 },
@@ -39,7 +55,6 @@ export const Example = {
                     createdAt: new Date(),
                     updatedAt: new Date(),
                     order: 1,
-                    picture: 'https://source.unsplash.com/random/320x240',
                     translations: [
                         {
                             id: 1234,
@@ -47,6 +62,15 @@ export const Example = {
                             updatedAt: new Date(),
                             locale: 'en-GB',
                             title: 'foo',
+                            picture: 'https://source.unsplash.com/random/320x240',
+                        },
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'de',
+                            title: 'foo de',
+                            picture: 'https://source.unsplash.com/random/320x240',
                         },
                     ],
                 },
@@ -55,7 +79,6 @@ export const Example = {
                     createdAt: new Date(),
                     updatedAt: new Date(),
                     order: 3,
-                    picture: 'https://source.unsplash.com/random/320x240',
                     translations: [
                         {
                             id: 1234,
@@ -63,6 +86,15 @@ export const Example = {
                             updatedAt: new Date(),
                             locale: 'en-GB',
                             title: 'baz',
+                            picture: 'https://source.unsplash.com/random/320x240',
+                        },
+                        {
+                            id: 1234,
+                            createdAt: new Date(),
+                            updatedAt: new Date(),
+                            locale: 'de',
+                            title: 'baz de',
+                            picture: 'https://source.unsplash.com/random/320x240',
                         },
                     ],
                 },

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

	@@ -1 +1 @@
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"]}
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,MAAM,EAAE,IAAI;QACZ,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;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,kBAAkB;iBAC1B;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,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;4BACZ,OAAO,EAAE,4CAA4C;yBACtD;wBACD;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,IAAI;4BACZ,KAAK,EAAE,QAAQ;4BACf,OAAO,EAAE,4CAA4C;yBACtD;qBACF;iBACF;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,KAAK,EAAE,CAAC;oBACR,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;4BACZ,OAAO,EAAE,4CAA4C;yBACtD;wBACD;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,IAAI;4BACZ,KAAK,EAAE,QAAQ;4BACf,OAAO,EAAE,4CAA4C;yBACtD;qBACF;iBACF;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,KAAK,EAAE,CAAC;oBACR,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;4BACZ,OAAO,EAAE,4CAA4C;yBACtD;wBACD;4BACE,EAAE,EAAE,IAAI;4BACR,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,SAAS,EAAE,IAAI,IAAI,EAAE;4BACrB,MAAM,EAAE,IAAI;4BACZ,KAAK,EAAE,QAAQ;4BACf,OAAO,EAAE,4CAA4C;yBACtD;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 locale: 'de',\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 id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'Carusel title de',\n },\n ],\n contentCarouselImages: [\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n order: 2,\n translations: [\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'en-GB',\n title: 'bar',\n picture: 'https://source.unsplash.com/random/320x240',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'bar de',\n picture: 'https://source.unsplash.com/random/320x240',\n },\n ],\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n order: 1,\n translations: [\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'en-GB',\n title: 'foo',\n picture: 'https://source.unsplash.com/random/320x240',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'foo de',\n picture: 'https://source.unsplash.com/random/320x240',\n },\n ],\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n order: 3,\n translations: [\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'en-GB',\n title: 'baz',\n picture: 'https://source.unsplash.com/random/320x240',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'baz de',\n picture: 'https://source.unsplash.com/random/320x240',\n },\n ],\n },\n ],\n } as CarouselContent,\n },\n};\n"]}

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

@@ -4,11 +4,12 @@ import ConditionalRender from "../../../utils/ConditionalRender";
 export class AicoContentCardContent {
     constructor() {
         this.content = undefined;
+        this.locale = 'de';
     }
     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')))));
+        var _a, _b;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : 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), locale: this.locale })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.link) }, h("a", { class: "card-link", href: this.content.link, target: "_blank" }, (_b = translation === null || translation === void 0 ? void 0 : translation.linkText) !== null && _b !== void 0 ? _b : 'link')))));
     }
     makeTitleContent(translation) {
         var _a;
@@ -55,6 +56,24 @@ export class AicoContentCardContent {
                     "tags": [],
                     "text": ""
                 }
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "locale",
+                "reflect": false,
+                "defaultValue": "'de'"
             }
         };
     }

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

	@@ -1 +1 @@
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"]}
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;;;sBAGR,IAAI;;IAE7B,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,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,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAC1F;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 @Prop() locale: string = 'de';\n\n render() {\n const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\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!)} locale={this.locale} />\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 CHANGED Viewed

@@ -4,6 +4,7 @@ const meta = {
 export default meta;
 export const Example = {
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -15,6 +16,15 @@ export const Example = {
                     updatedAt: new Date(),
                     title: 'Card content',
                     linkText: 'hehe',
+                    locale: 'en-GB'
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    title: 'Card content de',
+                    linkText: 'hehe de',
+                    locale: 'de'
                 },
             ],
             picture: 'https://source.unsplash.com/random/320x240',

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

	@@ -1 +1 @@
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"]}
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,MAAM,EAAE,IAAI;QACZ,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;oBAChB,MAAM,EAAE,OAAO;iBAChB;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,KAAK,EAAE,iBAAiB;oBACxB,QAAQ,EAAE,SAAS;oBACnB,MAAM,EAAE,IAAI;iBACb;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 locale: 'de',\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 locale: 'en-GB'\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n title: 'Card content de',\n linkText: 'hehe de',\n locale: 'de'\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 CHANGED Viewed

@@ -2,9 +2,11 @@ import { Host, h } from "@stencil/core";
 export class AicoDividerContent {
     constructor() {
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        var _a;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : 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' } }));
     }
@@ -42,6 +44,24 @@ export class AicoDividerContent {
                     "tags": [],
                     "text": ""
                 }
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "locale",
+                "reflect": false,
+                "defaultValue": "'de'"
             }
         };
     }

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

	@@ -1 +1 @@
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"]}
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;;;sBAGJ,IAAI;;IAE7B,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,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 @Prop() locale: string = 'de';\n\n render() {\n const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? 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 CHANGED Viewed

@@ -4,6 +4,7 @@ const meta = {
 export default meta;
 export const Example = {
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -14,6 +15,14 @@ export const Example = {
                     createdAt: new Date(),
                     updatedAt: new Date(),
                     isOnlyMargin: false,
+                    locale: 'en-GB'
+                },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    isOnlyMargin: true,
+                    locale: 'de'
                 },
             ],
             isOnlyMargin: false,

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

	@@ -1 +1 @@
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"]}
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,MAAM,EAAE,IAAI;QACZ,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;oBACnB,MAAM,EAAE,OAAO;iBAChB;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,YAAY,EAAE,IAAI;oBAClB,MAAM,EAAE,IAAI;iBACb;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 locale: 'de',\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 locale: 'en-GB'\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n isOnlyMargin: true,\n locale: 'de'\n },\n ],\n isOnlyMargin: false,\n } as DividerContent,\n },\n};\n"]}