@aiconomy/aico-components 0.0.53 → 0.0.78

package/dist/components/aico-carousel-content2.js

@@ -13,6 +13,7 @@ const AicoCarouselContent = /*@__PURE__*/ proxyCustomElement(class AicoCarouselC
         this.__registerHost();
         this.content = undefined;
         this.hasArrows = true;
+        this.locale = 'de';
     }
     componentDidLoad() {
         jquery('.carousel').slick({
@@ -25,11 +26,14 @@ const AicoCarouselContent = /*@__PURE__*/ proxyCustomElement(class AicoCarouselC
         });
     }
     render() {
-        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
-        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation) })), h("div", { class: "carousel" }, this.content.contentCarouselImages
+        var _a;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
+        return (h(Host, null, h(ConditionalRender, { condition: translation !== null }, h("aico-title-content", { content: this.makeTitleContent(translation), locale: this.locale })), h("div", { class: "carousel" }, this.content.contentCarouselImages
             .sort((a, b) => a.order - b.order)
             .map(content => {
-            return (h("div", { class: "carousel-item card text-bg-dark text-white" }, h("div", { class: "ratio ratio-16x9 mx-auto", style: { 'max-width': '50%' } }, h("img", { class: "card-img d-block object-fit-cover", alt: "Carousel Picture", "data-lazy": content.picture })), h(ConditionalRender, { condition: content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(content.translations[0].title) }, h("div", { class: "card-img-overlay d-flex align-items-end" }, h("h5", { class: "card-title text-uppercase" }, content.translations[0].title)))));
+            var _a;
+            const translation = (_a = content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
+            return (h("div", { class: "carousel-item card text-bg-dark text-white" }, h("div", { class: "ratio ratio-16x9 mx-auto", style: { 'max-width': '50%' } }, h("img", { class: "card-img d-block object-fit-cover", alt: "Carousel Picture", "data-lazy": translation === null || translation === void 0 ? void 0 : translation.picture })), h(ConditionalRender, { condition: content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.title) }, h("div", { class: "card-img-overlay d-flex align-items-end" }, h("h5", { class: "card-title text-uppercase" }, translation === null || translation === void 0 ? void 0 : translation.title)))));
         }))));
     }
     makeTitleContent(translation) {
@@ -45,7 +49,8 @@ const AicoCarouselContent = /*@__PURE__*/ proxyCustomElement(class AicoCarouselC
     static get style() { return aicoCarouselContentCss; }
 }, [2, "aico-carousel-content", {
         "content": [16],
-        "hasArrows": [4, "has-arrows"]
+        "hasArrows": [4, "has-arrows"],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/aico-carousel-content2.js.map

@@ -1 +1 @@
-{"file":"aico-carousel-content2.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,EAAE;;MCepB,mBAAmB;;;;;yBAGD,IAAI;;IAEjC,gBAAgB;QACdA,MAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;YACnB,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI,CAAC,SAAS;YACtB,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAE/F,QACE,EAAC,IAAI,QACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CAClD,EACpB,WAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,OAAO,CAAC,qBAAqB;aAChC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;aACjC,GAAG,CAAC,OAAO;YACV,QACE,WAAK,KAAK,EAAC,4CAA4C,IACrD,WAAK,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,IACjE,WAAK,KAAK,EAAC,mCAAmC,EAAC,GAAG,EAAC,kBAAkB,eAAY,OAAO,CAAC,OAAO,GAAI,CAChG,EACN,EAAC,iBAAiB,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAC3H,WAAK,KAAK,EAAC,yCAAyC,IAClD,UAAI,KAAK,EAAC,2BAA2B,IAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAM,CACtE,CACY,CAChB,EACN;SACH,CAAC,CACA,CACD,EACP;KACH;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;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["$"],"sources":["src/components/content/aico-carousel-content/aico-carousel-content.css?tag=aico-carousel-content&encapsulation=scoped","src/components/content/aico-carousel-content/aico-carousel-content.tsx"],"sourcesContent":["\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { CarouselContent } from '../../../model/article/content/CarouselContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport { Translation } from '../../../model/article/Translation';\nimport { TitleContent } from '../../../model/article/content/TitleContent';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-carousel-content',\n  styleUrl: 'aico-carousel-content.css',\n  scoped: true,\n})\nexport class AicoCarouselContent {\n  @Prop() content!: CarouselContent;\n\n  @Prop() hasArrows: boolean = true;\n\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      fade: true,\n      dots: true,\n      arrows: this.hasArrows,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n\n    return (\n      <Host>\n        <ConditionalRender condition={translation !== null}>\n          <aico-title-content content={this.makeTitleContent(translation!)} />\n        </ConditionalRender>\n        <div class=\"carousel\">\n          {this.content.contentCarouselImages\n            .sort((a, b) => a.order - b.order)\n            .map(content => {\n              return (\n                <div class=\"carousel-item card text-bg-dark text-white\">\n                  <div class=\"ratio ratio-16x9 mx-auto\" style={{ 'max-width': '50%' }}>\n                    <img class=\"card-img d-block object-fit-cover\" alt=\"Carousel Picture\" data-lazy={content.picture} />\n                  </div>\n                  <ConditionalRender condition={content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(content.translations[0].title)}>\n                    <div class=\"card-img-overlay d-flex align-items-end\">\n                      <h5 class=\"card-title text-uppercase\">{content.translations[0].title}</h5>\n                    </div>\n                  </ConditionalRender>\n                </div>\n              );\n            })}\n        </div>\n      </Host>\n    );\n  }\n\n  private makeTitleContent(translation: Translation): TitleContent {\n    return {\n      id: this.content.id,\n      createdAt: this.content.createdAt,\n      updatedAt: this.content.updatedAt,\n      hasUnderscore: false,\n      size: 'h2',\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}
+{"file":"aico-carousel-content2.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,EAAE;;MCepB,mBAAmB;;;;;yBAGD,IAAI;sBAER,IAAI;;IAE7B,gBAAgB;QACdA,MAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;YACnB,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI,CAAC,SAAS;YACtB,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;KACJ;IAED,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,QACE,EAAC,IAAI,QACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACvE,EACpB,WAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,OAAO,CAAC,qBAAqB;aAChC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;aACjC,GAAG,CAAC,OAAO;;YACV,MAAM,WAAW,GAAG,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;YAEzG,QACE,WAAK,KAAK,EAAC,4CAA4C,IACrD,WAAK,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,IACjE,WAAK,KAAK,EAAC,mCAAmC,EAAC,GAAG,EAAC,kBAAkB,eAAY,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,GAAI,CACrG,EACN,EAAC,iBAAiB,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,IAChH,WAAK,KAAK,EAAC,yCAAyC,IAClD,UAAI,KAAK,EAAC,2BAA2B,IAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAM,CAC3D,CACY,CAChB,EACN;SACH,CAAC,CACA,CACD,EACP;KACH;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;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["$"],"sources":["src/components/content/aico-carousel-content/aico-carousel-content.css?tag=aico-carousel-content&encapsulation=scoped","src/components/content/aico-carousel-content/aico-carousel-content.tsx"],"sourcesContent":["\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { CarouselContent } from '../../../model/article/content/CarouselContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport { Translation } from '../../../model/article/Translation';\nimport { TitleContent } from '../../../model/article/content/TitleContent';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'aico-carousel-content',\n  styleUrl: 'aico-carousel-content.css',\n  scoped: true,\n})\nexport class AicoCarouselContent {\n  @Prop() content!: CarouselContent;\n\n  @Prop() hasArrows: boolean = true;\n\n  @Prop() locale: string = 'de';\n\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      fade: true,\n      dots: true,\n      arrows: this.hasArrows,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n    return (\n      <Host>\n        <ConditionalRender condition={translation !== null}>\n          <aico-title-content content={this.makeTitleContent(translation!)} locale={this.locale} />\n        </ConditionalRender>\n        <div class=\"carousel\">\n          {this.content.contentCarouselImages\n            .sort((a, b) => a.order - b.order)\n            .map(content => {\n              const translation = content.translations.find(translation => translation.locale === this.locale) ?? null;\n\n              return (\n                <div class=\"carousel-item card text-bg-dark text-white\">\n                  <div class=\"ratio ratio-16x9 mx-auto\" style={{ 'max-width': '50%' }}>\n                    <img class=\"card-img d-block object-fit-cover\" alt=\"Carousel Picture\" data-lazy={translation?.picture} />\n                  </div>\n                  <ConditionalRender condition={content.translations.length > 0 && !strIsNullOrEmptyOrWhitespace(translation?.title)}>\n                    <div class=\"card-img-overlay d-flex align-items-end\">\n                      <h5 class=\"card-title text-uppercase\">{translation?.title}</h5>\n                    </div>\n                  </ConditionalRender>\n                </div>\n              );\n            })}\n        </div>\n      </Host>\n    );\n  }\n\n  private makeTitleContent(translation: Translation): TitleContent {\n    return {\n      id: this.content.id,\n      createdAt: this.content.createdAt,\n      updatedAt: this.content.updatedAt,\n      hasUnderscore: false,\n      size: 'h2',\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}

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

@@ -11,11 +11,12 @@ const AicoContentCardContent = /*@__PURE__*/ proxyCustomElement(class AicoConten
         super();
         this.__registerHost();
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        var _a;
-        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
-        return (h("div", { class: "card", style: { width: '18rem' } }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.picture) }, h("img", { class: "card-img-top", alt: "Card picture", src: this.content.picture })), h("div", { class: "card-body" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.title) }, h("aico-title-content", { class: "card-title", content: this.makeTitleContent(translation) })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.link) }, h("a", { class: "card-link", href: this.content.link, target: "_blank" }, (_a = translation === null || translation === void 0 ? void 0 : translation.linkText) !== null && _a !== void 0 ? _a : 'link')))));
+        var _a, _b;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
+        return (h("div", { class: "card", style: { width: '18rem' } }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.picture) }, h("img", { class: "card-img-top", alt: "Card picture", src: this.content.picture })), h("div", { class: "card-body" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.title) }, h("aico-title-content", { class: "card-title", content: this.makeTitleContent(translation), locale: this.locale })), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.link) }, h("a", { class: "card-link", href: this.content.link, target: "_blank" }, (_b = translation === null || translation === void 0 ? void 0 : translation.linkText) !== null && _b !== void 0 ? _b : 'link')))));
     }
     makeTitleContent(translation) {
         var _a;
@@ -30,7 +31,8 @@ const AicoContentCardContent = /*@__PURE__*/ proxyCustomElement(class AicoConten
     }
     static get style() { return aicoContentCardContentCss; }
 }, [2, "aico-content-card-content", {
-        "content": [16]
+        "content": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

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

@@ -1 +1 @@
-{"file":"aico-content-card-content2.js","mappings":";;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCYvB,sBAAsB;;;;;;IAGjC,MAAM;;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAE/F,QACE,WAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IACzC,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAC/E,WAAK,KAAK,EAAC,cAAc,EAAC,GAAG,EAAC,cAAc,EAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,GAAI,CACxD,EACpB,WAAK,KAAK,EAAC,WAAW,IACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,IAC7E,0BAAoB,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CACrE,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAC5E,SAAG,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,IAC1D,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,mCAAI,MAAM,CAC9B,CACc,CAChB,CACF,EACN;KACH;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;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-content-card-content/aico-content-card-content.css?tag=aico-content-card-content&encapsulation=scoped","src/components/content/aico-content-card-content/aico-content-card-content.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport type { CardContent } from '../../../model/article/content/CardContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n  tag: 'aico-content-card-content',\n  styleUrl: 'aico-content-card-content.css',\n  scoped: true,\n})\nexport class AicoContentCardContent {\n  @Prop() content!: CardContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n\n    return (\n      <div class=\"card\" style={{ width: '18rem' }}>\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.picture)}>\n          <img class=\"card-img-top\" alt=\"Card picture\" src={this.content.picture} />\n        </ConditionalRender>\n        <div class=\"card-body\">\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.title)}>\n            <aico-title-content class=\"card-title\" content={this.makeTitleContent(translation!)} />\n          </ConditionalRender>\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.link)}>\n            <a class=\"card-link\" href={this.content.link} target=\"_blank\">\n              {translation?.linkText ?? 'link'}\n            </a>\n          </ConditionalRender>\n        </div>\n      </div>\n    );\n  }\n\n  private makeTitleContent(translation: Translation): TitleContent {\n    return {\n      id: this.content.id,\n      createdAt: this.content.createdAt,\n      updatedAt: this.content.updatedAt,\n      hasUnderscore: false,\n      size: this.content.titleSize ?? 'h1',\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}
+{"file":"aico-content-card-content2.js","mappings":";;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCYvB,sBAAsB;;;;;sBAGR,IAAI;;IAE7B,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,QACE,WAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IACzC,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAC/E,WAAK,KAAK,EAAC,cAAc,EAAC,GAAG,EAAC,cAAc,EAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,GAAI,CACxD,EACpB,WAAK,KAAK,EAAC,WAAW,IACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,IAC7E,0BAAoB,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAC1F,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAC5E,SAAG,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,IAC1D,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,mCAAI,MAAM,CAC9B,CACc,CAChB,CACF,EACN;KACH;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;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-content-card-content/aico-content-card-content.css?tag=aico-content-card-content&encapsulation=scoped","src/components/content/aico-content-card-content/aico-content-card-content.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport type { CardContent } from '../../../model/article/content/CardContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n  tag: 'aico-content-card-content',\n  styleUrl: 'aico-content-card-content.css',\n  scoped: true,\n})\nexport class AicoContentCardContent {\n  @Prop() content!: CardContent;\n\n  @Prop() locale: string = 'de';\n\n  render() {\n    const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n    return (\n      <div class=\"card\" style={{ width: '18rem' }}>\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.picture)}>\n          <img class=\"card-img-top\" alt=\"Card picture\" src={this.content.picture} />\n        </ConditionalRender>\n        <div class=\"card-body\">\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.title)}>\n            <aico-title-content class=\"card-title\" content={this.makeTitleContent(translation!)} locale={this.locale} />\n          </ConditionalRender>\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.link)}>\n            <a class=\"card-link\" href={this.content.link} target=\"_blank\">\n              {translation?.linkText ?? 'link'}\n            </a>\n          </ConditionalRender>\n        </div>\n      </div>\n    );\n  }\n\n  private makeTitleContent(translation: Translation): TitleContent {\n    return {\n      id: this.content.id,\n      createdAt: this.content.createdAt,\n      updatedAt: this.content.updatedAt,\n      hasUnderscore: false,\n      size: this.content.titleSize ?? 'h1',\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}

package/dist/components/aico-divider-content2.js

@@ -7,15 +7,18 @@ const AicoDividerContent = /*@__PURE__*/ proxyCustomElement(class AicoDividerCon
         super();
         this.__registerHost();
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        var _a;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
         const isOnlyMargin = translation ? translation.isOnlyMargin : this.content.isOnlyMargin;
         return h(Host, null, isOnlyMargin ? h("div", { style: { 'padding-top': '40px' } }) : h("hr", { style: { margin: '5px' } }));
     }
     static get style() { return aicoDividerContentCss; }
 }, [2, "aico-divider-content", {
-        "content": [16]
+        "content": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/aico-divider-content2.js.map

@@ -1 +1 @@
-{"file":"aico-divider-content2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCQnB,kBAAkB;;;;;;IAG7B,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC/F,MAAM,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;QACxF,OAAO,EAAC,IAAI,QAAE,YAAY,GAAG,WAAK,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAI,GAAG,UAAI,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,CAAQ,CAAC;KACnH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-divider-content/aico-divider-content.css?tag=aico-divider-content&encapsulation=scoped","src/components/content/aico-divider-content/aico-divider-content.tsx"],"sourcesContent":["","import { Component, Host, Prop, h } from '@stencil/core';\nimport type { DividerContent } from '../../../model/article/content/DividerContent';\n\n@Component({\n  tag: 'aico-divider-content',\n  styleUrl: 'aico-divider-content.css',\n  scoped: true,\n})\nexport class AicoDividerContent {\n  @Prop() content!: DividerContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const isOnlyMargin = translation ? translation.isOnlyMargin : this.content.isOnlyMargin;\n    return <Host>{isOnlyMargin ? <div style={{ 'padding-top': '40px' }} /> : <hr style={{ margin: '5px' }} />}</Host>;\n  }\n}\n"],"version":3}
+{"file":"aico-divider-content2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCQnB,kBAAkB;;;;;sBAGJ,IAAI;;IAE7B,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,MAAM,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;QACxF,OAAO,EAAC,IAAI,QAAE,YAAY,GAAG,WAAK,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAI,GAAG,UAAI,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,CAAQ,CAAC;KACnH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-divider-content/aico-divider-content.css?tag=aico-divider-content&encapsulation=scoped","src/components/content/aico-divider-content/aico-divider-content.tsx"],"sourcesContent":["","import { Component, Host, Prop, h } from '@stencil/core';\nimport type { DividerContent } from '../../../model/article/content/DividerContent';\n\n@Component({\n  tag: 'aico-divider-content',\n  styleUrl: 'aico-divider-content.css',\n  scoped: true,\n})\nexport class AicoDividerContent {\n  @Prop() content!: DividerContent;\n\n  @Prop() locale: string = 'de';\n\n  render() {\n    const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n    const isOnlyMargin = translation ? translation.isOnlyMargin : this.content.isOnlyMargin;\n    return <Host>{isOnlyMargin ? <div style={{ 'padding-top': '40px' }} /> : <hr style={{ margin: '5px' }} />}</Host>;\n  }\n}\n"],"version":3}

package/dist/components/aico-document-content2.js

@@ -9,10 +9,11 @@ const AicoDocumentContent = /*@__PURE__*/ proxyCustomElement(class AicoDocumentC
         super();
         this.__registerHost();
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        var _a;
-        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        var _a, _b;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
         const linkStyles = {};
         const buttonStyles = {};
         if (this.content.fontSize) {
@@ -35,11 +36,12 @@ const AicoDocumentContent = /*@__PURE__*/ proxyCustomElement(class AicoDocumentC
         if (this.content.isDocumentDisplayedAsButton && this.content.buttonHoverColor) {
             buttonStyles['--hover-button-color'] = this.content.buttonHoverColor;
         }
-        return (h("div", { class: "card" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.picture) }, h("img", { class: "card-img-top", alt: "image", src: translation.picture })), h("div", { class: "card-body" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.link) }, h("a", { class: "card-link", style: linkStyles, href: this.content.link }, this.content.link)), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.document) }, h("a", { href: translation.document, target: "_blank", style: buttonStyles, class: `card-link align-middle ${this.content.isDocumentDisplayedAsButton ? 'btn button-link' : ''}` }, h("i", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", width: "24", height: "24", viewBox: "0 0 50 50" }, h("path", { d: "M 7 2 L 7 48 L 43 48 L 43 14.59375 L 42.71875 14.28125 L 30.71875 2.28125 L 30.40625 2 Z M 9 4 L 29 4 L 29 16 L 41 16 L 41 46 L 9 46 Z M 31 5.4375 L 39.5625 14 L 31 14 Z" }))), (_a = translation.title) !== null && _a !== void 0 ? _a : 'File')))));
+        return (h("div", { class: "card" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.picture) }, h("img", { class: "card-img-top", alt: "image", src: translation.picture })), h("div", { class: "card-body" }, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.link) }, h("a", { class: "card-link", style: linkStyles, href: this.content.link }, this.content.link)), h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.document) }, h("a", { href: translation.document, target: "_blank", style: buttonStyles, class: `card-link align-middle ${this.content.isDocumentDisplayedAsButton ? 'btn button-link' : ''}` }, h("i", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", width: "24", height: "24", viewBox: "0 0 50 50" }, h("path", { d: "M 7 2 L 7 48 L 43 48 L 43 14.59375 L 42.71875 14.28125 L 30.71875 2.28125 L 30.40625 2 Z M 9 4 L 29 4 L 29 16 L 41 16 L 41 46 L 9 46 Z M 31 5.4375 L 39.5625 14 L 31 14 Z" }))), (_b = translation.title) !== null && _b !== void 0 ? _b : 'File')))));
     }
     static get style() { return aicoDocumentContentCss; }
 }, [2, "aico-document-content", {
-        "content": [16]
+        "content": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/aico-document-content2.js.map

@@ -1 +1 @@
-{"file":"aico-document-content2.js","mappings":"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","names":[],"sources":["src/components/content/aico-document-content/aico-document-content.css?tag=aico-document-content&encapsulation=scoped","src/components/content/aico-document-content/aico-document-content.tsx"],"sourcesContent":[":host {\n  --hover-button-color: unset;\n}\n\n.button-link:hover {\n  background-color: var(--hover-button-color)!important;\n  opacity: 0.85;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { DocumentContent } from '../../../model/article/content/DocumentContent';\n\n@Component({\n  tag: 'aico-document-content',\n  styleUrl: 'aico-document-content.css',\n  scoped: true,\n})\nexport class AicoDocumentContent {\n  @Prop() content!: DocumentContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const linkStyles: { [key: string]: string | undefined } = {};\n    const buttonStyles: { [key: string]: string | undefined } = {};\n\n    if (this.content.fontSize) {\n      linkStyles['font-size'] = `${this.content.fontSize}px`;\n      buttonStyles['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (this.content.fontFamily) {\n      linkStyles['font-family'] = this.content.fontFamily;\n      buttonStyles['font-family'] = this.content.fontFamily;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonTextColor) {\n      buttonStyles['color'] = this.content.buttonTextColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonBackgroundColor) {\n      buttonStyles['background-color'] = this.content.buttonBackgroundColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonBorderColor) {\n      buttonStyles['border-color'] = this.content.buttonBorderColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonHoverColor) {\n      buttonStyles['--hover-button-color'] = this.content.buttonHoverColor;\n    }\n\n    return (\n      <div class=\"card\">\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.picture)}>\n          <img class=\"card-img-top\" alt=\"image\" src={translation!.picture} />\n        </ConditionalRender>\n        <div class=\"card-body\">\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.link)}>\n            <a class=\"card-link\" style={linkStyles} href={this.content.link}>\n              {this.content.link}\n            </a>\n          </ConditionalRender>\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.document)}>\n            <a\n              href={translation!.document}\n              target=\"_blank\"\n              style={buttonStyles}\n              class={`card-link align-middle ${this.content.isDocumentDisplayedAsButton ? 'btn button-link' : ''}`}\n            >\n              <i>\n                <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"24\" height=\"24\" viewBox=\"0 0 50 50\">\n                  <path d=\"M 7 2 L 7 48 L 43 48 L 43 14.59375 L 42.71875 14.28125 L 30.71875 2.28125 L 30.40625 2 Z M 9 4 L 29 4 L 29 16 L 41 16 L 41 46 L 9 46 Z M 31 5.4375 L 39.5625 14 L 31 14 Z\"></path>\n                </svg>\n              </i>\n              {translation!.title ?? 'File'}\n            </a>\n          </ConditionalRender>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-document-content2.js","mappings":"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","names":[],"sources":["src/components/content/aico-document-content/aico-document-content.css?tag=aico-document-content&encapsulation=scoped","src/components/content/aico-document-content/aico-document-content.tsx"],"sourcesContent":[":host {\n  --hover-button-color: unset;\n}\n\n.button-link:hover {\n  background-color: var(--hover-button-color)!important;\n  opacity: 0.85;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { DocumentContent } from '../../../model/article/content/DocumentContent';\n\n@Component({\n  tag: 'aico-document-content',\n  styleUrl: 'aico-document-content.css',\n  scoped: true,\n})\nexport class AicoDocumentContent {\n  @Prop() content!: DocumentContent;\n\n  @Prop() locale: string = 'de';\n\n  render() {\n    const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n    const linkStyles: { [key: string]: string | undefined } = {};\n    const buttonStyles: { [key: string]: string | undefined } = {};\n\n    if (this.content.fontSize) {\n      linkStyles['font-size'] = `${this.content.fontSize}px`;\n      buttonStyles['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (this.content.fontFamily) {\n      linkStyles['font-family'] = this.content.fontFamily;\n      buttonStyles['font-family'] = this.content.fontFamily;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonTextColor) {\n      buttonStyles['color'] = this.content.buttonTextColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonBackgroundColor) {\n      buttonStyles['background-color'] = this.content.buttonBackgroundColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonBorderColor) {\n      buttonStyles['border-color'] = this.content.buttonBorderColor;\n    }\n\n    if (this.content.isDocumentDisplayedAsButton && this.content.buttonHoverColor) {\n      buttonStyles['--hover-button-color'] = this.content.buttonHoverColor;\n    }\n\n    return (\n      <div class=\"card\">\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.picture)}>\n          <img class=\"card-img-top\" alt=\"image\" src={translation!.picture} />\n        </ConditionalRender>\n        <div class=\"card-body\">\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.link)}>\n            <a class=\"card-link\" style={linkStyles} href={this.content.link}>\n              {this.content.link}\n            </a>\n          </ConditionalRender>\n          <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.document)}>\n            <a\n              href={translation!.document}\n              target=\"_blank\"\n              style={buttonStyles}\n              class={`card-link align-middle ${this.content.isDocumentDisplayedAsButton ? 'btn button-link' : ''}`}\n            >\n              <i>\n                <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"24\" height=\"24\" viewBox=\"0 0 50 50\">\n                  <path d=\"M 7 2 L 7 48 L 43 48 L 43 14.59375 L 42.71875 14.28125 L 30.71875 2.28125 L 30.40625 2 Z M 9 4 L 29 4 L 29 16 L 41 16 L 41 46 L 9 46 Z M 31 5.4375 L 39.5625 14 L 31 14 Z\"></path>\n                </svg>\n              </i>\n              {translation!.title ?? 'File'}\n            </a>\n          </ConditionalRender>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-faq-content2.js

@@ -8,10 +8,12 @@ const AicoFaqContent = /*@__PURE__*/ proxyCustomElement(class AicoFaqContent ext
         super();
         this.__registerHost();
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
         return (h(Host, null, h("h2", { class: "card-title mb-2" }, "FAQ"), h("div", { class: "accordion", id: "aico-faq-accordion" }, this.content.faqItems.map((faqItem, index) => {
-            const translation = faqItem.translations.length > 0 ? faqItem.translations[0] : null;
+            var _a;
+            const translation = (_a = faqItem.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
             if (!translation) {
                 return null;
             }
@@ -20,7 +22,8 @@ const AicoFaqContent = /*@__PURE__*/ proxyCustomElement(class AicoFaqContent ext
     }
     static get style() { return aicoFaqContentCss; }
 }, [2, "aico-faq-content", {
-        "content": [16]
+        "content": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/aico-faq-content2.js.map

@@ -1 +1 @@
-{"file":"aico-faq-content2.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCSf,cAAc;;;;;;IAGzB,MAAM;QACJ,QACE,EAAC,IAAI,QACH,UAAI,KAAK,EAAC,iBAAiB,UAAS,EACpC,WAAK,KAAK,EAAC,WAAW,EAAC,EAAE,EAAC,oBAAoB,IAC3C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK;YACxC,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YACrF,IAAI,CAAC,WAAW,EAAE;gBAChB,OAAO,IAAI,CAAC;aACb;YAED,QACE,WAAK,KAAK,EAAC,gBAAgB,IACzB,UAAI,KAAK,EAAC,kBAAkB,EAAC,EAAE,EAAE,WAAW,KAAK,EAAE,IACjD,cACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,QAAQ,oBACE,UAAU,oBACT,aAAa,KAAK,EAAE,mBACtB,OAAO,mBACN,YAAY,KAAK,EAAE,IAEjC,WAAW,CAAC,QAAQ,CACd,CACN,EACL,WAAK,EAAE,EAAE,YAAY,KAAK,EAAE,EAAE,KAAK,EAAC,6BAA6B,qBAAkB,WAAW,KAAK,EAAE,oBAAiB,qBAAqB,IACzI,WAAK,KAAK,EAAC,gBAAgB,IAAE,WAAW,CAAC,MAAM,CAAO,CAClD,CACF,EACN;SACH,CAAC,CACE,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-faq-content/aico-faq-content.css?tag=aico-faq-content&encapsulation=scoped","src/components/content/aico-faq-content/aico-faq-content.tsx"],"sourcesContent":["","import { Component, Host, Prop, h } from '@stencil/core';\nimport type { FaqContent } from '../../../model/article/content/FaqContent';\nimport 'bootstrap';\n\n@Component({\n  tag: 'aico-faq-content',\n  styleUrl: 'aico-faq-content.css',\n  scoped: true,\n})\nexport class AicoFaqContent {\n  @Prop() content!: FaqContent;\n\n  render() {\n    return (\n      <Host>\n        <h2 class=\"card-title mb-2\">FAQ</h2>\n        <div class=\"accordion\" id=\"aico-faq-accordion\">\n          {this.content.faqItems.map((faqItem, index) => {\n            const translation = faqItem.translations.length > 0 ? faqItem.translations[0] : null;\n            if (!translation) {\n              return null;\n            }\n\n            return (\n              <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\" id={`heading-${index}`}>\n                  <button\n                    class=\"accordion-button collapsed\"\n                    type=\"button\"\n                    data-bs-toggle=\"collapse\"\n                    data-bs-target={`#collapse-${index}`}\n                    aria-expanded=\"false\"\n                    aria-controls={`collapse-${index}`}\n                  >\n                    {translation.question}\n                  </button>\n                </h2>\n                <div id={`collapse-${index}`} class=\"accordion-collapse collapse\" aria-labelledby={`heading-${index}`} data-bs-parent=\"#aico-faq-accordion\">\n                  <div class=\"accordion-body\">{translation.answer}</div>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-faq-content2.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCSf,cAAc;;;;;sBAGA,IAAI;;IAE7B,MAAM;QACJ,QACE,EAAC,IAAI,QACH,UAAI,KAAK,EAAC,iBAAiB,UAAS,EACpC,WAAK,KAAK,EAAC,WAAW,EAAC,EAAE,EAAC,oBAAoB,IAC3C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK;;YACxC,MAAM,WAAW,GAAG,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;YACzG,IAAI,CAAC,WAAW,EAAE;gBAChB,OAAO,IAAI,CAAC;aACb;YAED,QACE,WAAK,KAAK,EAAC,gBAAgB,IACzB,UAAI,KAAK,EAAC,kBAAkB,EAAC,EAAE,EAAE,WAAW,KAAK,EAAE,IACjD,cACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,QAAQ,oBACE,UAAU,oBACT,aAAa,KAAK,EAAE,mBACtB,OAAO,mBACN,YAAY,KAAK,EAAE,IAEjC,WAAW,CAAC,QAAQ,CACd,CACN,EACL,WAAK,EAAE,EAAE,YAAY,KAAK,EAAE,EAAE,KAAK,EAAC,6BAA6B,qBAAkB,WAAW,KAAK,EAAE,oBAAiB,qBAAqB,IACzI,WAAK,KAAK,EAAC,gBAAgB,IAAE,WAAW,CAAC,MAAM,CAAO,CAClD,CACF,EACN;SACH,CAAC,CACE,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-faq-content/aico-faq-content.css?tag=aico-faq-content&encapsulation=scoped","src/components/content/aico-faq-content/aico-faq-content.tsx"],"sourcesContent":["","import { Component, Host, Prop, h } from '@stencil/core';\nimport type { FaqContent } from '../../../model/article/content/FaqContent';\nimport 'bootstrap';\n\n@Component({\n  tag: 'aico-faq-content',\n  styleUrl: 'aico-faq-content.css',\n  scoped: true,\n})\nexport class AicoFaqContent {\n  @Prop() content!: FaqContent;\n\n  @Prop() locale: string = 'de';\n\n  render() {\n    return (\n      <Host>\n        <h2 class=\"card-title mb-2\">FAQ</h2>\n        <div class=\"accordion\" id=\"aico-faq-accordion\">\n          {this.content.faqItems.map((faqItem, index) => {\n            const translation = faqItem.translations.find(translation => translation.locale === this.locale) ?? null;\n            if (!translation) {\n              return null;\n            }\n\n            return (\n              <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\" id={`heading-${index}`}>\n                  <button\n                    class=\"accordion-button collapsed\"\n                    type=\"button\"\n                    data-bs-toggle=\"collapse\"\n                    data-bs-target={`#collapse-${index}`}\n                    aria-expanded=\"false\"\n                    aria-controls={`collapse-${index}`}\n                  >\n                    {translation.question}\n                  </button>\n                </h2>\n                <div id={`collapse-${index}`} class=\"accordion-collapse collapse\" aria-labelledby={`heading-${index}`} data-bs-parent=\"#aico-faq-accordion\">\n                  <div class=\"accordion-body\">{translation.answer}</div>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-fetch-article-detail.js

@@ -1,5 +1,5 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { f as fetchNewsArticle } from './utils.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { f as fetchNewsArticleByHandle, c as fetchNewsArticle } from './utils.js';
 import { d as defineCustomElement$n } from './aico-album-content2.js';
 import { d as defineCustomElement$m } from './aico-article-detail2.js';
 import { d as defineCustomElement$l } from './aico-asking-content2.js';
@@ -32,7 +32,9 @@ const AicoFetchArticleDetail$1 = /*@__PURE__*/ proxyCustomElement(class AicoFetc
         this.article = undefined;
         this.aicoUrl = undefined;
         this.aicoBearerToken = undefined;
+        this.locale = 'de';
         this.articleId = undefined;
+        this.articleUrlHandle = undefined;
     }
     connectedCallback() {
         this.articleFetchController = new AbortController();
@@ -42,16 +44,25 @@ const AicoFetchArticleDetail$1 = /*@__PURE__*/ proxyCustomElement(class AicoFetc
         this.articleFetchController.abort('disconnected');
     }
     async componentWillLoad() {
+        if (!this.articleId && !this.articleUrlHandle) {
+            throw new Error('Either the article id or the url handle must be provided.');
+        }
+        if (this.articleUrlHandle) {
+            this.article = await fetchNewsArticleByHandle(this.api, this.articleUrlHandle, this.articleFetchController.signal);
+            return;
+        }
         this.article = await fetchNewsArticle(this.api, this.articleId, this.articleFetchController.signal);
     }
     render() {
-        return (h(Host, null, h("aico-article-detail", { article: this.article })));
+        return h("aico-article-detail", { article: this.article, locale: this.locale });
     }
     static get style() { return aicoFetchArticleDetailCss; }
 }, [2, "aico-fetch-article-detail", {
         "aicoUrl": [1, "aico-url"],
         "aicoBearerToken": [1, "aico-bearer-token"],
+        "locale": [1],
         "articleId": [1, "article-id"],
+        "articleUrlHandle": [1, "article-url-handle"],
         "article": [32]
     }]);
 function defineCustomElement$1() {

package/dist/components/aico-fetch-article-detail.js.map

@@ -1 +1 @@
-{"file":"aico-fetch-article-detail.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvBA,wBAAsB;;;;;;;;;IAYjC,iBAAiB;QACf,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;KACzE;IAED,oBAAoB;QAClB,IAAI,CAAC,sBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;KACpD;IAED,MAAM,iBAAiB;QACrB,IAAI,CAAC,OAAO,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;KACvG;IAED,MAAM;QACJ,QACE,EAAC,IAAI,QACH,2BAAqB,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,CACzC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AicoFetchArticleDetail"],"sources":["src/components/aico-fetch-article-detail/aico-fetch-article-detail.css?tag=aico-fetch-article-detail&encapsulation=scoped","src/components/aico-fetch-article-detail/aico-fetch-article-detail.tsx"],"sourcesContent":["","import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticle } from '../../utils/utils';\nimport { Article } from '../../model/Article';\nimport { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\n\n@Component({\n  tag: 'aico-fetch-article-detail',\n  styleUrl: 'aico-fetch-article-detail.css',\n  scoped: true,\n})\nexport class AicoFetchArticleDetail {\n  @State() article!: Article;\n\n  @Prop() aicoUrl!: string;\n\n  @Prop() aicoBearerToken!: string;\n\n  @Prop() articleId!: string;\n\n  private api?: AicoApiRequestInfo;\n  private articleFetchController?: AbortController;\n\n  connectedCallback() {\n    this.articleFetchController = new AbortController();\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };\n  }\n\n  disconnectedCallback() {\n    this.articleFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.article = await fetchNewsArticle(this.api!, this.articleId, this.articleFetchController!.signal);\n  }\n\n  render() {\n    return (\n      <Host>\n        <aico-article-detail article={this.article} />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-fetch-article-detail.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,EAAE;;MCUvBA,wBAAsB;;;;;;;sBAOR,IAAI;;;;IAqB7B,iBAAiB;QACf,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;KACzE;IAED,oBAAoB;QAClB,IAAI,CAAC,sBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;KACpD;IAED,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;SAC9E;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,MAAM,wBAAwB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;YACrH,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,SAAU,EAAE,IAAI,CAAC,sBAAuB,CAAC,MAAM,CAAC,CAAC;KACxG;IAED,MAAM;QACJ,OAAO,2BAAqB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;KAC5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AicoFetchArticleDetail"],"sources":["src/components/aico-fetch-article-detail/aico-fetch-article-detail.css?tag=aico-fetch-article-detail&encapsulation=scoped","src/components/aico-fetch-article-detail/aico-fetch-article-detail.tsx"],"sourcesContent":["","import { Component, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticle, fetchNewsArticleByHandle } from '../../utils/utils';\nimport { Article } from '../../model/Article';\nimport { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\n\n@Component({\n  tag: 'aico-fetch-article-detail',\n  styleUrl: 'aico-fetch-article-detail.css',\n  scoped: true,\n})\nexport class AicoFetchArticleDetail {\n  @State() article!: Article;\n\n  @Prop() aicoUrl!: string;\n\n  @Prop() aicoBearerToken!: string;\n\n  @Prop() locale: string = 'de';\n\n  /**\n   * The id will be used to fetch the article.\n   *\n   * If both the {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are\n   * provided, the latter will be used. If neither are provided, an error is thrown.\n   */\n  @Prop() articleId?: string;\n\n  /**\n   * The url handle will be used to fetch the article.\n   *\n   * If both the {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are\n   * provided, the latter will be used. If neither are provided, an error is thrown.\n   */\n  @Prop() articleUrlHandle?: string;\n\n  private api?: AicoApiRequestInfo;\n  private articleFetchController?: AbortController;\n\n  connectedCallback() {\n    this.articleFetchController = new AbortController();\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };\n  }\n\n  disconnectedCallback() {\n    this.articleFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    if (!this.articleId && !this.articleUrlHandle) {\n      throw new Error('Either the article id or the url handle must be provided.');\n    }\n\n    if (this.articleUrlHandle) {\n      this.article = await fetchNewsArticleByHandle(this.api!, this.articleUrlHandle, this.articleFetchController!.signal);\n      return;\n    }\n\n    this.article = await fetchNewsArticle(this.api!, this.articleId!, this.articleFetchController!.signal);\n  }\n\n  render() {\n    return <aico-article-detail article={this.article} locale={this.locale} />;\n  }\n}\n"],"version":3}

package/dist/components/aico-heading-content2.js

@@ -11,9 +11,11 @@ const AicoHeadingContent = /*@__PURE__*/ proxyCustomElement(class AicoHeadingCon
         super();
         this.__registerHost();
         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 contentStyle = { 'justify-content': this.content.isTextAtMiddleOfImage ? 'center' : 'flex-end' };
         if (!strIsNullOrEmptyOrWhitespace(this.content.picture)) {
             contentStyle['min-height'] = this.content.isImageHeightHalfSize ? '400px' : '600px';
@@ -33,7 +35,7 @@ const AicoHeadingContent = /*@__PURE__*/ proxyCustomElement(class AicoHeadingCon
         if (!strIsNullOrEmptyOrWhitespace(this.content.textColor)) {
             descriptionStyle['color'] = this.content.textColor;
         }
-        return (h("div", { class: this.content.isHeadingAlignedWithText ? 'content content-align-with-text' : 'content', style: contentStyle }, h(ConditionalRender, { condition: translation !== null }, h("div", { class: "title-wrapper", style: titleWrapperStyle }, h("aico-title-content", { content: this.makeTitleContent(translation) })), h("span", { class: "description", style: descriptionStyle }, translation.description))));
+        return (h("div", { class: this.content.isHeadingAlignedWithText ? 'content content-align-with-text' : 'content', style: contentStyle }, h(ConditionalRender, { condition: translation !== null }, h("div", { class: "title-wrapper", style: titleWrapperStyle }, h("aico-title-content", { content: this.makeTitleContent(translation), locale: this.locale })), h("span", { class: "description", style: descriptionStyle }, translation.description))));
     }
     makeTitleContent(translation) {
         var _a;
@@ -49,7 +51,8 @@ const AicoHeadingContent = /*@__PURE__*/ proxyCustomElement(class AicoHeadingCon
     }
     static get style() { return aicoHeadingContentCss; }
 }, [2, "aico-heading-content", {
-        "content": [16]
+        "content": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/aico-heading-content2.js.map

@@ -1 +1 @@
-{"file":"aico-heading-content2.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,6jBAA6jB;;MCY9kB,kBAAkB;;;;;;IAG7B,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC/F,MAAM,YAAY,GAA0C,EAAE,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,QAAQ,GAAG,UAAU,EAAE,CAAC;QAC9I,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACvD,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;YACpF,YAAY,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;YACxF,YAAY,CAAC,kBAAkB,CAAC,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC;YAClE,YAAY,CAAC,mBAAmB,CAAC,GAAG,WAAW,CAAC;YAChD,YAAY,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CAAC;SAChD;QAED,MAAM,iBAAiB,GAA0C,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;QAC1H,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,iBAAiB,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC;SAC/D;QAED,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC1D,iBAAiB,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SAC5D;QAED,MAAM,gBAAgB,GAA0C,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;QACzH,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACzD,gBAAgB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;SACpD;QAED,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,wBAAwB,GAAG,iCAAiC,GAAG,SAAS,EAAE,KAAK,EAAE,YAAY,IACpH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,WAAK,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,iBAAiB,IACjD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,GAAI,CAChE,EACN,YAAM,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,gBAAgB,IAC9C,WAAY,CAAC,WAAW,CACpB,CACW,CAChB,EACN;KACH;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,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;YAClC,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-heading-content/aico-heading-content.css?tag=aico-heading-content&encapsulation=scoped","src/components/content/aico-heading-content/aico-heading-content.tsx"],"sourcesContent":[".content {\n  display: flex;\n  flex-flow: column;\n  width: 100%;\n  margin: 10px auto;\n}\n\n.content-align-with-text {\n  align-content: space-between;\n  max-width: 1278px;\n  display: flex;\n  flex-flow: row wrap;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.title-wrapper {\n  width: fit-content;\n  border-radius: 10px;\n  margin-bottom: 10px;\n  margin-left: 0;\n  padding: 15px;\n}\n\n.description {\n  width: fit-content;\n  padding: 10px;\n  border-radius: 10px;\n  white-space: pre-line;\n}\n\n@media screen and (max-width: 768px) {\n  .content {\n    min-height: 300px !important;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { HeadingContent } from '../../../model/article/content/HeadingContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n  tag: 'aico-heading-content',\n  styleUrl: 'aico-heading-content.css',\n  scoped: true,\n})\nexport class AicoHeadingContent {\n  @Prop() content!: HeadingContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const contentStyle: { [key: string]: string | undefined } = { 'justify-content': this.content.isTextAtMiddleOfImage ? 'center' : 'flex-end' };\n    if (!strIsNullOrEmptyOrWhitespace(this.content.picture)) {\n      contentStyle['min-height'] = this.content.isImageHeightHalfSize ? '400px' : '600px';\n      contentStyle['background-size'] = this.content.isImageHeightHalfSize ? '100%' : 'cover';\n      contentStyle['background-image'] = `url(${this.content.picture})`;\n      contentStyle['background-repeat'] = 'no-repeat';\n      contentStyle['background-position'] = 'center';\n    }\n\n    const titleWrapperStyle: { [key: string]: string | undefined } = { 'background-color': this.content.textBackgroundColor };\n    if (this.content.fontSize) {\n      titleWrapperStyle['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (!strIsNullOrEmptyOrWhitespace(this.content.fontFamily)) {\n      titleWrapperStyle['font-family'] = this.content.fontFamily;\n    }\n\n    const descriptionStyle: { [key: string]: string | undefined } = { 'background-color': this.content.textBackgroundColor };\n    if (!strIsNullOrEmptyOrWhitespace(this.content.textColor)) {\n      descriptionStyle['color'] = this.content.textColor;\n    }\n\n    return (\n      <div class={this.content.isHeadingAlignedWithText ? 'content content-align-with-text' : 'content'} style={contentStyle}>\n        <ConditionalRender condition={translation !== null}>\n          <div class=\"title-wrapper\" style={titleWrapperStyle}>\n            <aico-title-content content={this.makeTitleContent(translation!)} />\n          </div>\n          <span class=\"description\" style={descriptionStyle}>\n            {translation!.description}\n          </span>\n        </ConditionalRender>\n      </div>\n    );\n  }\n\n  private makeTitleContent(translation: Translation): TitleContent {\n    return {\n      id: this.content.id,\n      createdAt: this.content.createdAt,\n      updatedAt: this.content.updatedAt,\n      hasUnderscore: false,\n      size: this.content.titleSize ?? 'h1',\n      titleColor: this.content.textColor,\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}
+{"file":"aico-heading-content2.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,6jBAA6jB;;MCY9kB,kBAAkB;;;;;sBAGJ,IAAI;;IAE7B,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,MAAM,YAAY,GAA0C,EAAE,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,QAAQ,GAAG,UAAU,EAAE,CAAC;QAC9I,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACvD,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;YACpF,YAAY,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;YACxF,YAAY,CAAC,kBAAkB,CAAC,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC;YAClE,YAAY,CAAC,mBAAmB,CAAC,GAAG,WAAW,CAAC;YAChD,YAAY,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CAAC;SAChD;QAED,MAAM,iBAAiB,GAA0C,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;QAC1H,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,iBAAiB,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC;SAC/D;QAED,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC1D,iBAAiB,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SAC5D;QAED,MAAM,gBAAgB,GAA0C,EAAE,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;QACzH,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACzD,gBAAgB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;SACpD;QAED,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,wBAAwB,GAAG,iCAAiC,GAAG,SAAS,EAAE,KAAK,EAAE,YAAY,IACpH,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAChD,WAAK,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,iBAAiB,IACjD,0BAAoB,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAY,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACrF,EACN,YAAM,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,gBAAgB,IAC9C,WAAY,CAAC,WAAW,CACpB,CACW,CAChB,EACN;KACH;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,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;YAClC,YAAY,EAAE,mBAAM,WAAW,EAAG;SACnC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-heading-content/aico-heading-content.css?tag=aico-heading-content&encapsulation=scoped","src/components/content/aico-heading-content/aico-heading-content.tsx"],"sourcesContent":[".content {\n  display: flex;\n  flex-flow: column;\n  width: 100%;\n  margin: 10px auto;\n}\n\n.content-align-with-text {\n  align-content: space-between;\n  max-width: 1278px;\n  display: flex;\n  flex-flow: row wrap;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.title-wrapper {\n  width: fit-content;\n  border-radius: 10px;\n  margin-bottom: 10px;\n  margin-left: 0;\n  padding: 15px;\n}\n\n.description {\n  width: fit-content;\n  padding: 10px;\n  border-radius: 10px;\n  white-space: pre-line;\n}\n\n@media screen and (max-width: 768px) {\n  .content {\n    min-height: 300px !important;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { HeadingContent } from '../../../model/article/content/HeadingContent';\nimport type { Translation } from '../../../model/article/Translation';\nimport type { TitleContent } from '../../../model/article/content/TitleContent';\n\n@Component({\n  tag: 'aico-heading-content',\n  styleUrl: 'aico-heading-content.css',\n  scoped: true,\n})\nexport class AicoHeadingContent {\n  @Prop() content!: HeadingContent;\n\n  @Prop() locale: string = 'de';\n\n  render() {\n    const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n    const contentStyle: { [key: string]: string | undefined } = { 'justify-content': this.content.isTextAtMiddleOfImage ? 'center' : 'flex-end' };\n    if (!strIsNullOrEmptyOrWhitespace(this.content.picture)) {\n      contentStyle['min-height'] = this.content.isImageHeightHalfSize ? '400px' : '600px';\n      contentStyle['background-size'] = this.content.isImageHeightHalfSize ? '100%' : 'cover';\n      contentStyle['background-image'] = `url(${this.content.picture})`;\n      contentStyle['background-repeat'] = 'no-repeat';\n      contentStyle['background-position'] = 'center';\n    }\n\n    const titleWrapperStyle: { [key: string]: string | undefined } = { 'background-color': this.content.textBackgroundColor };\n    if (this.content.fontSize) {\n      titleWrapperStyle['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (!strIsNullOrEmptyOrWhitespace(this.content.fontFamily)) {\n      titleWrapperStyle['font-family'] = this.content.fontFamily;\n    }\n\n    const descriptionStyle: { [key: string]: string | undefined } = { 'background-color': this.content.textBackgroundColor };\n    if (!strIsNullOrEmptyOrWhitespace(this.content.textColor)) {\n      descriptionStyle['color'] = this.content.textColor;\n    }\n\n    return (\n      <div class={this.content.isHeadingAlignedWithText ? 'content content-align-with-text' : 'content'} style={contentStyle}>\n        <ConditionalRender condition={translation !== null}>\n          <div class=\"title-wrapper\" style={titleWrapperStyle}>\n            <aico-title-content content={this.makeTitleContent(translation!)} locale={this.locale} />\n          </div>\n          <span class=\"description\" style={descriptionStyle}>\n            {translation!.description}\n          </span>\n        </ConditionalRender>\n      </div>\n    );\n  }\n\n  private makeTitleContent(translation: Translation): TitleContent {\n    return {\n      id: this.content.id,\n      createdAt: this.content.createdAt,\n      updatedAt: this.content.updatedAt,\n      hasUnderscore: false,\n      size: this.content.titleSize ?? 'h1',\n      titleColor: this.content.textColor,\n      translations: [{ ...translation }],\n    };\n  }\n}\n"],"version":3}

package/dist/components/aico-html-content2.js

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { C as ConditionalRender } from './ConditionalRender.js';
 import { s as strIsNullOrEmptyOrWhitespace } from './utils.js';
-import { d as defineCustomElement$1 } from './aico-no-content2.js';
 
 const aicoHtmlContentCss = ".sc-aico-html-content-h{display:block}";
 
@@ -10,33 +9,29 @@ const AicoHtmlContent = /*@__PURE__*/ proxyCustomElement(class AicoHtmlContent e
         super();
         this.__registerHost();
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        if (this.content.translations.length === 0) {
-            return h("aico-no-content", null);
-        }
-        return (h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(this.content.translations[0].text) }, h("div", { innerHTML: this.content.translations[0].text })));
+        var _a;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
+        return (h(ConditionalRender, { condition: translation !== null && !strIsNullOrEmptyOrWhitespace(translation.text) }, h("div", { innerHTML: translation.text })));
     }
     static get style() { return aicoHtmlContentCss; }
 }, [2, "aico-html-content", {
-        "content": [16]
+        "content": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["aico-html-content", "aico-no-content"];
+    const components = ["aico-html-content"];
     components.forEach(tagName => { switch (tagName) {
         case "aico-html-content":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, AicoHtmlContent);
             }
             break;
-        case "aico-no-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
     } });
 }
 

package/dist/components/aico-html-content2.js.map

@@ -1 +1 @@
-{"file":"aico-html-content2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,wCAAwC;;MCUtD,eAAe;;;;;;IAG1B,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1C,OAAO,0BAAmB,CAAC;SAC5B;QAED,QACE,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAC5F,WAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAK,GAAI,CACpC,EACpB;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-html-content/aico-html-content.css?tag=aico-html-content&encapsulation=scoped","src/components/content/aico-html-content/aico-html-content.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { HtmlContent } from '../../../model/article/content/HtmlContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\n\n@Component({\n  tag: 'aico-html-content',\n  styleUrl: 'aico-html-content.css',\n  scoped: true,\n})\nexport class AicoHtmlContent {\n  @Prop() content!: HtmlContent;\n\n  render() {\n    if (this.content.translations.length === 0) {\n      return <aico-no-content />;\n    }\n\n    return (\n      <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(this.content.translations[0].text)}>\n        <div innerHTML={this.content.translations[0].text!} />\n      </ConditionalRender>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-html-content2.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,wCAAwC;;MCUtD,eAAe;;;;;sBAGD,IAAI;;IAE7B,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,QACE,EAAC,iBAAiB,IAAC,SAAS,EAAE,WAAW,KAAK,IAAI,IAAI,CAAC,4BAA4B,CAAC,WAAW,CAAC,IAAI,CAAC,IACnG,WAAK,SAAS,EAAE,WAAY,CAAC,IAAK,GAAI,CACpB,EACpB;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-html-content/aico-html-content.css?tag=aico-html-content&encapsulation=scoped","src/components/content/aico-html-content/aico-html-content.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { HtmlContent } from '../../../model/article/content/HtmlContent';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\n\n@Component({\n  tag: 'aico-html-content',\n  styleUrl: 'aico-html-content.css',\n  scoped: true,\n})\nexport class AicoHtmlContent {\n  @Prop() content!: HtmlContent;\n\n  @Prop() locale: string = 'de';\n\n  render() {\n    const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n    return (\n      <ConditionalRender condition={translation !== null && !strIsNullOrEmptyOrWhitespace(translation.text)}>\n        <div innerHTML={translation!.text!} />\n      </ConditionalRender>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-link-content2.js

@@ -9,10 +9,11 @@ const AicoLinkContent = /*@__PURE__*/ proxyCustomElement(class AicoLinkContent e
         super();
         this.__registerHost();
         this.content = undefined;
+        this.locale = 'de';
     }
     render() {
-        var _a, _b;
-        const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;
+        var _a, _b, _c;
+        const translation = (_a = this.content.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
         const buttonLinkStyle = {};
         if (this.content.textButtonColor) {
             buttonLinkStyle['color'] = this.content.textButtonColor;
@@ -30,11 +31,12 @@ const AicoLinkContent = /*@__PURE__*/ proxyCustomElement(class AicoLinkContent e
             buttonLinkStyle['--hover-button-color'] = this.content.hoverColor;
         }
         return (h(Host, null, h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.title) }, h("label", null, translation === null || translation === void 0 ? void 0 :
-            translation.title, ": ")), h(ConditionalRender, { condition: this.content.isImageLink !== undefined && this.content.isImageLink }, h("div", { class: "image-link-wrapper", style: { 'justify-content': this.content.picturePosition } }, h("a", { href: (_a = translation === null || translation === void 0 ? void 0 : translation.link) !== null && _a !== void 0 ? _a : '#', target: "_blank", class: "image-link", style: { width: this.content.isImageFullSize ? '100%' : getImageWidthPrc(this.content.pictureSize) } }, h("img", { src: translation === null || translation === void 0 ? void 0 : translation.imageUrl })))), h(ConditionalRender, { condition: this.content.isImageLink === null || !this.content.isImageLink }, h("a", { href: (_b = translation === null || translation === void 0 ? void 0 : translation.link) !== null && _b !== void 0 ? _b : '#', target: "_blank", class: this.content.isButtonLink ? 'button-link' : '', style: buttonLinkStyle }, h("span", { class: "arrow-button" }, " \u2192")))));
+            translation.title, ": ")), h(ConditionalRender, { condition: this.content.isImageLink !== undefined && this.content.isImageLink }, h("div", { class: "image-link-wrapper", style: { 'justify-content': this.content.picturePosition } }, h("a", { href: (_b = translation === null || translation === void 0 ? void 0 : translation.link) !== null && _b !== void 0 ? _b : '#', target: "_blank", class: "image-link", style: { width: this.content.isImageFullSize ? '100%' : getImageWidthPrc(this.content.pictureSize) } }, h("img", { src: translation === null || translation === void 0 ? void 0 : translation.imageUrl })))), h(ConditionalRender, { condition: this.content.isImageLink === null || !this.content.isImageLink }, h("a", { href: (_c = translation === null || translation === void 0 ? void 0 : translation.link) !== null && _c !== void 0 ? _c : '#', target: "_blank", class: this.content.isButtonLink ? 'button-link' : '', style: buttonLinkStyle }, h("span", { class: "arrow-button" }, " \u2192")))));
     }
     static get style() { return aicoLinkContentCss; }
 }, [2, "aico-link-content", {
-        "content": [16]
+        "content": [16],
+        "locale": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/aico-link-content2.js.map

@@ -1 +1 @@
-{"file":"aico-link-content2.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,6rBAA6rB;;MCU3sB,eAAe;;;;;;IAG1B,MAAM;;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC/F,MAAM,eAAe,GAA0C,EAAE,CAAC;QAClE,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;YAChC,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;SACzD;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;YAChC,eAAe,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;SACpE;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,eAAe,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC;SAC7D;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC3B,eAAe,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SAC1D;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC3B,eAAe,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SACnE;QAED,QACE,EAAC,IAAI,QACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,IAC7E,iBAAQ,WAAW,aAAX,WAAW;YAAX,WAAW,CAAE,KAAK,OAAW,CACnB,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,IAC9F,WAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,IACxF,SACE,IAAI,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,GAAG,EAC9B,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,GAAG,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,IAEpG,WAAK,GAAG,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,GAAI,CACjC,CACA,CACY,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,IAC1F,SAAG,IAAI,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,aAAa,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,IAC9H,YAAM,KAAK,EAAC,cAAc,cAAgB,CACxC,CACc,CACf,EACP;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-link-content/aico-link-content.css?tag=aico-link-content&encapsulation=scoped","src/components/content/aico-link-content/aico-link-content.tsx"],"sourcesContent":[":host {\n  --hover-button-color: unset;\n}\n\n.image-link-wrapper {\n  display: flex;\n}\n\n.image-link {\n  display: block;\n  text-align: center;\n  &:hover {\n    opacity: 0.5;\n  }\n}\n\n.arrow-button {\n  float: right;\n  font-size: 30px;\n  margin-top: -10px;\n}\n\n.button_link {\n  display: block;\n  text-decoration: none;\n  text-transform: uppercase;\n  padding: 12px;\n  text-align: center;\n  font-weight: 900;\n  font-size: 1.5rem;\n  line-height: 1;\n  letter-spacing: 0.03rem;\n  border-radius: 5px;\n  &:hover {\n    background-color: var(--hover-button-color) !important;\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { getImageWidthPrc, strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { LinkContent } from '../../../model/article/content/LinkContent';\n\n@Component({\n  tag: 'aico-link-content',\n  styleUrl: 'aico-link-content.css',\n  scoped: true,\n})\nexport class AicoLinkContent {\n  @Prop() content!: LinkContent;\n\n  render() {\n    const translation = this.content.translations.length > 0 ? this.content.translations[0] : null;\n    const buttonLinkStyle: { [key: string]: string | undefined } = {};\n    if (this.content.textButtonColor) {\n      buttonLinkStyle['color'] = this.content.textButtonColor;\n    }\n\n    if (this.content.textButtonColor) {\n      buttonLinkStyle['background-color'] = this.content.textButtonColor;\n    }\n\n    if (this.content.fontSize) {\n      buttonLinkStyle['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (this.content.fontFamily) {\n      buttonLinkStyle['font-family'] = this.content.fontFamily;\n    }\n\n    if (this.content.hoverColor) {\n      buttonLinkStyle['--hover-button-color'] = this.content.hoverColor;\n    }\n\n    return (\n      <Host>\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.title)}>\n          <label>{translation?.title}: </label>\n        </ConditionalRender>\n        <ConditionalRender condition={this.content.isImageLink !== undefined && this.content.isImageLink}>\n          <div class=\"image-link-wrapper\" style={{ 'justify-content': this.content.picturePosition }}>\n            <a\n              href={translation?.link ?? '#'}\n              target=\"_blank\"\n              class=\"image-link\"\n              style={{ width: this.content.isImageFullSize ? '100%' : getImageWidthPrc(this.content.pictureSize) }}\n            >\n              <img src={translation?.imageUrl} />\n            </a>\n          </div>\n        </ConditionalRender>\n        <ConditionalRender condition={this.content.isImageLink === null || !this.content.isImageLink}>\n          <a href={translation?.link ?? '#'} target=\"_blank\" class={this.content.isButtonLink ? 'button-link' : ''} style={buttonLinkStyle}>\n            <span class=\"arrow-button\"> &#8594;</span>\n          </a>\n        </ConditionalRender>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-link-content2.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,6rBAA6rB;;MCU3sB,eAAe;;;;;sBAGD,IAAI;;IAE7B,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC9G,MAAM,eAAe,GAA0C,EAAE,CAAC;QAClE,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;YAChC,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;SACzD;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;YAChC,eAAe,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;SACpE;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,eAAe,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC;SAC7D;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC3B,eAAe,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SAC1D;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAC3B,eAAe,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;SACnE;QAED,QACE,EAAC,IAAI,QACH,EAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,IAC7E,iBAAQ,WAAW,aAAX,WAAW;YAAX,WAAW,CAAE,KAAK,OAAW,CACnB,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,IAC9F,WAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,IACxF,SACE,IAAI,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,GAAG,EAC9B,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,GAAG,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,IAEpG,WAAK,GAAG,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,GAAI,CACjC,CACA,CACY,EACpB,EAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,IAC1F,SAAG,IAAI,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,mCAAI,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,aAAa,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,IAC9H,YAAM,KAAK,EAAC,cAAc,cAAgB,CACxC,CACc,CACf,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/content/aico-link-content/aico-link-content.css?tag=aico-link-content&encapsulation=scoped","src/components/content/aico-link-content/aico-link-content.tsx"],"sourcesContent":[":host {\n  --hover-button-color: unset;\n}\n\n.image-link-wrapper {\n  display: flex;\n}\n\n.image-link {\n  display: block;\n  text-align: center;\n  &:hover {\n    opacity: 0.5;\n  }\n}\n\n.arrow-button {\n  float: right;\n  font-size: 30px;\n  margin-top: -10px;\n}\n\n.button_link {\n  display: block;\n  text-decoration: none;\n  text-transform: uppercase;\n  padding: 12px;\n  text-align: center;\n  font-weight: 900;\n  font-size: 1.5rem;\n  line-height: 1;\n  letter-spacing: 0.03rem;\n  border-radius: 5px;\n  &:hover {\n    background-color: var(--hover-button-color) !important;\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport ConditionalRender from '../../../utils/ConditionalRender';\nimport { getImageWidthPrc, strIsNullOrEmptyOrWhitespace } from '../../../utils/utils';\nimport type { LinkContent } from '../../../model/article/content/LinkContent';\n\n@Component({\n  tag: 'aico-link-content',\n  styleUrl: 'aico-link-content.css',\n  scoped: true,\n})\nexport class AicoLinkContent {\n  @Prop() content!: LinkContent;\n\n  @Prop() locale: string = 'de';\n\n  render() {\n    const translation = this.content.translations.find(translation => translation.locale === this.locale) ?? null;\n    const buttonLinkStyle: { [key: string]: string | undefined } = {};\n    if (this.content.textButtonColor) {\n      buttonLinkStyle['color'] = this.content.textButtonColor;\n    }\n\n    if (this.content.textButtonColor) {\n      buttonLinkStyle['background-color'] = this.content.textButtonColor;\n    }\n\n    if (this.content.fontSize) {\n      buttonLinkStyle['font-size'] = `${this.content.fontSize}px`;\n    }\n\n    if (this.content.fontFamily) {\n      buttonLinkStyle['font-family'] = this.content.fontFamily;\n    }\n\n    if (this.content.hoverColor) {\n      buttonLinkStyle['--hover-button-color'] = this.content.hoverColor;\n    }\n\n    return (\n      <Host>\n        <ConditionalRender condition={!strIsNullOrEmptyOrWhitespace(translation?.title)}>\n          <label>{translation?.title}: </label>\n        </ConditionalRender>\n        <ConditionalRender condition={this.content.isImageLink !== undefined && this.content.isImageLink}>\n          <div class=\"image-link-wrapper\" style={{ 'justify-content': this.content.picturePosition }}>\n            <a\n              href={translation?.link ?? '#'}\n              target=\"_blank\"\n              class=\"image-link\"\n              style={{ width: this.content.isImageFullSize ? '100%' : getImageWidthPrc(this.content.pictureSize) }}\n            >\n              <img src={translation?.imageUrl} />\n            </a>\n          </div>\n        </ConditionalRender>\n        <ConditionalRender condition={this.content.isImageLink === null || !this.content.isImageLink}>\n          <a href={translation?.link ?? '#'} target=\"_blank\" class={this.content.isButtonLink ? 'button-link' : ''} style={buttonLinkStyle}>\n            <span class=\"arrow-button\"> &#8594;</span>\n          </a>\n        </ConditionalRender>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/aico-news-list-item2.js

@@ -6,12 +6,15 @@ const AicoNewsListItem = /*@__PURE__*/ proxyCustomElement(class AicoNewsListItem
     constructor() {
         super();
         this.__registerHost();
-        this.articleClicked = createEvent(this, "articleClicked", 7);
+        this.articleClick = createEvent(this, "articleClick", 7);
         this.article = undefined;
     }
     render() {
         var _a, _b;
-        return (h("div", { class: "card h-100" }, h("div", { class: "ratio ratio-4x3 mb-3" }, h("img", { class: "card-img-top w-100 object-fit-cover", style: { 'min-height': '15rem' }, alt: "Article image", src: (_b = (_a = this.article.attributes.optimizedListImage) !== null && _a !== void 0 ? _a : this.article.attributes.optimizedImage) !== null && _b !== void 0 ? _b : this.article.attributes.image })), h("div", { class: "card-img-overlay d-flex justify-content-end" }), h("div", { class: "card-body" }, h("h5", { class: "card-title" }, this.article.attributes.name), h("p", { class: "card-text" }, this.article.attributes.excerpt))));
+        return (h("div", { class: "card h-100 pe-auto", style: { cursor: 'pointer' }, onClick: () => {
+                var _a;
+                (_a = this.articleClick) === null || _a === void 0 ? void 0 : _a.emit(this.article);
+            } }, h("div", { class: "ratio ratio-16x9 overflow-hidden" }, h("img", { class: "object-fit-cover", style: { 'min-height': '15rem' }, alt: "Article image", src: (_b = (_a = this.article.attributes.optimizedListImage) !== null && _a !== void 0 ? _a : this.article.attributes.optimizedImage) !== null && _b !== void 0 ? _b : this.article.attributes.image }), h("div", { class: "card-img-overlay d-flex justify-content-end" })), h("div", { class: "card-body" }, h("h5", { class: "card-title" }, this.article.attributes.name), h("p", { class: "card-text" }, this.article.attributes.excerpt))));
     }
     static get style() { return aicoNewsListItemCss; }
 }, [2, "aico-news-list-item", {

package/dist/components/aico-news-list-item2.js.map

@@ -1 +1 @@
-{"file":"aico-news-list-item2.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCQjB,gBAAgB;;;;;;;IAK3B,MAAM;;QACJ,QACE,WAAK,KAAK,EAAC,YAAY,IACrB,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WACE,KAAK,EAAC,qCAAqC,EAC3C,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,EAChC,GAAG,EAAC,eAAe,EACnB,GAAG,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB,mCAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,mCAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,GAC1H,CACE,EACN,WAAK,KAAK,EAAC,6CAA6C,GAA0C,EAClG,WAAK,KAAK,EAAC,WAAW,IACpB,UAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAM,EAC1D,SAAG,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAK,CACtD,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/aico-news-list-item/aico-news-list-item.css?tag=aico-news-list-item&encapsulation=scoped","src/components/aico-news-list-item/aico-news-list-item.tsx"],"sourcesContent":["","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\nimport { Article } from '../../model/Article';\n\n@Component({\n  tag: 'aico-news-list-item',\n  styleUrl: 'aico-news-list-item.css',\n  scoped: true,\n})\nexport class AicoNewsListItem {\n  @Prop() article!: Article;\n\n  @Event() articleClicked?: EventEmitter<Article>;\n\n  render() {\n    return (\n      <div class=\"card h-100\">\n        <div class=\"ratio ratio-4x3 mb-3\">\n          <img\n            class=\"card-img-top w-100 object-fit-cover\"\n            style={{ 'min-height': '15rem' }}\n            alt=\"Article image\"\n            src={this.article.attributes.optimizedListImage ?? this.article.attributes.optimizedImage ?? this.article.attributes.image}\n          />\n        </div>\n        <div class=\"card-img-overlay d-flex justify-content-end\">{/*TODO: set the date top-right?*/}</div>\n        <div class=\"card-body\">\n          <h5 class=\"card-title\">{this.article.attributes.name}</h5>\n          <p class=\"card-text\">{this.article.attributes.excerpt}</p>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"aico-news-list-item2.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCQjB,gBAAgB;;;;;;;IAK3B,MAAM;;QACJ,QACE,WAAK,KAAK,EAAC,oBAAoB,EAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE;;gBACP,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aACvC,IACH,WAAK,KAAK,EAAC,kCAAkC,IAC3C,WACE,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,EAChC,GAAG,EAAC,eAAe,EACnB,GAAG,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB,mCAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,mCAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,GAC1H,EACF,WAAK,KAAK,EAAC,6CAA6C,GAA0C,CAC9F,EACN,WAAK,KAAK,EAAC,WAAW,IACpB,UAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAM,EAC1D,SAAG,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAK,CACtD,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/aico-news-list-item/aico-news-list-item.css?tag=aico-news-list-item&encapsulation=scoped","src/components/aico-news-list-item/aico-news-list-item.tsx"],"sourcesContent":["","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\nimport { Article } from '../../model/Article';\n\n@Component({\n  tag: 'aico-news-list-item',\n  styleUrl: 'aico-news-list-item.css',\n  scoped: true,\n})\nexport class AicoNewsListItem {\n  @Prop() article!: Article;\n\n  @Event() articleClick?: EventEmitter<Article>;\n\n  render() {\n    return (\n      <div class=\"card h-100 pe-auto\"\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            this.articleClick?.emit(this.article);\n          }}>\n        <div class=\"ratio ratio-16x9 overflow-hidden\">\n          <img\n            class=\"object-fit-cover\"\n            style={{ 'min-height': '15rem' }}\n            alt=\"Article image\"\n            src={this.article.attributes.optimizedListImage ?? this.article.attributes.optimizedImage ?? this.article.attributes.image}\n          />\n          <div class=\"card-img-overlay d-flex justify-content-end\">{/*TODO: set the date top-right?*/}</div>\n        </div>\n        <div class=\"card-body\">\n          <h5 class=\"card-title\">{this.article.attributes.name}</h5>\n          <p class=\"card-text\">{this.article.attributes.excerpt}</p>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}