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-text-content/aico-text-content.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aico-text-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-text-content/aico-text-content.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoTextContent> = {\n component: 'aico-text-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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n },\n ],\n\n titleSize: 'h1',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\nexport const NoPrompt: 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: 'Howdy',\n promptText: null,\n locale: 'en-GB',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label',\n text: 'Foo\\nBar\\nBaz',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\n\nexport const TextAndImage: 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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label',\n text: 'Foo\\nBar\\nBaz',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\nexport const OnlyImage: 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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\nexport const OnlyText: 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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n text: 'Foo\\nBar\\nBaz',\n pictureLabel: 'Picture label',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n"]}
1	+ {"version":3,"file":"aico-text-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-text-content/aico-text-content.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoTextContent> = {\n component: 'aico-text-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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n title: 'Howdy de',\n promptText: 'Prompt text de',\n locale: 'de',\n },\n ],\n\n titleSize: 'h1',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\nexport const NoPrompt: 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: 'Howdy',\n promptText: null,\n locale: 'en-GB',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label',\n text: 'Foo\\nBar\\nBaz',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n title: 'Howdy de',\n promptText: null,\n locale: 'de',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label de',\n text: 'Foo de\\nBar de\\nBaz de',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\n\nexport const TextAndImage: 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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label',\n text: 'Foo\\nBar\\nBaz',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n title: 'Howdy de',\n promptText: 'Prompt text de',\n locale: 'de',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label de',\n text: 'Foo de\\nBar de\\nBaz de',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\nexport const OnlyImage: 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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n title: 'Howdy de',\n promptText: 'Prompt text de',\n locale: 'de',\n picture: 'https://source.unsplash.com/random/800x600',\n pictureLabel: 'Picture label de',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n\nexport const OnlyText: 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: 'Howdy',\n promptText: 'Prompt text',\n locale: 'en-GB',\n text: 'Foo\\nBar\\nBaz',\n pictureLabel: 'Picture label',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n title: 'Howdy de',\n promptText: 'Prompt text de',\n locale: 'de',\n text: 'Foo de\\nBar de\\nBaz de',\n pictureLabel: 'Picture label de',\n },\n ],\n\n picturePosition: 'center',\n pictureSize: 'small',\n pictureLabelPosition: 'left',\n\n alignmentEnabled: true,\n\n hasBackgroundColor: true,\n backgroundColor: 'red',\n\n shouldJustifyText: true,\n textColor: 'white',\n isButtonRightUnderText: true,\n isContentDisplayedAsPrompt: false,\n\n pictureFontOption: 'H1',\n addBorder: true,\n borderColor: 'blue',\n },\n },\n};\n"]}

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

@@ -2,12 +2,14 @@ import { h } from "@stencil/core";
 export class AicoTitleContent {
     constructor() {
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        var _a;
+        var _a, _b;
         if (!this.content.size || this.content.translations.length === 0) {
             return h("aico-no-content", null);
         }
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
         const CustomTag = this.content.size;
         const defaultColor = 'black';
         const styles = {
@@ -15,10 +17,10 @@ export class AicoTitleContent {
         };
         if (this.content.hasUnderscore) {
             styles['text-decoration-line'] = 'underline';
-            styles['text-decoration-color'] = (_a = this.content.underscoreColor) !== null && _a !== void 0 ? _a : defaultColor;
+            styles['text-decoration-color'] = (_b = this.content.underscoreColor) !== null && _b !== void 0 ? _b : defaultColor;
             styles['text-decoration-thickness'] = '3px';
         }
-        return (h(CustomTag, null, h("span", { style: styles }, this.content.translations[0].title)));
+        return (h(CustomTag, null, h("span", { style: styles }, translation === null || translation === void 0 ? void 0 : translation.title)));
     }
     static get is() { return "aico-title-content"; }
     static get encapsulation() { return "scoped"; }
@@ -54,6 +56,24 @@ export class AicoTitleContent {
                     "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-title-content/aico-title-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aico-title-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-title-content/aico-title-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gBAAgB~~;;;;IAG3B~~,MAAM;;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAChE,OAAO,0BAAmB,CAAC;SAC5B;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAEpC,MAAM,YAAY,GAAG,OAAO,CAAC;QAC7B,MAAM,MAAM,GAA8B;YACxC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SACxE,CAAC;QAEF,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;YAC9B,MAAM,CAAC,sBAAsB,CAAC,GAAG,WAAW,CAAC;YAC7C,MAAM,CAAC,uBAAuB,CAAC,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,eAAe,mCAAI,YAAY,CAAC;YAC/E,MAAM,CAAC,2BAA2B,CAAC,GAAG,KAAK,CAAC;SAC7C;QAED,OAAO,CACL,EAAC,SAAS;YACR,YAAM,KAAK,EAAE,MAAM,IAAG,~~IAAI~~,~~CAAC~~,~~OAAO~~,~~CAAC~~,~~YAAY~~,~~CAAC~~,~~CAAC,CAAC,CAAC,~~KAAK,CAAQ,~~CACtD~~,CACb,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n tag: 'aico-title-content',\n styleUrl: 'aico-title-content.css',\n scoped: true,\n})\nexport class AicoTitleContent {\n @Prop() content!: TitleContent;\n\n render() {\n if (!this.content.size \|\| this.content.translations.length === 0) {\n return <aico-no-content />;\n }\n\n const CustomTag = this.content.size;\n\n const defaultColor = 'black';\n const styles: { [key: string]: string } = {\n color: this.content.titleColor ? this.content.titleColor : defaultColor,\n };\n\n if (this.content.hasUnderscore) {\n styles['text-decoration-line'] = 'underline';\n styles['text-decoration-color'] = this.content.underscoreColor ?? defaultColor;\n styles['text-decoration-thickness'] = '3px';\n }\n\n return (\n <CustomTag>\n <span style={styles}>{~~this.content.translations[0].~~title}</span>\n </CustomTag>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"aico-title-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-title-content/aico-title-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gBAAgB;;;sBAGF,IAAI;;IAE7B,MAAM;;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAChE,OAAO,0BAAmB,CAAC;SAC5B;QAED,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,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAEpC,MAAM,YAAY,GAAG,OAAO,CAAC;QAC7B,MAAM,MAAM,GAA8B;YACxC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SACxE,CAAC;QAEF,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;YAC9B,MAAM,CAAC,sBAAsB,CAAC,GAAG,WAAW,CAAC;YAC7C,MAAM,CAAC,uBAAuB,CAAC,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,eAAe,mCAAI,YAAY,CAAC;YAC/E,MAAM,CAAC,2BAA2B,CAAC,GAAG,KAAK,CAAC;SAC7C;QAED,OAAO,CACL,EAAC,SAAS;YACR,YAAM,KAAK,EAAE,MAAM,IAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAQ,CACtC,CACb,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n tag: 'aico-title-content',\n styleUrl: 'aico-title-content.css',\n scoped: true,\n})\nexport class AicoTitleContent {\n @Prop() content!: TitleContent;\n\n @Prop() locale: string = 'de';\n\n render() {\n if (!this.content.size \|\| this.content.translations.length === 0) {\n return <aico-no-content />;\n }\n\n const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n const CustomTag = this.content.size;\n\n const defaultColor = 'black';\n const styles: { [key: string]: string } = {\n color: this.content.titleColor ? this.content.titleColor : defaultColor,\n };\n\n if (this.content.hasUnderscore) {\n styles['text-decoration-line'] = 'underline';\n styles['text-decoration-color'] = this.content.underscoreColor ?? defaultColor;\n styles['text-decoration-thickness'] = '3px';\n }\n\n return (\n <CustomTag>\n <span style={styles}>{translation?.title}</span>\n </CustomTag>\n );\n }\n}\n"]}

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

@@ -2,6 +2,7 @@ import { html } from "lit-html";
 const meta = {
     component: 'aico-title-content',
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -19,10 +20,20 @@ const meta = {
                     title: 'Title foo',
                     locale: 'en-US',
                 },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    text: 'Text foo de',
+                    title: 'Title foo de',
+                    locale: 'de',
+                }
             ],
         },
     },
 };
 export default meta;
-export const Example = (args) => html `<aico-title-content .content=${args.content}></aico-title-content>`;
+export const Example = (args) => {
+    return html `<aico-title-content .locale=${args.locale} .content=${args.content}></aico-title-content>`;
+};
 //# sourceMappingURL=aico-title-content.stories.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"aico-title-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-title-content/aico-title-content.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,oBAAoB;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,EAAE,IAAI;YACR,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,IAAI;YACnB,eAAe,EAAE,KAAK;YACtB,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,WAAW;oBAClB,MAAM,EAAE,OAAO;iBAChB;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAkC,CAAC,IAA0B,EAAE,EAAE,~~CAAC~~,IAAI,CAAA,~~gCAAgC~~,IAAI,CAAC,OAAQ,wBAAwB,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/web-components';\nimport { JSX } from '../../../components';\nimport { html } from 'lit-html';\n\nconst meta: Meta<JSX.AicoTitleContent> = {\n component: 'aico-title-content',\n args: {\n content: {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n size: 'h1',\n titleColor: 'blue',\n hasUnderscore: true,\n underscoreColor: 'red',\n translations: [\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n text: 'Text foo',\n title: 'Title foo',\n locale: 'en-US',\n },\n ],\n },\n },\n};\n\nexport default meta;\n\nexport const Example: StoryFn<JSX.AicoTitleContent> = (args: JSX.AicoTitleContent) => html`<aico-title-content .content=${args.content!}></aico-title-content~~>`;\~~n"]}
1	+ {"version":3,"file":"aico-title-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-title-content/aico-title-content.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,oBAAoB;IAC/B,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,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,IAAI;YACnB,eAAe,EAAE,KAAK;YACtB,YAAY,EAAE;gBACZ;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,WAAW;oBAClB,MAAM,EAAE,OAAO;iBAChB;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,IAAI,EAAE,aAAa;oBACnB,KAAK,EAAE,cAAc;oBACrB,MAAM,EAAE,IAAI;iBACb;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAkC,CAAC,IAA0B,EAAE,EAAE;IACnF,OAAO,IAAI,CAAA,+BAA+B,IAAI,CAAC,MAAO,aAAa,IAAI,CAAC,OAAQ,wBAAwB,CAAA;AAC1G,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/web-components';\nimport { JSX } from '../../../components';\nimport { html } from 'lit-html';\n\nconst meta: Meta<JSX.AicoTitleContent> = {\n component: 'aico-title-content',\n args: {\n locale: 'de',\n content: {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n size: 'h1',\n titleColor: 'blue',\n hasUnderscore: true,\n underscoreColor: 'red',\n translations: [\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n text: 'Text foo',\n title: 'Title foo',\n locale: 'en-US',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n text: 'Text foo de',\n title: 'Title foo de',\n locale: 'de',\n }\n ],\n },\n },\n};\n\nexport default meta;\n\nexport const Example: StoryFn<JSX.AicoTitleContent> = (args: JSX.AicoTitleContent) => {\n return html`<aico-title-content .locale=${args.locale!} .content=${args.content!}></aico-title-content>`\n};\n"]}

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

@@ -4,11 +4,13 @@ import ConditionalRender from "../../../utils/ConditionalRender";
 export class AicoUploadContent {
     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 youtubeUrl = this.content && this.content.videoUrl ? getYoutubeURL(this.content.videoUrl) : null;
-        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation) })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(youtubeUrl) }, h("div", { class: "ratio ratio-16x9" }, h("iframe", { allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, src: youtubeUrl }))), h(ConditionalRender, { condition: !this.content.shouldHideFile }, h("p", { class: "fs-3 mt-3" }, "Files:"), h("div", { class: "list-group list-group-flush" }, this.content.uploads.map(upload => {
+        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation), locale: this.locale })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(youtubeUrl) }, h("div", { class: "ratio ratio-16x9" }, h("iframe", { allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, src: youtubeUrl }))), h(ConditionalRender, { condition: !this.content.shouldHideFile }, h("p", { class: "fs-3 mt-3" }, "Files:"), h("div", { class: "list-group list-group-flush" }, this.content.uploads.map(upload => {
             if (strIsNullOrEmptyOrWhitespace(upload.path)) {
                 return null;
             }
@@ -59,6 +61,24 @@ export class AicoUploadContent {
                     "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-upload-content/aico-upload-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aico-upload-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-upload-content/aico-upload-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIzD,OAAO,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AACnF,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,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEvG,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,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,UAAU,CAAC;gBACrE,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,cAAQ,KAAK,EAAC,0FAA0F,EAAC,eAAe,QAAC,GAAG,EAAE,UAAW,GAAI,CACzI,CACY;YACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc;gBACxD,SAAG,KAAK,EAAC,WAAW,aAAW;gBAC/B,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;oBACjC,IAAI,4BAA4B,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;wBAC7C,OAAO,IAAI,CAAC;qBACb;oBAED,OAAO,CACL,SAAG,IAAI,EAAE,MAAM,CAAC,IAAK,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAC,wCAAwC,IAClF,MAAM,CAAC,IAAI,CACV,CACL,CAAC;gBACJ,CAAC,CAAC,CACE,CACY,CACf,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 type { UploadContent } from '../../../model/article/content/UploadContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\nimport { getYoutubeURL, strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport ConditionalRender from '../../../utils/ConditionalRender';\n\n@Component({\n tag: 'aico-upload-content',\n styleUrl: 'aico-upload-content.css',\n scoped: true,\n})\nexport class AicoUploadContent {\n @Prop() content!: UploadContent;\n\n render() {\n const translation = this.content.translations.~~length~~ > 0 ? this.~~content.translations[0]~~ : null;\n const youtubeUrl = this.content && this.content.videoUrl ? getYoutubeURL(this.content.videoUrl) : null;\n\n return (\n <Host>\n <ConditionalRender condition={translation !== null}>\n <aico-title-content content={this.makeTitleContent(translation!)} />\n </ConditionalRender>\n <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(youtubeUrl)}>\n <div class=\"ratio ratio-16x9\">\n <iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen src={youtubeUrl!} />\n </div>\n </ConditionalRender>\n <ConditionalRender condition={!this.content.shouldHideFile}>\n <p class=\"fs-3 mt-3\">Files:</p>\n <div class=\"list-group list-group-flush\">\n {this.content.uploads.map(upload => {\n if (strIsNullOrEmptyOrWhitespace(upload.path)) {\n return null;\n }\n\n return (\n <a href={upload.path!} target=\"_blank\" class=\"list-group-item list-group-item-action\">\n {upload.name}\n </a>\n );\n })}\n </div>\n </ConditionalRender>\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-upload-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-upload-content/aico-upload-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIzD,OAAO,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AAOjE,MAAM,OAAO,iBAAiB;;;sBAGH,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,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEvG,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,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,UAAU,CAAC;gBACrE,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,cAAQ,KAAK,EAAC,0FAA0F,EAAC,eAAe,QAAC,GAAG,EAAE,UAAW,GAAI,CACzI,CACY;YACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc;gBACxD,SAAG,KAAK,EAAC,WAAW,aAAW;gBAC/B,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;oBACjC,IAAI,4BAA4B,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;wBAC7C,OAAO,IAAI,CAAC;qBACb;oBAED,OAAO,CACL,SAAG,IAAI,EAAE,MAAM,CAAC,IAAK,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAC,wCAAwC,IAClF,MAAM,CAAC,IAAI,CACV,CACL,CAAC;gBACJ,CAAC,CAAC,CACE,CACY,CACf,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 type { UploadContent } from '../../../model/article/content/UploadContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\nimport { getYoutubeURL, strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport ConditionalRender from '../../../utils/ConditionalRender';\n\n@Component({\n tag: 'aico-upload-content',\n styleUrl: 'aico-upload-content.css',\n scoped: true,\n})\nexport class AicoUploadContent {\n @Prop() content!: UploadContent;\n\n @Prop() locale: string = 'de';\n\n render() {\n const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n const youtubeUrl = this.content && this.content.videoUrl ? getYoutubeURL(this.content.videoUrl) : null;\n\n return (\n <Host>\n <ConditionalRender condition={translation !== null}>\n <aico-title-content content={this.makeTitleContent(translation!)} locale={this.locale} />\n </ConditionalRender>\n <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(youtubeUrl)}>\n <div class=\"ratio ratio-16x9\">\n <iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen src={youtubeUrl!} />\n </div>\n </ConditionalRender>\n <ConditionalRender condition={!this.content.shouldHideFile}>\n <p class=\"fs-3 mt-3\">Files:</p>\n <div class=\"list-group list-group-flush\">\n {this.content.uploads.map(upload => {\n if (strIsNullOrEmptyOrWhitespace(upload.path)) {\n return null;\n }\n\n return (\n <a href={upload.path!} target=\"_blank\" class=\"list-group-item list-group-item-action\">\n {upload.name}\n </a>\n );\n })}\n </div>\n </ConditionalRender>\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-upload-content/aico-upload-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: 'Hello :)',
                 },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'de',
+                    title: 'Hello de :)',
+                },
             ],
             videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
             shouldHideFile: false,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"aico-upload-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-upload-content/aico-upload-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAAgC;IACxC,SAAS,EAAE,qBAAqB;CACjC,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,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,UAAU;iBAClB;aACF;YACD,QAAQ,EAAE,6CAA6C;YACvD,cAAc,EAAE,KAAK;YACrB,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,6CAA6C;iBACpD;gBACD;oBACE,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,6CAA6C;iBACpD;gBACD;oBACE,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,6CAA6C;iBACpD;aACF;SACe;KACnB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { UploadContent } from '../../../model/article/content/UploadContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoUploadContent> = {\n component: 'aico-upload-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 translations: [\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'en-GB',\n title: 'Hello :)',\n },\n ],\n videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n shouldHideFile: false,\n uploads: [\n {\n name: 'foo',\n path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n {\n name: 'bar',\n path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n {\n name: 'baz',\n path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n ],\n } as UploadContent,\n },\n};\n"]}
1	+ {"version":3,"file":"aico-upload-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-upload-content/aico-upload-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAAgC;IACxC,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,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,UAAU;iBAClB;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,aAAa;iBACrB;aACF;YACD,QAAQ,EAAE,6CAA6C;YACvD,cAAc,EAAE,KAAK;YACrB,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,6CAA6C;iBACpD;gBACD;oBACE,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,6CAA6C;iBACpD;gBACD;oBACE,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,6CAA6C;iBACpD;aACF;SACe;KACnB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { UploadContent } from '../../../model/article/content/UploadContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoUploadContent> = {\n component: 'aico-upload-content',\n};\n\nexport default meta;\n\nexport const Example: StoryObj = {\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: 'Hello :)',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'Hello de :)',\n },\n ],\n videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n shouldHideFile: false,\n uploads: [\n {\n name: 'foo',\n path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n {\n name: 'bar',\n path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n {\n name: 'baz',\n path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n ],\n } as UploadContent,\n },\n};\n"]}

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

@@ -4,11 +4,13 @@ import { getYoutubeURL, strIsNullOrEmptyOrWhitespace } from "../../../utils/util
 export class AicoVideoContent {
     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 youtubeUrl = translation && translation.videoUrl ? getYoutubeURL(translation.videoUrl) : null;
-        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation) })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(youtubeUrl) }, h("div", { class: "ratio ratio-16x9" }, h("iframe", { allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, src: youtubeUrl }))), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.localVideoUrl) }, h("div", { class: "ratio ratio-16x9" }, h("video", { class: "media-card-video", controls: true, playsInline: true, style: { height: this.content.isVideoMinimized ? '400px' : '100%' } }, h("source", { src: this.content.localVideoUrl, type: "video/mp4" }))))));
+        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation), locale: this.locale })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(youtubeUrl) }, h("div", { class: "ratio ratio-16x9" }, h("iframe", { allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, src: youtubeUrl }))), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.localVideoUrl) }, h("div", { class: "ratio ratio-16x9" }, h("video", { class: "media-card-video", controls: true, playsInline: true, style: { height: this.content.isVideoMinimized ? '400px' : '100%' } }, h("source", { src: this.content.localVideoUrl, type: "video/mp4" }))))));
     }
     makeTitleContent(translation) {
         var _a;
@@ -55,6 +57,24 @@ export class AicoVideoContent {
                     "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-video-content/aico-video-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aico-video-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-video-content/aico-video-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIzD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAOnF,MAAM,OAAO,gBAAgB~~;;;;IAG3B~~,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,UAAU,GAAG,WAAW,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpG,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,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,UAAU,CAAC;gBACrE,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,cAAQ,KAAK,EAAC,0FAA0F,EAAC,eAAe,QAAC,GAAG,EAAE,UAAW,GAAI,CACzI,CACY;YACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;gBACrF,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,aAAO,KAAK,EAAC,kBAAkB,EAAC,QAAQ,QAAC,WAAW,QAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE;wBACtH,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,EAAC,WAAW,GAAG,CACtD,CACJ,CACY,CACf,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,MAAA,IAAI,CAAC,OAAO,CAAC,SAAS,mCAAI,IAAI;YACpC,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport type { VideoContent } from '../../../model/article/content/VideoContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { getYoutubeURL, strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\n\n@Component({\n tag: 'aico-video-content',\n styleUrl: 'aico-video-content.css',\n scoped: true,\n})\nexport class AicoVideoContent {\n @Prop() content!: VideoContent;\n\n render() {\n const translation = this.content.translations.~~length~~ > 0 ? this.~~content.translations[0]~~ : null;\n const youtubeUrl = translation && translation.videoUrl ? getYoutubeURL(translation.videoUrl) : null;\n\n return (\n <Host>\n <ConditionalRender condition={translation !== null}>\n <aico-title-content content={this.makeTitleContent(translation!)} />\n </ConditionalRender>\n <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(youtubeUrl)}>\n <div class=\"ratio ratio-16x9\">\n <iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen src={youtubeUrl!} />\n </div>\n </ConditionalRender>\n <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.localVideoUrl)}>\n <div class=\"ratio ratio-16x9\">\n <video class=\"media-card-video\" controls playsInline style={{ height: this.content.isVideoMinimized ? '400px' : '100%' }}>\n <source src={this.content.localVideoUrl} type=\"video/mp4\" />\n </video>\n </div>\n </ConditionalRender>\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: this.content.titleSize ?? 'h2',\n translations: [{ ...translation }],\n };\n }\n}\n"]}
1	+ {"version":3,"file":"aico-video-content.js","sourceRoot":"","sources":["../../../../src/components/content/aico-video-content/aico-video-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIzD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAOnF,MAAM,OAAO,gBAAgB;;;sBAGF,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,UAAU,GAAG,WAAW,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpG,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,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,UAAU,CAAC;gBACrE,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,cAAQ,KAAK,EAAC,0FAA0F,EAAC,eAAe,QAAC,GAAG,EAAE,UAAW,GAAI,CACzI,CACY;YACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;gBACrF,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,aAAO,KAAK,EAAC,kBAAkB,EAAC,QAAQ,QAAC,WAAW,QAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE;wBACtH,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,EAAC,WAAW,GAAG,CACtD,CACJ,CACY,CACf,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,MAAA,IAAI,CAAC,OAAO,CAAC,SAAS,mCAAI,IAAI;YACpC,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport type { VideoContent } from '../../../model/article/content/VideoContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { getYoutubeURL, strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\n\n@Component({\n tag: 'aico-video-content',\n styleUrl: 'aico-video-content.css',\n scoped: true,\n})\nexport class AicoVideoContent {\n @Prop() content!: VideoContent;\n\n @Prop() locale: string = 'de';\n\n render() {\n const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n const youtubeUrl = translation && translation.videoUrl ? getYoutubeURL(translation.videoUrl) : null;\n\n return (\n <Host>\n <ConditionalRender condition={translation !== null}>\n <aico-title-content content={this.makeTitleContent(translation!)} locale={this.locale} />\n </ConditionalRender>\n <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(youtubeUrl)}>\n <div class=\"ratio ratio-16x9\">\n <iframe allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen src={youtubeUrl!} />\n </div>\n </ConditionalRender>\n <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.localVideoUrl)}>\n <div class=\"ratio ratio-16x9\">\n <video class=\"media-card-video\" controls playsInline style={{ height: this.content.isVideoMinimized ? '400px' : '100%' }}>\n <source src={this.content.localVideoUrl} type=\"video/mp4\" />\n </video>\n </div>\n </ConditionalRender>\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: this.content.titleSize ?? 'h2',\n translations: [{ ...translation }],\n };\n }\n}\n"]}

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

@@ -4,6 +4,7 @@ const meta = {
 export default meta;
 export const Youtube = {
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -17,12 +18,21 @@ export const Youtube = {
                     title: 'Hello :)',
                     videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
                 },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'de',
+                    title: 'Hello de :)',
+                    videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
+                },
             ],
         },
     },
 };
 export const HtmlVideo = {
     args: {
+        locale: 'de',
         content: {
             id: 1234,
             createdAt: new Date(),
@@ -35,6 +45,13 @@ export const HtmlVideo = {
                     locale: 'en-GB',
                     title: 'Hello :)',
                 },
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'de',
+                    title: 'Hello de :)',
+                },
             ],
             localVideoUrl: 'https://63vod-adaptive.akamaized.net/exp=1705508449~acl=%2Fa156ad05-7584-419d-88f0-f3b8178c6856%2F%2A~hmac=c5c0e2ae58210ded1ca504ec11ff52843417d2fec0b748409741f033595117fb/a156ad05-7584-419d-88f0-f3b8178c6856/parcel/audio/e3e208cf.mp4',
         },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"aico-video-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-video-content/aico-video-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,oBAAoB;CAChC,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,UAAU;oBACjB,QAAQ,EAAE,6CAA6C;iBACxD;aACF;SACc;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,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,UAAU;iBAClB;aACF;YACD,aAAa,EACX,4OAA4O;SAC/N;KAClB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { VideoContent } from '../../../model/article/content/VideoContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoVideoContent> = {\n component: 'aico-video-content',\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Youtube: 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: 'Hello :)',\n videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n ],\n } as VideoContent,\n },\n};\n\nexport const HtmlVideo: 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: 'Hello :)',\n },\n ],\n localVideoUrl:\n 'https://63vod-adaptive.akamaized.net/exp=1705508449~acl=%2Fa156ad05-7584-419d-88f0-f3b8178c6856%2F%2A~hmac=c5c0e2ae58210ded1ca504ec11ff52843417d2fec0b748409741f033595117fb/a156ad05-7584-419d-88f0-f3b8178c6856/parcel/audio/e3e208cf.mp4',\n } as VideoContent,\n },\n};\n"]}
1	+ {"version":3,"file":"aico-video-content.stories.js","sourceRoot":"","sources":["../../../../src/components/content/aico-video-content/aico-video-content.stories.ts"],"names":[],"mappings":"AAIA,MAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,oBAAoB;CAChC,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,UAAU;oBACjB,QAAQ,EAAE,6CAA6C;iBACxD;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,aAAa;oBACpB,QAAQ,EAAE,6CAA6C;iBACxD;aACF;SACc;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,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,UAAU;iBAClB;gBACD;oBACE,EAAE,EAAE,IAAI;oBACR,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,aAAa;iBACrB;aACF;YACD,aAAa,EACX,4OAA4O;SAC/N;KAClB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport type { VideoContent } from '../../../model/article/content/VideoContent';\nimport { JSX } from '../../../components';\n\nconst meta: Meta<JSX.AicoVideoContent> = {\n component: 'aico-video-content',\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Youtube: 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: 'Hello :)',\n videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'Hello de :)',\n videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',\n },\n ],\n } as VideoContent,\n },\n};\n\nexport const HtmlVideo: 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: 'Hello :)',\n },\n {\n id: 1234,\n createdAt: new Date(),\n updatedAt: new Date(),\n locale: 'de',\n title: 'Hello de :)',\n },\n ],\n localVideoUrl:\n 'https://63vod-adaptive.akamaized.net/exp=1705508449~acl=%2Fa156ad05-7584-419d-88f0-f3b8178c6856%2F%2A~hmac=c5c0e2ae58210ded1ca504ec11ff52843417d2fec0b748409741f033595117fb/a156ad05-7584-419d-88f0-f3b8178c6856/parcel/audio/e3e208cf.mp4',\n } as VideoContent,\n },\n};\n"]}

package/dist/collection/model/article/content/CarouselContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../../src/model/article/content/CarouselContent.ts"],"names":[],"mappings":"","sourcesContent":["import { Entity } from '../../Entity';\nimport { Translation } from '../Translation';\n\nexport type CarouselImage = Entity & {\n order: number;\n picture: string;\n translations: Translation[];\n};\n\nexport type CarouselContent = Entity & {\n translations: Translation[];\n arrowsBackground?: string;\n contentCarouselImages: CarouselImage[];\n};\n"]}
1	+ {"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../../src/model/article/content/CarouselContent.ts"],"names":[],"mappings":"","sourcesContent":["import { Entity } from '../../Entity';\nimport { Translation } from '../Translation';\n\nexport type CarouselImage = Entity & {\n order: number;\n picture?: string;\n translations: (Translation & {\n picture?: string;\n })[];\n};\n\nexport type CarouselContent = Entity & {\n translations: Translation[];\n arrowsBackground?: string;\n contentCarouselImages: CarouselImage[];\n};\n"]}

package/dist/collection/utils/utils.js CHANGED Viewed

@@ -1,24 +1,30 @@
 import { getAuthenticatedHeaders, getAuthenticatedRequest } from "../model/AicoApiRequestInfo";
-export async function fetchNewsArticles(api, page, size, signal) {
+export async function fetchNewsArticles(api, page, size, signal, newsChannels = []) {
     const queryParams = new URLSearchParams();
     queryParams.set('page[number]', String(page));
     queryParams.set('page[size]', String(size));
+    queryParams.set('sort', '-publishDate');
     queryParams.set('filter[isActive]', '1');
     queryParams.set('filter[excludeTag][]', 'Eisnull');
-    queryParams.set('sort', '-publishDate');
+    for (const newsChannel of newsChannels) {
+        queryParams.set('filter[channel][]', newsChannel);
+    }
     const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
     const response = await fetch(request);
     return await response.json();
 }
-export async function fetchSpecialNewsArticles(api, page, size, signal) {
+export async function fetchSpecialNewsArticles(api, page, size, signal, newsChannels = []) {
     const queryParams = new URLSearchParams();
     queryParams.set('page[number]', String(page));
     queryParams.set('page[size]', String(size));
+    queryParams.set('sort', '-publishDate');
     queryParams.set('filter[isActive]', '1');
     queryParams.set('filter[isSpecialArticle]', '1');
     queryParams.set('filter[isLightVersion]', 'true');
     queryParams.set('filter[excludeTag][]', 'Eisnull');
-    queryParams.set('sort', '-publishDate');
+    for (const newsChannel of newsChannels) {
+        queryParams.set('filter[channel][]', newsChannel);
+    }
     const request = getAuthenticatedRequest(api, 'news', queryParams, signal);
     const response = await fetch(request);
     return await response.json();

package/dist/collection/utils/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGnH,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,GAAuB,EAAE,IAAY,EAAE,IAAY,EAAE,MAAmB;~~IAC9G~~,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;IAC1C,WAAW,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9C,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,WAAW,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IACzC,WAAW,CAAC,GAAG,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IACnD,WAAW,CAAC,GAAG,CAAC,~~MAAM~~,EAAE,~~cAAc~~,CAAC,CAAC;~~IAExC~~,MAAM,OAAO,GAAG,uBAAuB,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1E,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,wBAAwB,CAAC,GAAuB,EAAE,IAAY,EAAE,IAAY,EAAE,MAAmB;~~IACrH~~,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;IAC1C,WAAW,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9C,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,WAAW,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IACzC,WAAW,CAAC,GAAG,CAAC,0BAA0B,EAAE,GAAG,CAAC,CAAC;IACjD,WAAW,CAAC,GAAG,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;IAClD,WAAW,CAAC,GAAG,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IACnD,WAAW,CAAC,GAAG,CAAC,~~MAAM~~,EAAE,~~cAAc~~,CAAC,CAAC;~~IAExC~~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","sourcesContent":["import { Article } from '../components';\nimport { AicoApiRequestInfo, getAuthenticatedHeaders, getAuthenticatedRequest } from '../model/AicoApiRequestInfo';\nimport { NewsResponse } from '../model/NewsResponse';\n\nexport async function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n queryParams.set('~~sort~~', ~~'-publishDate'~~);\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[isSpecialArticle]', '1');\n queryParams.set('filter[isLightVersion]', 'true');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n queryParams.set('~~sort~~', ~~'-publishDate'~~);\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article> {\n const request = getAuthenticatedRequest(api, `news/${articleId}`, new URLSearchParams(), signal);\n const response = await fetch(request);\n const article = await response.json();\n return article.data;\n}\n\nexport async function fetchNewsArticleByHandle(api: AicoApiRequestInfo, urlHandle: string, signal: AbortSignal): Promise<Article> {\n const queryParams = new URLSearchParams();\n queryParams.set('filter[urlHandle]', urlHandle);\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n const articles = await response.json();\n return articles.data[0];\n}\n\nexport async function fetchArticle(url: string, bearerToken: string, signal: AbortSignal): Promise<Article> {\n const request = new Request(new URL(url), {\n headers: getAuthenticatedHeaders(bearerToken),\n signal,\n });\n const response = await fetch(request);\n return await response.json();\n}\n\nexport function getImageWidthPrc(pictureSize?: string): string {\n switch (pictureSize) {\n case 'extra-small':\n return '28%';\n case 'small':\n return '40%';\n case 'large':\n return '80%';\n case 'extra large': // TODO: has - or not?\n return '100%';\n default:\n return '60%';\n }\n}\n\nexport function getYoutubeURL(url: string): string \| null {\n const regExp = /.(?:youtu.be\\/\|v\\/\|u\\/\\w\\/\|embed\\/\|watch\\?v=)([^#&?]).*/;\n const match = url.match(regExp);\n if (match && match[1].length == 11) {\n return `https://www.youtube.com/embed/${match[1]}`;\n }\n\n return null;\n}\n\nexport function strIsNullOrEmptyOrWhitespace(str?: string \| null): boolean {\n if (!str \|\| str === ' ') {\n return true;\n }\n\n return false;\n}\n\nexport function getClass(conditions: { [key: string]: boolean }): string {\n const classes: string[] = [];\n for (const kvp of Object.entries(conditions)) {\n if (kvp[1]) {\n classes.push(kvp[0]);\n }\n }\n\n return classes.join(' ');\n}\n"]}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Article } from '../components';\nimport { AicoApiRequestInfo, getAuthenticatedHeaders, getAuthenticatedRequest } from '../model/AicoApiRequestInfo';\nimport { NewsResponse } from '../model/NewsResponse';\n\nexport async function fetchNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('sort', '-publishDate');\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n for (const newsChannel of newsChannels) {\n queryParams.set('filter[channel][]', newsChannel);\n }\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchSpecialNewsArticles(api: AicoApiRequestInfo, page: number, size: number, signal: AbortSignal, newsChannels: string[] = []): Promise<NewsResponse> {\n const queryParams = new URLSearchParams();\n queryParams.set('page[number]', String(page));\n queryParams.set('page[size]', String(size));\n queryParams.set('sort', '-publishDate');\n queryParams.set('filter[isActive]', '1');\n queryParams.set('filter[isSpecialArticle]', '1');\n queryParams.set('filter[isLightVersion]', 'true');\n queryParams.set('filter[excludeTag][]', 'Eisnull');\n for (const newsChannel of newsChannels) {\n queryParams.set('filter[channel][]', newsChannel);\n }\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n return await response.json();\n}\n\nexport async function fetchNewsArticle(api: AicoApiRequestInfo, articleId: string, signal: AbortSignal): Promise<Article> {\n const request = getAuthenticatedRequest(api, `news/${articleId}`, new URLSearchParams(), signal);\n const response = await fetch(request);\n const article = await response.json();\n return article.data;\n}\n\nexport async function fetchNewsArticleByHandle(api: AicoApiRequestInfo, urlHandle: string, signal: AbortSignal): Promise<Article> {\n const queryParams = new URLSearchParams();\n queryParams.set('filter[urlHandle]', urlHandle);\n\n const request = getAuthenticatedRequest(api, 'news', queryParams, signal);\n const response = await fetch(request);\n const articles = await response.json();\n return articles.data[0];\n}\n\nexport async function fetchArticle(url: string, bearerToken: string, signal: AbortSignal): Promise<Article> {\n const request = new Request(new URL(url), {\n headers: getAuthenticatedHeaders(bearerToken),\n signal,\n });\n const response = await fetch(request);\n return await response.json();\n}\n\nexport function getImageWidthPrc(pictureSize?: string): string {\n switch (pictureSize) {\n case 'extra-small':\n return '28%';\n case 'small':\n return '40%';\n case 'large':\n return '80%';\n case 'extra large': // TODO: has - or not?\n return '100%';\n default:\n return '60%';\n }\n}\n\nexport function getYoutubeURL(url: string): string \| null {\n const regExp = /.(?:youtu.be\\/\|v\\/\|u\\/\\w\\/\|embed\\/\|watch\\?v=)([^#&?]).*/;\n const match = url.match(regExp);\n if (match && match[1].length == 11) {\n return `https://www.youtube.com/embed/${match[1]}`;\n }\n\n return null;\n}\n\nexport function strIsNullOrEmptyOrWhitespace(str?: string \| null): boolean {\n if (!str \|\| str === ' ') {\n return true;\n }\n\n return false;\n}\n\nexport function getClass(conditions: { [key: string]: boolean }): string {\n const classes: string[] = [];\n for (const kvp of Object.entries(conditions)) {\n if (kvp[1]) {\n classes.push(kvp[0]);\n }\n }\n\n return classes.join(' ');\n}\n"]}

package/dist/components/aico-article-detail2.js CHANGED Viewed

@@ -62,6 +62,7 @@ const AicoArticleDetail = /*@__PURE__*/ proxyCustomElement(class AicoArticleDeta
         this.__registerHost();
         this.dateOptions = { day: 'numeric', month: 'long', year: 'numeric' };
         this.article = undefined;
+        this.locale = 'de';
     }
     render() {
         const articleDate = new Date(this.article.attributes.publishDate);
@@ -84,43 +85,43 @@ const AicoArticleDetail = /*@__PURE__*/ proxyCustomElement(class AicoArticleDeta
             case ContentType.ALBUM:
                 return h("aico-album-content", { content: content });
             case ContentType.ASKING:
-                return h("aico-asking-content", { content: content });
+                return h("aico-asking-content", { content: content, locale: this.locale });
             case ContentType.BLOCK_QUOTE:
-                return h("aico-block-quote-content", { content: content });
+                return h("aico-block-quote-content", { content: content, locale: this.locale });
             case ContentType.BULLET:
-                return h("aico-bullet-content", { content: content });
+                return h("aico-bullet-content", { content: content, locale: this.locale });
             case ContentType.CAROUSEL:
-                return h("aico-carousel-content", { content: content });
+                return h("aico-carousel-content", { content: content, locale: this.locale });
             case ContentType.CONTENT_CARD:
-                return h("aico-content-card-content", { content: content });
+                return h("aico-content-card-content", { content: content, locale: this.locale });
             case ContentType.DIVIDER:
-                return h("aico-divider-content", { content: content });
+                return h("aico-divider-content", { content: content, locale: this.locale });
             case ContentType.DOCUMENT:
-                return h("aico-document-content", { content: content });
+                return h("aico-document-content", { content: content, locale: this.locale });
             case ContentType.FAQ:
-                return h("aico-faq-content", { content: content });
+                return h("aico-faq-content", { content: content, locale: this.locale });
             case ContentType.HEADING:
-                return h("aico-heading-content", { content: content });
+                return h("aico-heading-content", { content: content, locale: this.locale });
             case ContentType.HTML:
-                return h("aico-html-content", { content: content });
+                return h("aico-html-content", { content: content, locale: this.locale });
             case ContentType.LINK:
-                return h("aico-link-content", { content: content });
+                return h("aico-link-content", { content: content, locale: this.locale });
             case ContentType.NEWS:
                 return h("aico-news-content", { content: content });
             case ContentType.PAGE:
-                return h("aico-page-content", { content: content });
+                return h("aico-page-content", { content: content, locale: this.locale });
             case ContentType.TABLE:
-                return h("aico-table-content", { content: content });
+                return h("aico-table-content", { content: content, locale: this.locale });
             case ContentType.TESTIMONIAL:
                 return h("aico-testimonial-content", { content: content });
             case ContentType.TEXT:
-                return h("aico-text-content", { content: content });
+                return h("aico-text-content", { content: content, locale: this.locale });
             case ContentType.TITLE:
-                return h("aico-title-content", { content: content });
+                return h("aico-title-content", { content: content, locale: this.locale });
             case ContentType.UPLOAD:
-                return h("aico-upload-content", { content: content });
+                return h("aico-upload-content", { content: content, locale: this.locale });
             case ContentType.VIDEO:
-                return h("aico-video-content", { content: content });
+                return h("aico-video-content", { content: content, locale: this.locale });
             case ContentType.PRODUCT:
             case ContentType.AGENDA:
             case ContentType.LIST_ASKING:
@@ -136,7 +137,8 @@ const AicoArticleDetail = /*@__PURE__*/ proxyCustomElement(class AicoArticleDeta
     }
     static get style() { return aicoArticleDetailCss; }
 }, [2, "aico-article-detail", {
-        "article": [16]
+        "article": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {