@aiconomy/aico-components 0.1.0 → 0.2.0

package/dist/esm/aico-album-content_28.entry.js

@@ -13957,11 +13957,11 @@ const AicoArticleDetail = class {
         const translation = (_a = this.article.attributes.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
         const category = (_c = (_b = this.article.attributes.newsCategory) === null || _b === void 0 ? void 0 : _b.translations.find(translation => translation.locale === this.locale)) !== null && _c !== void 0 ? _c : null;
         const articleDate = new Date(this.article.attributes.publishDate);
-        const content = this.mapBodyContent();
+        const content = this.mapBodyContent(translation);
         const headlineFocusX = this.article.attributes.headlineImageFocusXPercentage ? `${this.article.attributes.headlineImageFocusXPercentage}%` : 'center';
         const headlineFocusY = this.article.attributes.headlineImageFocusYPercentage ? `${this.article.attributes.headlineImageFocusYPercentage}%` : 'center';
         const headlineImage = (_d = translation === null || translation === void 0 ? void 0 : translation.headlineImage) !== null && _d !== void 0 ? _d : this.article.attributes.headlineImage;
-        return (h(Host, { key: 'f5b0a0d80a16cc93bf0158ce61e41e9d46af0d7d' }, h("figure", { key: '31a5a62a3cef0947b37eddeaad0e235719932888', class: "figure" }, h("blockquote", { key: '7f62b7e19ac4ad766973f91f4bac6dafe7c5eee8', class: "blockquote" }, h("h2", { key: '01bd07a082a7fd5961dfd03503c99d614b460f14', class: "text-uppercase" }, (_e = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _e !== void 0 ? _e : this.article.attributes.name)), headlineImage && h("img", { key: '874ca0c3a11013f9966229af600f0f22ad41a008', class: "figure-img img-fluid rounded object-fit-cover", style: { 'object-position': `${headlineFocusX} ${headlineFocusY}` }, alt: "Headline image", src: headlineImage }), h(ConditionalRender, { key: '24191f3d2f5b41b3bc1477ad2f58d22a421f5dc7', condition: !this.hideDateAndAuthor }, h("figcaption", { key: '54f67a7575a164186924a5af9ec17815ba1fb819', class: "figure-caption mb-1" }, articleDate.toLocaleDateString('en-US', this.dateOptions), " by ", h("cite", { key: '5f58c6810a3ebf87d952bc5215df059bbafa8760', title: "Author" }, this.article.attributes.author))), h(ConditionalRender, { key: '120702974198d12f5948e65ff8f19ebcf1bf3d27', condition: !this.hideCategoryAndTags && !strIsNullOrEmptyOrWhitespace(category === null || category === void 0 ? void 0 : category.webName) }, h("span", { key: '21ef58fd94b6b11142536a7b7401e88013cdd6b5', class: "badge bg-info text-dark" }, category === null || category === void 0 ? void 0 : category.webName))), h("div", { key: '504fc30e0abc5617ea7b12d90770f2013a1a3d4a', class: "content-wrapper" }, content), h(ConditionalRender, { key: '895c5ee4b8e3c22e8264ed98ac9410f74cac0843', condition: !this.hideCategoryAndTags }, this.article.attributes.newsTags.map(tag => {
+        return (h(Host, { key: '4973f50c2a561ff5f68ff16b29285dde0ef75f87' }, h("figure", { key: '363fdcf4f12d61022d5153216ad574f590dc3e82', class: "figure" }, h("blockquote", { key: '357d1a947423d3bb99748ebfe65c0ce6f95647cb', class: "blockquote" }, h("h2", { key: 'd1037e2b0b71bab77fc37b36f7533d6d141ac406', class: "text-uppercase" }, (_e = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _e !== void 0 ? _e : this.article.attributes.name)), headlineImage && h("img", { key: '265565ff90b7b243555fb1c2aa5441e20826b43a', class: "figure-img img-fluid rounded object-fit-cover", style: { 'object-position': `${headlineFocusX} ${headlineFocusY}` }, alt: "Headline image", src: headlineImage }), h(ConditionalRender, { key: '3f94832f01549a5511a4927c53286c114953228d', condition: !this.hideDateAndAuthor }, h("figcaption", { key: '7afe217a895b0f9546a2beda40c9f143acdcc358', class: "figure-caption mb-1" }, articleDate.toLocaleDateString('en-US', this.dateOptions), " by ", h("cite", { key: '7a0c93292b1ed0bc39e8e94f68de9ba18ac99a36', title: "Author" }, this.article.attributes.author))), h(ConditionalRender, { key: 'a89fb90d8e7f6ba6048b43a119d127c7a6c6879b', condition: !this.hideCategoryAndTags && !strIsNullOrEmptyOrWhitespace(category === null || category === void 0 ? void 0 : category.webName) }, h("span", { key: '87aa1fe763f281238ed12d2b1dddbe043f58c8e6', class: "badge bg-info text-dark" }, category === null || category === void 0 ? void 0 : category.webName))), h("div", { key: 'e0bb9d8ebbedc684e4cb848042998874e3c7520b', class: "content-wrapper" }, content), h(ConditionalRender, { key: '81c6c20f4f8274a01ff8b65f1bf2c319e1811998', condition: !this.hideCategoryAndTags }, this.article.attributes.newsTags.map(tag => {
             var _a;
             const translation = (_a = tag.translations.find(translation => translation.locale === this.locale)) !== null && _a !== void 0 ? _a : null;
             return (h(ConditionalRender, { condition: !strIsNullOrEmptyOrWhitespace(translation === null || translation === void 0 ? void 0 : translation.webName) }, h("span", { class: "badge bg-light text-dark" }, translation.webName)));
@@ -13973,15 +13973,19 @@ const AicoArticleDetail = class {
      * then empty, null, or a stale copy) — when the Neo document has sections it
      * wins, mirroring the b2b storefront's precedence. Otherwise the legacy
      * rows render; a null/absent legacy builder renders an empty body instead
-     * of throwing.
+     * of throwing. When this page already shows its own headline image/title
+     * above the body, the Neo renderer is asked to trim a duplicate leading
+     * hero image/heading from the document (see neo-lead-trim.ts).
      */
-    mapBodyContent() {
-        var _a, _b;
+    mapBodyContent(translation) {
+        var _a, _b, _c, _d;
         const neoDocument = this.article.attributes.contentBuilderNeoJson;
         if (neoDocumentHasContent(neoDocument)) {
-            return h("aico-neo-content", { neoDocument: neoDocument, locale: this.locale });
+            const headlineImage = (_a = translation === null || translation === void 0 ? void 0 : translation.headlineImage) !== null && _a !== void 0 ? _a : this.article.attributes.headlineImage;
+            const title = (_b = translation === null || translation === void 0 ? void 0 : translation.name) !== null && _b !== void 0 ? _b : this.article.attributes.name;
+            return h("aico-neo-content", { neoDocument: neoDocument, locale: this.locale, trimLeadImage: !!headlineImage, dedupeTitle: title });
         }
-        const rows = (_b = (_a = this.article.attributes.contentBuilder) === null || _a === void 0 ? void 0 : _a.rows) !== null && _b !== void 0 ? _b : [];
+        const rows = (_d = (_c = this.article.attributes.contentBuilder) === null || _c === void 0 ? void 0 : _c.rows) !== null && _d !== void 0 ? _d : [];
         return [...rows].sort((a, b) => a.order - b.order).map((row, index) => this.mapRowContent(row, index));
     }
     mapRowContent(row, index) {
@@ -20841,6 +20845,112 @@ function resolveLocale(document, locale, defaultLocale = null) {
     return resolved;
 }
 
+const ENTITIES = {
+    '&': '&',
+    '&lt;': '<',
+    '&gt;': '>',
+    '&quot;': '"',
+    '&#39;': "'",
+    '&nbsp;': ' ',
+};
+/** Plain text of an HTML fragment, whitespace-collapsed and lowercased (mirrors NeoNewsContentRenderer::normalizeText). */
+function normalizeText(html) {
+    const stripped = html.replace(/<[^>]*>/g, '');
+    const decoded = stripped.replace(/&amp;|&lt;|&gt;|&quot;|&#39;|&nbsp;/g, entity => ENTITIES[entity]);
+    return decoded.replace(/\s+/g, ' ').trim().toLowerCase();
+}
+function headingText(element) {
+    var _a;
+    const text = (_a = element.content) === null || _a === void 0 ? void 0 : _a.text;
+    return typeof text === 'string' ? text : '';
+}
+/** Filters one elements array, recursing into `columns` children. Returns the input array by reference when nothing changed. */
+function trimElements(elements, state) {
+    const result = [];
+    let changed = false;
+    for (const element of elements) {
+        if (element.type === 'columns') {
+            const children = Array.isArray(element.children) ? element.children : [];
+            const newChildren = trimElements(children, state);
+            if (newChildren.length === 0) {
+                changed = true;
+                continue;
+            }
+            if (newChildren !== children) {
+                changed = true;
+                result.push(Object.assign(Object.assign({}, element), { children: newChildren }));
+            }
+            else {
+                result.push(element);
+            }
+            continue;
+        }
+        if (element.type === 'image') {
+            // Images never end the lead: kept or dropped, either way the next
+            // element is still evaluated as leading.
+            if (state.atLeadingEdge && state.dropLeadingImage) {
+                changed = true;
+                continue;
+            }
+            result.push(element);
+            continue;
+        }
+        if (element.type === 'divider') {
+            // Dividers don't end the lead either.
+            result.push(element);
+            continue;
+        }
+        if (element.type === 'heading') {
+            if (state.atLeadingEdge && state.normalizedTitle !== null && normalizeText(headingText(element)) === state.normalizedTitle) {
+                changed = true;
+                continue;
+            }
+            result.push(element);
+            state.atLeadingEdge = false;
+            continue;
+        }
+        // Any other element type (text, html, button, video, gallery, slideshow, …) is kept and ends the lead.
+        result.push(element);
+        state.atLeadingEdge = false;
+    }
+    return changed ? result : elements;
+}
+/**
+ * Preprocesses a locale-resolved Neo document, dropping lead content that
+ * duplicates the host page's own header. Non-mutating: returns the input
+ * unchanged (same reference) when there is nothing to do, otherwise a new
+ * document with a new `sections` array (untouched sections/elements may be
+ * reused by reference).
+ */
+function trimNeoLead(document, options) {
+    const sections = Array.isArray(document.sections) ? document.sections : [];
+    if (sections.length === 0) {
+        return document;
+    }
+    const dedupeTitle = options.dedupeTitle;
+    const hasDedupeTitle = typeof dedupeTitle === 'string' && dedupeTitle.trim() !== '';
+    if (!options.trimLeadImage && !hasDedupeTitle) {
+        return document;
+    }
+    const state = {
+        atLeadingEdge: true,
+        dropLeadingImage: options.trimLeadImage,
+        normalizedTitle: hasDedupeTitle ? normalizeText(dedupeTitle) : null,
+    };
+    const newSections = [];
+    for (const section of sections) {
+        const elements = Array.isArray(section.elements) ? section.elements : [];
+        const newElements = trimElements(elements, state);
+        if (newElements.length === 0) {
+            // An empty section must not survive — this is what removes a
+            // background-only hero section once its sole image is trimmed.
+            continue;
+        }
+        newSections.push(newElements === elements ? section : Object.assign(Object.assign({}, section), { elements: newElements }));
+    }
+    return Object.assign(Object.assign({}, document), { sections: newSections });
+}
+
 /**
  * news-neo-renderer.ts
  *
@@ -21979,12 +22089,14 @@ const AicoNeoContent = class {
         this.neoDocument = undefined;
         this.locale = 'de';
         this.defaultLocale = undefined;
+        this.trimLeadImage = false;
+        this.dedupeTitle = undefined;
     }
     componentWillLoad() {
         this.prepareHtml();
     }
     prepareHtml() {
-        var _a;
+        var _a, _b;
         if (!neoDocumentHasContent(this.neoDocument)) {
             this.renderedHtml = '';
             return;
@@ -21993,6 +22105,13 @@ const AicoNeoContent = class {
         if (hasLocaleStructure(resolvedDocument)) {
             resolvedDocument = resolveLocale(resolvedDocument, this.locale, (_a = this.defaultLocale) !== null && _a !== void 0 ? _a : null);
         }
+        if (this.trimLeadImage || this.dedupeTitle) {
+            resolvedDocument = trimNeoLead(resolvedDocument, { trimLeadImage: this.trimLeadImage, dedupeTitle: (_b = this.dedupeTitle) !== null && _b !== void 0 ? _b : null });
+            if (resolvedDocument.sections.length === 0) {
+                this.renderedHtml = '';
+                return;
+            }
+        }
         setActiveLocale(this.locale);
         this.renderedHtml = NewsNeo.render({ contentBuilderNeoJson: resolvedDocument });
     }
@@ -22004,13 +22123,15 @@ const AicoNeoContent = class {
         }
     }
     render() {
-        return (h(Host, { key: '82b5bdbc016d175f57ff0c2d9569da68728c304d' }, h("div", { key: '8a46741a6ce19c9e374928d6a4a0e4d76699f173', class: "aico-neo-content-mount", innerHTML: this.renderedHtml })));
+        return (h(Host, { key: '663be625008bd9444656dfedd24cfe9fa97e7d43' }, h("div", { key: 'f0827191bf2ccc6d8cb35644103aa558d338382f', class: "aico-neo-content-mount", innerHTML: this.renderedHtml })));
     }
     get host() { return getElement$1(this); }
     static get watchers() { return {
         "neoDocument": ["prepareHtml"],
         "locale": ["prepareHtml"],
-        "defaultLocale": ["prepareHtml"]
+        "defaultLocale": ["prepareHtml"],
+        "trimLeadImage": ["prepareHtml"],
+        "dedupeTitle": ["prepareHtml"]
     }; }
 };
 AicoNeoContent.style = AicoNeoContentStyle0;