@aiconomy/aico-components 0.0.13 → 0.0.53

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,61 @@
+import { h } from "@stencil/core";
+export class AicoTitleContent {
+    constructor() {
+        this.content = undefined;
+    }
+    render() {
+        var _a;
+        if (!this.content.size || this.content.translations.length === 0) {
+            return h("aico-no-content", null);
+        }
+        const CustomTag = this.content.size;
+        const defaultColor = 'black';
+        const styles = {
+            color: this.content.titleColor ? this.content.titleColor : defaultColor,
+        };
+        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-thickness'] = '3px';
+        }
+        return (h(CustomTag, null, h("span", { style: styles }, this.content.translations[0].title)));
+    }
+    static get is() { return "aico-title-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-title-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-title-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TitleContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; } & { translations: { id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; }[]; size?: string | undefined; hasUnderscore: boolean; underscoreColor?: string | undefined; titleColor?: string | undefined; }",
+                    "references": {
+                        "TitleContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/TitleContent",
+                            "id": "src/model/article/content/TitleContent.ts::TitleContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-title-content.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,28 @@
+import { html } from "lit-html";
+const meta = {
+    component: 'aico-title-content',
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            size: 'h1',
+            titleColor: 'blue',
+            hasUnderscore: true,
+            underscoreColor: 'red',
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    text: 'Text foo',
+                    title: 'Title foo',
+                    locale: 'en-US',
+                },
+            ],
+        },
+    },
+};
+export default meta;
+export const Example = (args) => html `<aico-title-content .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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,66 @@
+import { Host, h } from "@stencil/core";
+import { getYoutubeURL, strIsNullOrEmptyOrWhitespace } from "../../../utils/utils";
+import ConditionalRender from "../../../utils/ConditionalRender";
+export class AicoUploadContent {
+    constructor() {
+        this.content = undefined;
+    }
+    render() {
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : 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 => {
+            if (strIsNullOrEmptyOrWhitespace(upload.path)) {
+                return null;
+            }
+            return (h("a", { href: upload.path, target: "_blank", class: "list-group-item list-group-item-action" }, upload.name));
+        })))));
+    }
+    makeTitleContent(translation) {
+        return {
+            id: this.content.id,
+            createdAt: this.content.createdAt,
+            updatedAt: this.content.updatedAt,
+            hasUnderscore: false,
+            size: 'h2',
+            translations: [Object.assign({}, translation)],
+        };
+    }
+    static get is() { return "aico-upload-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-upload-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-upload-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "UploadContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; translations: { id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; }[]; shouldHideFile: boolean; uploads: { name?: string | null | undefined; path?: string | null | undefined; }[]; videoUrl?: string | null | undefined; }",
+                    "references": {
+                        "UploadContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/UploadContent",
+                            "id": "src/model/article/content/UploadContent.ts::UploadContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-upload-content.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,39 @@
+const meta = {
+    component: 'aico-upload-content',
+};
+export default meta;
+export const Example = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'en-GB',
+                    title: 'Hello :)',
+                },
+            ],
+            videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
+            shouldHideFile: false,
+            uploads: [
+                {
+                    name: 'foo',
+                    path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
+                },
+                {
+                    name: 'bar',
+                    path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
+                },
+                {
+                    name: 'baz',
+                    path: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
+                },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=aico-upload-content.stories.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,10 @@
+.media-card-video {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 100%;
+  width: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+}

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

@@ -0,0 +1,62 @@
+import { Host, h } from "@stencil/core";
+import ConditionalRender from "../../../utils/ConditionalRender";
+import { getYoutubeURL, strIsNullOrEmptyOrWhitespace } from "../../../utils/utils";
+export class AicoVideoContent {
+    constructor() {
+        this.content = undefined;
+    }
+    render() {
+        const translation = this.content.translations.length > 0 ? this.content.translations[0] : 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" }))))));
+    }
+    makeTitleContent(translation) {
+        var _a;
+        return {
+            id: this.content.id,
+            createdAt: this.content.createdAt,
+            updatedAt: this.content.updatedAt,
+            hasUnderscore: false,
+            size: (_a = this.content.titleSize) !== null && _a !== void 0 ? _a : 'h2',
+            translations: [Object.assign({}, translation)],
+        };
+    }
+    static get is() { return "aico-video-content"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["aico-video-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["aico-video-content.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "VideoContent",
+                    "resolved": "{ id: string | number; createdAt: Date; updatedAt: Date; } & { translations: ({ id: string | number; createdAt: Date; updatedAt: Date; locale: string; text?: string | null | undefined; title?: string | null | undefined; } & { videoUrl?: string | undefined; })[]; sort?: number | undefined; titleSize?: string | undefined; isVideoMinimized: boolean; localVideoUrl?: string | undefined; IMPORTANT?: string | undefined; videoUrl?: string | undefined; video?: string | undefined; }",
+                    "references": {
+                        "VideoContent": {
+                            "location": "import",
+                            "path": "../../../model/article/content/VideoContent",
+                            "id": "src/model/article/content/VideoContent.ts::VideoContent"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=aico-video-content.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,43 @@
+const meta = {
+    component: 'aico-video-content',
+};
+export default meta;
+export const Youtube = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'en-GB',
+                    title: 'Hello :)',
+                    videoUrl: 'https://www.youtube.com/watch?v=xvFZjo5PgG0',
+                },
+            ],
+        },
+    },
+};
+export const HtmlVideo = {
+    args: {
+        content: {
+            id: 1234,
+            createdAt: new Date(),
+            updatedAt: new Date(),
+            translations: [
+                {
+                    id: 1234,
+                    createdAt: new Date(),
+                    updatedAt: new Date(),
+                    locale: 'en-GB',
+                    title: 'Hello :)',
+                },
+            ],
+            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',
+        },
+    },
+};
+//# sourceMappingURL=aico-video-content.stories.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,113 @@
+.so-tab {
+  position: relative;
+  width: 100%;
+  margin: 10px 0;
+}
+
+.so-tab label {
+  position: relative;
+  display: block;
+  padding: 0 25px 0 0;
+  line-height: normal;
+  cursor: pointer;
+}
+
+.so-tab input {
+  position: absolute;
+  opacity: 0;
+  z-index: -1;
+}
+
+.so-tab-content {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.35s;
+  line-height: 1.2;
+  font-size: 15px;
+}
+
+/* :checked */
+.so-tab input:checked ~ .so-tab-content {
+  max-height: none;
+}
+
+/* Icon */
+.so-tab label::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  -webkit-transition: all 0.35s;
+  -o-transition: all 0.35s;
+  transition: all 0.35s;
+}
+
+.so-tab label {
+  font-size: 15px;
+}
+
+.so-tab input[type='checkbox'] + label::before {
+  content: '+';
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 0.6;
+  color: #637381;
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  overflow: visible;
+  text-align: center;
+  top: 2px;
+  padding-top: 2px;
+  padding-left: 10px;
+  left: -10px;
+}
+
+.so-tab input[type='radio'] + label::before {
+  content: '\25B3';
+}
+
+.so-tab input[type='checkbox']:checked + label::before {
+  transform: rotate(315deg);
+  line-height: 0.5 !important;
+}
+
+.so-tab input[type='radio']:checked + label::before {
+  transform: rotateX(180deg);
+}
+
+blockquote::before {
+  content: open-quote;
+  font-weight: bold;
+  font-size: 100px;
+  position: absolute;
+  top: -75px;
+  left: -50px;
+  height: 50px;
+  width: 50px;
+}
+
+blockquote::after {
+  content: close-quote;
+  font-weight: bold;
+  font-size: 100px;
+  position: absolute;
+  bottom: 15px;
+  right: -50px;
+  height: 50px;
+  width: 50px;
+}
+
+blockquote {
+  quotes: '\201C''\201D''\2018''\2019';
+  position: relative;
+  border: none;
+  font-family: 'Tusker Grotesk 6500', serif;
+}
+
+@media screen and (max-width: 768px) {
+  .content-column {
+    width: 100% !important;
+    margin: 0 auto !important;
+  }
+}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

package/dist/collection/model/AicoApiRequestInfo.js

@@ -0,0 +1,13 @@
+export const getAuthenticatedHeaders = (bearerToken) => {
+    const headers = new Headers();
+    headers.append('Accept', 'application/vnd.api+json');
+    headers.append('Authorization', `Bearer ${bearerToken}`);
+    return headers;
+};
+export const getAuthenticatedRequest = (api, route, query, signal) => {
+    return new Request(new URL(`${route}?${query.toString()}`, api.baseApi), {
+        headers: getAuthenticatedHeaders(api.bearerToken),
+        signal,
+    });
+};
+//# sourceMappingURL=AicoApiRequestInfo.js.map

package/dist/collection/model/AicoApiRequestInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AicoApiRequestInfo.js","sourceRoot":"","sources":["../../src/model/AicoApiRequestInfo.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,WAAmB,EAAW,EAAE;IACtE,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IAC9B,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC;IACrD,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,UAAU,WAAW,EAAE,CAAC,CAAC;IACzD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAAuB,EAAE,KAAa,EAAE,KAAsB,EAAE,MAAoB,EAAW,EAAE;IACvI,OAAO,IAAI,OAAO,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE;QACvE,OAAO,EAAE,uBAAuB,CAAC,GAAG,CAAC,WAAW,CAAC;QACjD,MAAM;KACP,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["export type AicoApiRequestInfo = {\n  baseApi: string;\n  bearerToken: string;\n};\n\nexport const getAuthenticatedHeaders = (bearerToken: string): Headers => {\n  const headers = new Headers();\n  headers.append('Accept', 'application/vnd.api+json');\n  headers.append('Authorization', `Bearer ${bearerToken}`);\n  return headers;\n};\n\nexport const getAuthenticatedRequest = (api: AicoApiRequestInfo, route: string, query: URLSearchParams, signal?: AbortSignal): Request => {\n  return new Request(new URL(`${route}?${query.toString()}`, api.baseApi), {\n    headers: getAuthenticatedHeaders(api.bearerToken),\n    signal,\n  });\n};\n"]}

package/dist/collection/model/Article.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Article.js.map

package/dist/collection/model/Article.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.js","sourceRoot":"","sources":["../../src/model/Article.ts"],"names":[],"mappings":"","sourcesContent":["import { Entity } from './Entity';\nimport { NewsCategory } from './NewsCategory';\nimport { ContentType } from './article/ContentType';\n\nexport type ArticleTranslation = Entity & {\n  locale: string;\n  name: string;\n  description: string;\n  excerpt: string;\n  image?: string;\n  optimizedImage?: string;\n  portraitImage?: string;\n  optimizedPortraitImage?: string;\n  optimizedListImage?: string;\n  shouldShowTranslation: boolean;\n};\n\nexport type ArticleContentTranslation = Entity & {\n  locale: string;\n  text: string;\n};\n\nexport type ArticleContent = Entity & {\n  sort?: number;\n  containerOrder?: number;\n  type?: ContentType;\n  contentData: object;\n};\n\nexport type ArticleContentBuilderColumn = Entity & {\n  contentContainer: Entity & {\n    isSplit?: object;\n    contents: ArticleContent[];\n  };\n};\n\nexport type ArticleContentBuilderRow = Entity & {\n  defaultTextColor?: string;\n  promptText?: string;\n  order: number;\n  isFullWidth: boolean;\n  hasBackground: boolean;\n  isOnPrompt: boolean;\n  shouldMinimizeColumnSpacing: boolean;\n  backgroundColor?: string;\n  backgroundType?: string;\n  backgroundImage?: string;\n  backgroundGradientFrom?: string;\n  backgroundGradientTo?: string;\n  columns: ArticleContentBuilderColumn[];\n};\n\nexport type ArticleContetBuilder = Entity & {\n  name: string;\n  rows: ArticleContentBuilderRow[];\n};\n\nexport type ArticleAttributes = {\n  createdAt: Date;\n  updatedAt: Date;\n  publishDate: Date;\n  endDatePermanentNews?: Date;\n\n  newsCategory: NewsCategory;\n  newsTags: object[];\n  soccerTeams: object[];\n  brands: object[];\n  album?: object;\n  match?: object;\n\n  // content\n  pageTitle: string;\n  metaDescription?: string;\n  urlHandle: string;\n  author: string;\n  contentBuilder: ArticleContetBuilder;\n\n  // flags\n  isActive: boolean;\n  isSpecialArticle: boolean;\n  isFullWidth: boolean;\n  showInApp: boolean;\n  isPermanent: boolean;\n  translations: ArticleTranslation[];\n  name: string;\n  description: string;\n  excerpt: string;\n\n  // visuals\n  headlineImage?: string;\n  videoUrl?: string;\n  image?: string;\n  optimizedImage?: string;\n  portraitImage?: string;\n  optimizedPortraitImage?: string;\n  optimizedListImage?: string;\n\n  // coordinates\n  focusXCoordinate?: number;\n  focusYCoordinate?: number;\n  focusXPercentage?: number;\n  focusYPercentage?: number;\n  mobileFocusXCoordinate?: number;\n  mobileFocusYCoordinate?: number;\n  mobileFocusXPercentage?: number;\n  mobileFocusYPercentage?: number;\n  headlineImageFocusXCoordinate?: number;\n  headlineImageFocusYCoordinate?: number;\n  headlineImageFocusXPercentage?: number;\n  headlineImageFocusYPercentage?: number;\n};\n\nexport type Article = {\n  id: string;\n  type: string;\n  links: {\n    self: string;\n  };\n  attributes: ArticleAttributes;\n};\n"]}

package/dist/collection/model/Entity.js

@@ -0,0 +1,7 @@
+import { z } from "zod";
+export const EntitySchema = z.object({
+    id: z.number().or(z.string()),
+    createdAt: z.date(),
+    updatedAt: z.date(),
+});
+//# sourceMappingURL=Entity.js.map

package/dist/collection/model/Entity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Entity.js","sourceRoot":"","sources":["../../src/model/Entity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACnC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE;IACnB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE;CACpB,CAAC,CAAC","sourcesContent":["import { z } from 'zod';\n\nexport const EntitySchema = z.object({\n  id: z.number().or(z.string()),\n  createdAt: z.date(),\n  updatedAt: z.date(),\n});\n\nexport type Entity = z.infer<typeof EntitySchema>;\n"]}

package/dist/collection/model/NewsCategory.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NewsCategory.js.map

package/dist/collection/model/NewsCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsCategory.js","sourceRoot":"","sources":["../../src/model/NewsCategory.ts"],"names":[],"mappings":"","sourcesContent":["import { Entity } from './Entity';\n\nexport type NewsCategoryTranslation = Entity & {\n  locale: string;\n  name: string;\n  webName: string;\n  description: string;\n  smallDescription: string;\n};\n\nexport type NewsCategory = Entity & {\n  image?: string;\n  sortingNumber: number;\n  isActive: boolean;\n  translations: NewsCategoryTranslation[];\n};\n"]}

package/dist/collection/model/NewsResponse.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NewsResponse.js.map

package/dist/collection/model/NewsResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsResponse.js","sourceRoot":"","sources":["../../src/model/NewsResponse.ts"],"names":[],"mappings":"","sourcesContent":["import { Article } from './Article';\n\nexport type PageInfo = {\n  from: number;\n  to: number;\n  currentPage: number;\n  lastPage: number;\n  perPage: number;\n  total: number;\n};\n\nexport type PageNavigation = {\n  first: string;\n  last: string;\n  next?: string;\n  prev?: string;\n};\n\nexport type NewsResponse = {\n  jsonApi: {\n    version: string;\n  };\n  meta: {\n    page: PageInfo;\n  };\n  links: PageNavigation;\n  data: Article[];\n};\n"]}

package/dist/collection/model/article/ContentType.js

@@ -0,0 +1,33 @@
+export var ContentType;
+(function (ContentType) {
+    ContentType["BULLET"] = "BULLET";
+    ContentType["TEXT"] = "TEXT";
+    ContentType["VIDEO"] = "VIDEO";
+    ContentType["TABLE"] = "TABLE";
+    ContentType["HEADING"] = "HEADING";
+    ContentType["TITLE"] = "TITLE";
+    ContentType["CONTENT_CARD"] = "CONTENT_CARD";
+    ContentType["TESTIMONIAL"] = "TESTIMONIAL";
+    ContentType["PRODUCT"] = "PRODUCT";
+    ContentType["NEWS"] = "NEWS";
+    ContentType["ASKING"] = "ASKING";
+    ContentType["AGENDA"] = "AGENDA";
+    ContentType["LIST_ASKING"] = "LIST_ASKING";
+    ContentType["LIST_AGENDA"] = "LIST_AGENDA";
+    ContentType["CRM"] = "CRM";
+    ContentType["B2B"] = "B2B";
+    ContentType["FORM_BUILDER"] = "FORM_BUILDER";
+    ContentType["BLOCK_QUOTE"] = "BLOCK_QUOTE";
+    ContentType["FAQ"] = "FAQ";
+    ContentType["COURSE"] = "COURSE";
+    ContentType["DOCUMENT"] = "DOCUMENT";
+    ContentType["LINK"] = "LINK";
+    ContentType["HTML"] = "HTML";
+    ContentType["DIVIDER"] = "DIVIDER";
+    ContentType["COLLECTION"] = "COLLECTION";
+    ContentType["CAROUSEL"] = "CAROUSEL";
+    ContentType["PAGE"] = "PAGE";
+    ContentType["ALBUM"] = "ALBUM";
+    ContentType["UPLOAD"] = "UPLOAD";
+})(ContentType || (ContentType = {}));
+//# sourceMappingURL=ContentType.js.map

package/dist/collection/model/article/ContentType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentType.js","sourceRoot":"","sources":["../../../src/model/article/ContentType.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WA8BX;AA9BD,WAAY,WAAW;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,8BAAe,CAAA;IACf,kCAAmB,CAAA;IACnB,8BAAe,CAAA;IACf,4CAA6B,CAAA;IAC7B,0CAA2B,CAAA;IAC3B,kCAAmB,CAAA;IACnB,4BAAa,CAAA;IACb,gCAAiB,CAAA;IACjB,gCAAiB,CAAA;IACjB,0CAA2B,CAAA;IAC3B,0CAA2B,CAAA;IAC3B,0BAAW,CAAA;IACX,0BAAW,CAAA;IACX,4CAA6B,CAAA;IAC7B,0CAA2B,CAAA;IAC3B,0BAAW,CAAA;IACX,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,kCAAmB,CAAA;IACnB,wCAAyB,CAAA;IACzB,oCAAqB,CAAA;IACrB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,gCAAiB,CAAA;AACnB,CAAC,EA9BW,WAAW,KAAX,WAAW,QA8BtB","sourcesContent":["export enum ContentType {\n  BULLET = 'BULLET',\n  TEXT = 'TEXT',\n  VIDEO = 'VIDEO',\n  TABLE = 'TABLE',\n  HEADING = 'HEADING',\n  TITLE = 'TITLE',\n  CONTENT_CARD = 'CONTENT_CARD',\n  TESTIMONIAL = 'TESTIMONIAL',\n  PRODUCT = 'PRODUCT',\n  NEWS = 'NEWS',\n  ASKING = 'ASKING',\n  AGENDA = 'AGENDA',\n  LIST_ASKING = 'LIST_ASKING',\n  LIST_AGENDA = 'LIST_AGENDA',\n  CRM = 'CRM',\n  B2B = 'B2B',\n  FORM_BUILDER = 'FORM_BUILDER',\n  BLOCK_QUOTE = 'BLOCK_QUOTE',\n  FAQ = 'FAQ',\n  COURSE = 'COURSE',\n  DOCUMENT = 'DOCUMENT',\n  LINK = 'LINK',\n  HTML = 'HTML',\n  DIVIDER = 'DIVIDER',\n  COLLECTION = 'COLLECTION',\n  CAROUSEL = 'CAROUSEL',\n  PAGE = 'PAGE',\n  ALBUM = 'ALBUM',\n  UPLOAD = 'UPLOAD',\n}\n"]}

package/dist/collection/model/article/Translation.js

@@ -0,0 +1,8 @@
+import { z } from "zod";
+import { EntitySchema } from "../Entity";
+export const TranslationSchema = EntitySchema.extend({
+    locale: z.string(),
+    text: z.string().nullable().optional(),
+    title: z.string().nullable().optional(),
+});
+//# sourceMappingURL=Translation.js.map