xv-webcomponents 1.25.1 → 1.25.2

package/dist/collection/components/xv-footer-next/xv-footer-next.css

@@ -0,0 +1,486 @@
+.xv-container {
+  width: 100%;
+  max-width: 1170px;
+  margin-inline: auto;
+}
+@media (min-width: 576px) {
+  .xv-container {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .xv-container {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .xv-container {
+    max-width: 960px;
+    padding-inline: var(--bs-gutter-x, 0.75rem);
+  }
+}
+@media (min-width: 1200px) {
+  .xv-container {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .xv-container {
+    max-width: 1320px;
+  }
+}
+
+.svg-assets--src--project--images--svg-sprite--youtube, .svg-assets--src--project--images--svg-sprite--xing, .svg-assets--src--project--images--svg-sprite--vorkasse, .svg-assets--src--project--images--svg-sprite--visa, .svg-assets--src--project--images--svg-sprite--sepa, .svg-assets--src--project--images--svg-sprite--paypal, .svg-assets--src--project--images--svg-sprite--mastercard, .svg-assets--src--project--images--svg-sprite--linkedin, .svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung, .svg-assets--src--project--images--svg-sprite--instagram, .svg-assets--src--project--images--svg-sprite--facebook {
+  background: url("https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg") no-repeat;
+}
+
+.svg-assets--src--project--images--svg-sprite--facebook {
+  background-position: 0 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--instagram {
+  background-position: 14.5454545455% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung {
+  background-position: 0 0;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--linkedin {
+  background-position: 29.0909090909% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--mastercard {
+  background-position: 50% 0;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--paypal {
+  background-position: 0 64.4444444444%;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--sepa {
+  background-position: 50% 64.4444444444%;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--visa {
+  background-position: 100% 0;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--vorkasse {
+  background-position: 100% 64.4444444444%;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--xing {
+  background-position: 43.6363636364% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--youtube {
+  background-position: 58.1818181818% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.sprite-icon-beachten {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -90px 0px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-buchen {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0px -82px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-direct {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -284px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-downloads {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -80px -82px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-kino {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -305px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-kosten {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -170px 0px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-kreation {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -170px -80px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-logo-full {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0px -242px;
+  width: 189px;
+  height: 32px;
+}
+
+.sprite-icon-logo-small {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -99px;
+  width: 34px;
+  height: 34px;
+}
+
+.sprite-icon-mobile {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -326px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-online {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -347px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-partner-agma {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -66px;
+  width: 88px;
+  height: 33px;
+}
+
+.sprite-icon-partner-bvdw {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -338px -66px;
+  width: 88px;
+  height: 33px;
+}
+
+.sprite-icon-partner-climate {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px 0px;
+  width: 186px;
+  height: 33px;
+}
+
+.sprite-icon-partner-google {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0 0;
+  width: 90px;
+  height: 82px;
+}
+
+.sprite-icon-partner-microsoft {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -33px;
+  width: 186px;
+  height: 33px;
+}
+
+.sprite-icon-plakat {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -368px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-print {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -389px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-radio {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -410px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-services {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -133px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-topangebote {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -271px -133px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-tv {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -292px -133px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-werbeformen {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0px -162px;
+  width: 80px;
+  height: 80px;
+}
+
+.container-footer {
+  min-height: 75px;
+}
+
+.footer-static {
+  border-top: solid 1px #eaeaea;
+  padding-top: 30px;
+}
+
+.xv-footer__grid {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+@media (min-width: 768px) {
+  .xv-footer__grid {
+    grid-template-columns: 8fr 3fr;
+    column-gap: var(--spacing-07, 32px);
+  }
+}
+
+.xv-footer {
+  display: block;
+  border-top: 1px solid var(--layer-01, #F7F7F7) !important;
+  background: var(--layer-01, #F7F7F7) !important;
+  --ff-body: var(--ff-work-sans);
+}
+.xv-footer-advantages {
+  border-bottom: 1px solid var(--border-subtle-01, #D1D1D1);
+  background: var(--highlight-01, #CEDE94);
+  display: block;
+}
+.xv-footer-advantages ul {
+  margin: 0;
+  padding: var(--spacing-05, 16px);
+  gap: var(--spacing-05, 16px);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  list-style: none;
+}
+@media (max-width: 991px) {
+  .xv-footer-advantages ul {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    justify-items: center;
+  }
+}
+.xv-footer-advantages ul > li > a {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: var(--spacing-06, 24px);
+  min-width: min(182px, 40vw);
+  width: min(182px, 40vw);
+  text-align: center;
+  text-decoration: none;
+}
+.xv-footer-advantages ul > li > a > img, .xv-footer-advantages ul > li > a > i {
+  width: 32px;
+  font-size: 32px;
+  block-size: 32px;
+  color: var(--icon-primary);
+  object-fit: contain;
+}
+.xv-footer-advantages ul > li > a > img {
+  font-size: var(--fz-sm, 12px);
+}
+.xv-footer-advantages ul > li > a > span {
+  color: var(--text-primary, #333);
+  font-feature-settings: "liga" off, "clig" off;
+}
+.xv-footer-categories {
+  list-style: none;
+  padding: 0;
+  margin: 0 0 var(--spacing-06, 24px);
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+  row-gap: var(--spacing-06, 24px);
+  column-gap: var(--spacing-09);
+}
+@media (max-width: 768px) {
+  .xv-footer-categories {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+.xv-footer-categories > li {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--sapcing-05, 16px);
+  max-width: 203px;
+}
+.xv-footer-routes {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  row-gap: var(--spacing-05, 16px);
+  flex-direction: column;
+}
+.xv-footer-routes a {
+  color: var(--interactive-01, #273435);
+}
+.xv-footer-legal {
+  background: var(--layer-accent-02, #E3E3E3);
+}
+.xv-footer-legal-row {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  gap: var(--spacing-05);
+  padding: var(--spacing-09) var(--spacing-05);
+}
+@media (max-width: 768px) {
+  .xv-footer-legal-row {
+    padding-block: var(--spacing-05);
+    flex-direction: column;
+    justify-content: center;
+  }
+}
+.xv-footer-legal-row a.xv-helper-text-02 {
+  cursor: pointer;
+}
+.xv-footer-legal-row .xv-footer-logo {
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-03);
+  color: var(--text-primary);
+}
+.xv-footer-legal-row .xv-footer-logo > img {
+  width: 160px;
+}
+.xv-footer-legal ul {
+  flex: 1;
+  padding: 0;
+  margin: 0 auto;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  max-width: 600px;
+  align-self: center;
+}
+.xv-footer-legal ul > li {
+  display: inline-flex;
+  align-items: center;
+  color: var(--text-secondary, #515151);
+}
+.xv-footer-legal ul > li:not(:last-child):after {
+  display: inline-flex;
+  margin-inline: var(--spacing-02);
+  content: "|";
+}
+.xv-footer-legal ul > li > * {
+  color: inherit;
+}
+.xv-footer .footer-grid {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--spacing-05, 16px);
+}
+.xv-footer .footer-grid:not(:last-child) {
+  margin-block-end: var(--spacing-06, 24px);
+}
+.xv-footer .footer-grid > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: var(--spacing-05);
+  grid-template-columns: repeat(3, 1fr);
+  justify-items: center;
+}
+.xv-footer .footer-grid > ul > li {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 60px;
+  font-size: 60px;
+  block-size: 60px;
+}
+.xv-footer .footer-grid > ul > li > a, .xv-footer .footer-grid > ul > li > a > img, .xv-footer .footer-grid > ul > li > a > i, .xv-footer .footer-grid > ul > li > img, .xv-footer .footer-grid > ul > li > i {
+  text-decoration: none;
+  display: block;
+  width: inherit;
+  font-size: inherit;
+  block-size: inherit;
+  color: var(--icon-primary);
+  object-fit: contain;
+}
+.xv-footer .footer-grid > ul > li > a > img, .xv-footer .footer-grid > ul > li > img {
+  font-size: var(--fz-sm, 12px);
+  text-align: center;
+}
+.xv-footer .footer-grid > ul > li > span {
+  color: var(--text-primary, #333);
+  font-feature-settings: "liga" off, "clig" off;
+}
+.xv-footer .footer-grid--row > ul {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex: 1;
+}
+.xv-footer .footer-grid--row > ul > li {
+  width: 24px;
+  block-size: 24px;
+  font-size: 24px;
+}
+.xv-footer-y-spacing {
+  margin-block: var(--spacing-07, 32px) var(--spacing-10, 64px);
+}
+.xv-footer .xv-label-02,
+.xv-footer .xv-heading-compact-02 {
+  margin: 0;
+  color: var(--text-secondary, #515151);
+}

package/dist/collection/components/xv-footer-next/xv-footer-next.js

@@ -0,0 +1,167 @@
+import { h } from "@stencil/core";
+import { DEFAULT_FOOTER_LABELS } from "./xv-footer-next.model";
+import { api, resolveWhitelabel } from "../../utils/utils";
+/**
+ * Drop-in successor of `xv-footer` for the new headless CMS.
+ *
+ * Identical to the original except:
+ *   1. Tag is `xv-footer-next`
+ *   2. Accepts a `footer-data` prop so the consumer can pre-render the
+ *      content instead of the component fetching it at runtime. The CMS
+ *      stores one document per language, which is what makes a translated
+ *      footer possible at all.
+ *   3. The three sidebar headings come from `labels` in that data instead of
+ *      being hardcoded German strings. Missing keys fall back to the old
+ *      wording, so a V1 payload renders exactly as before.
+ *
+ * Without the prop it behaves like V1: it fetches the whitelabel JSON from
+ * blob storage on load, so it stays a drop-in replacement.
+ */
+export class XvFooterNext {
+    constructor() {
+        this.openCookieSettings = (e) => {
+            var _a;
+            e.preventDefault();
+            (_a = window.__cmp) === null || _a === void 0 ? void 0 : _a.call(window, 'showScreenAdvanced');
+        };
+    }
+    onFooterDataChange(next) {
+        const parsed = this.parseFooterData(next);
+        if (parsed)
+            this.data = parsed;
+    }
+    componentWillLoad() {
+        const initial = this.parseFooterData(this.footerData);
+        if (initial) {
+            this.data = initial;
+            return;
+        }
+        void this.handleLoadData();
+    }
+    parseFooterData(value) {
+        if (!value)
+            return null;
+        if (typeof value !== 'string')
+            return value;
+        try {
+            const parsed = JSON.parse(value);
+            return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? parsed : null;
+        }
+        catch (e) {
+            console.warn('xv-footer-next: invalid footer-data JSON', e);
+            return null;
+        }
+    }
+    /**
+     * V1 fetch path, kept for consumers that have no CMS behind them.
+     * Skipped entirely once `footerData` is supplied.
+     */
+    async handleLoadData() {
+        if (this.parseFooterData(this.footerData))
+            return;
+        const baseUrl = 'https://xvsitefinitystorage.blob.core.windows.net/production/components/xv-footer/';
+        const brand = resolveWhitelabel() || 'Xv';
+        try {
+            this.data = await api.get(`${baseUrl}xv-footer.data.${brand}.json`, { raw: true });
+            return;
+        }
+        catch (err) {
+            console.warn(`Failed to fetch footer data for ${brand}, using fallback:`, err);
+            if (brand === 'Xv')
+                return; // No need to fallback if already trying default brand
+        }
+        try {
+            this.data = await api.get(`${baseUrl}xv-footer.data.Xv.json`, { raw: true });
+        }
+        catch (finalErr) {
+            console.error('Fallback footer load failed:', finalErr);
+        }
+    }
+    get labels() {
+        var _a, _b;
+        return Object.assign(Object.assign({}, DEFAULT_FOOTER_LABELS), ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.labels) !== null && _b !== void 0 ? _b : {}));
+    }
+    render() {
+        const { categories, socials, logo, legalLinks, payments, partners, advantages } = this.data || {};
+        const hasDataLength = ((categories === null || categories === void 0 ? void 0 : categories.length) || (partners === null || partners === void 0 ? void 0 : partners.length) || (payments === null || payments === void 0 ? void 0 : payments.length) || (socials === null || socials === void 0 ? void 0 : socials.length));
+        const labels = this.labels;
+        return (h("footer", { key: '1ea7f6ae925210666aff8e7a7bafba8f5f05a7db', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (h("div", { key: 'c277df0213caffc9b4a4947fd859244a97abafb7', class: "xv-footer-advantages" }, h("div", { key: 'fc0b0f42df35e9eb708554b12dfd89b03e359f92', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (h("div", { key: 'f3180c517955d4fc49e77b489b3e64c88947772b', class: "xv-container" }, h("div", { key: 'af4029318be8be0aba367eee734208afaff3d081', class: "xv-footer__grid xv-footer-y-spacing" }, h("div", { key: 'd517532894a4a6f4a94814b0bcc5218fb0a7652d', class: "xv-footer__col-main" }, h("ul", { key: '311115f6991c58455e87d571dc280da7e3546a79', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => {
+            var _a;
+            return (h("li", null, h("p", { class: "xv-label-02" }, category.label), h("ul", { class: "xv-footer-routes" }, (_a = category.routes) === null || _a === void 0 ? void 0 : _a.map((item) => (h("li", null, h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))));
+        }))), h("div", { key: '2993c8863d750877ad4da0506703c00e737bb12b', class: "xv-footer__col-sidebar" }, this._renderFooterList(partners, { label: labels.partners }), this._renderFooterList(payments, { label: labels.payments }), this._renderFooterList(socials, { label: labels.socials, isRow: true }))))), (legalLinks === null || legalLinks === void 0 ? void 0 : legalLinks.length) > 0 && (h("div", { key: 'fa0ca088a3167599bd97b7a0627dfae3f64a3c21', class: "xv-footer-legal" }, h("div", { key: 'cd82873c4cfbaf6e65137c6ccbd029697f4e1bfc', class: "xv-container" }, h("div", { key: '8b0a4353501acafcd3df520ac2c9964f316cd5d0', class: "xv-footer-legal-row" }, logo && (h("a", { key: '080237964fd922700bc70695c120e3ecb22bae68', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && h("span", { key: 'b6278d014c8846318818f85e021130f7675c2503', class: "xv-label-02" }, logo.label), h("img", { key: 'f0a71927ad8ea50da5c6cdfc3ab956b3c867c10a', loading: "lazy", src: logo.image, alt: logo.label }))), h("ul", { key: '527b84cafd5a4c436b41d3c47bb67c1ea875f24e' }, legalLinks.map((item) => {
+            // A link with no href is a UI trigger, not navigation —
+            // that is how the cookie dialog is wired. V1 matched the
+            // German label instead, which broke in any other language.
+            if (!item.href) {
+                return h("li", null, h("a", { class: "xv-helper-text-02", href: "#", onClick: this.openCookieSettings }, item.label));
+            }
+            return h("li", null, h("a", { class: "xv-helper-text-02", href: item.href, target: item.target }, item.label));
+        }))))))));
+    }
+    _renderFooterList(items = [], opt) {
+        if (!(items === null || items === void 0 ? void 0 : items.length))
+            return null;
+        const list = (h("ul", null, items.map((item) => (h("li", null, h("a", { href: item === null || item === void 0 ? void 0 : item.href, target: item.target }, item.icon && h("i", { class: { fa: true, [item.icon]: true } }), item.image && h("img", { src: item.image, alt: item.label }), (opt === null || opt === void 0 ? void 0 : opt.itemWithLabel) && item.label && h("span", { class: "xv-body-02" }, item.label)))))));
+        return (opt === null || opt === void 0 ? void 0 : opt.label) ? (h("div", { class: { 'footer-grid': true, 'footer-grid--row': !!(opt === null || opt === void 0 ? void 0 : opt.isRow) } }, h("p", { class: "xv-heading-compact-02" }, opt.label), list)) : list;
+    }
+    static get is() { return "xv-footer-next"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-footer-next.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-footer-next.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "footerData": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | FooterDataModel",
+                    "resolved": "FooterDataModel | string",
+                    "references": {
+                        "FooterDataModel": {
+                            "location": "import",
+                            "path": "./xv-footer-next.model",
+                            "id": "src/components/xv-footer-next/xv-footer-next.model.ts::FooterDataModel"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Footer content, either as a JSON string (HTML attribute) or as an object\n(JS property). When set, no network request is made."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "footer-data"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "data": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "footerData",
+                "methodName": "onFooterDataChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "xv:metaNav-update",
+                "method": "handleLoadData",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/xv-footer-next/xv-footer-next.model.js

@@ -0,0 +1,17 @@
+/**
+ * Data model for `xv-footer-next`.
+ *
+ * A copy of `xv-footer.model.ts` — deliberately duplicated rather than
+ * imported, so the two components can diverge without breaking each other
+ * (same approach as `xv-mega-menu-next.model.ts`).
+ *
+ * Difference from V1: `labels` was added. V1 had the three sidebar headings
+ * as hardcoded German strings in its render method, which made it unusable
+ * in a second language.
+ */
+/** What V1 rendered when no labels were supplied. */
+export const DEFAULT_FOOTER_LABELS = {
+    partners: 'crossvertise Partner',
+    payments: 'Bequem und sicher bezahlen',
+    socials: 'Folgen Sie uns',
+};