xv-webcomponents 1.24.11-qa.0 → 2.0.0-beta.2

package/dist/collection/components/xv-geo-map/xv-geo-map.js

@@ -568,7 +568,7 @@ export class XvGeoMap {
         this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
     }
     render() {
-        return (h(Host, { key: '5e284532eaaf73fac04321672fd135a5fdfd1055' }, h("div", { key: 'b9334d39245fde17f998d0ad2557fe0a1fd09394', class: "container" }, h("div", { key: '8de6c78a3fb0907c9aac53f4543e3c0e85fbef73', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: 'e65a447aa5fbebd4c95681c23ffa944d58d43c04', class: "search" }, h("input", { key: 'a33e4ccc1eaa2c8bd303126de72bcf0ce8a667ab', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (h("ul", { key: 'd1debbd7d31a7a2048b109ba2e29fa4362e8a1a0', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, this.level === 'plz5' ? (h("span", null, h("strong", null, r.code), " ", r.name)) : (h("span", null, r.name))))))))), this.ready && this.zoomGated && (h("div", { key: 'ba53e4d000970bcfc9a4d4f785c1b4b5a13f9c95', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'c15cc4e8b46cb5caab132974c6752100b2265ff7', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '95d7ffb0dc15a48d375b412f3f54914016e8c841', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: 'fd46702e9cd1d5e9575c48a62634a300e9c1c717', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
+        return (h(Host, { key: 'd26f670de7987c843380aed0a1fec3843455c59b' }, h("div", { key: 'dd55b67e77e7daaf7faa1961c6f759e1d50dc83a', class: "container" }, h("div", { key: '35c95b2dfc294561955600cf1cca4baeb1df19aa', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: '6662b5b87c51dd9244cb807d497e8cb2f3682121', class: "search" }, h("input", { key: '8cfc25019c36424060c9a3a86b22e33c3a1c984a', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (h("ul", { key: 'd2dcd44daaa2bf882ea158643dd13d7c83895ab5', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, this.level === 'plz5' ? (h("span", null, h("strong", null, r.code), " ", r.name)) : (h("span", null, r.name))))))))), this.ready && this.zoomGated && (h("div", { key: 'cff4c14f9f600587e12c35a11a41cfcb830fdc1d', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'b4931b2af73b9dc6d272ee502e1289ee90d0a9ec', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '9544aa90adc4476536e41e2339b3559328dde9c3', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '2f916262f53e3e34f3a4ba56295e48f375efb3dc', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
     }
     static get is() { return "xv-geo-map-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -596,7 +596,7 @@ export class XvGeoMap {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Base URL of the geo API (Xv.Api v1/geo \u2014 contract-compatible with the XvGeoTool API).\nDefault is the same-origin Front Door route, so no CORS is involved on crossvertise pages."
+                    "text": "Base URL of the geo API (Xv.Api v1/geo \u2014 contract-compatible with the XvGeoTool API).\r\nDefault is the same-origin Front Door route, so no CORS is involved on crossvertise pages."
                 },
                 "getter": false,
                 "setter": false,
@@ -696,7 +696,7 @@ export class XvGeoMap {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "MapLibre style URL for the vector basemap. Default: OpenFreeMap Positron \u2014 the same\npale data-overlay look as the previous CARTO light, free for commercial use, no API\nkey (openfreemap.org). Set to an empty string to fall back to the raster `tiles` path."
+                    "text": "MapLibre style URL for the vector basemap. Default: OpenFreeMap Positron \u2014 the same\r\npale data-overlay look as the previous CARTO light, free for commercial use, no API\r\nkey (openfreemap.org). Set to an empty string to fall back to the raster `tiles` path."
                 },
                 "getter": false,
                 "setter": false,
@@ -716,7 +716,7 @@ export class XvGeoMap {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Label language for the vector basemap (OpenMapTiles `name:{lang}` attribute, falling\nback to the place's local name). Empty string keeps the style's own labels."
+                    "text": "Label language for the vector basemap (OpenMapTiles `name:{lang}` attribute, falling\r\nback to the place's local name). Empty string keeps the style's own labels."
                 },
                 "getter": false,
                 "setter": false,
@@ -736,7 +736,7 @@ export class XvGeoMap {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Raster tile URL template, used only when `style-url` is empty. The former CARTO\ndefault now watermarks keyless traffic (\"API KEY REQUIRED\"), so this path needs a\nkeyed/licensed tile URL."
+                    "text": "Raster tile URL template, used only when `style-url` is empty. The former CARTO\r\ndefault now watermarks keyless traffic (\"API KEY REQUIRED\"), so this path needs a\r\nkeyed/licensed tile URL."
                 },
                 "getter": false,
                 "setter": false,
@@ -856,7 +856,7 @@ export class XvGeoMap {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Explicit URL of maplibre-gl-worker.mjs (maplibre-gl-shared.mjs must sit next to it).\nNeeded when the host bundler relocates the maplibre chunk so import.meta.url-relative\nworker resolution breaks (e.g. Angular/Vite dev server)."
+                    "text": "Explicit URL of maplibre-gl-worker.mjs (maplibre-gl-shared.mjs must sit next to it).\r\nNeeded when the host bundler relocates the maplibre chunk so import.meta.url-relative\r\nworker resolution breaks (e.g. Angular/Vite dev server)."
                 },
                 "getter": false,
                 "setter": false,
@@ -931,7 +931,7 @@ export class XvGeoMap {
                     "references": {
                         "GeoMapSelection": {
                             "location": "local",
-                            "path": "/home/vsts/work/1/s/src/components/xv-geo-map/xv-geo-map.tsx",
+                            "path": "C:/projects/crossvertise/XV-WebComponents/src/components/xv-geo-map/xv-geo-map.tsx",
                             "id": "src/components/xv-geo-map/xv-geo-map.tsx::GeoMapSelection"
                         }
                     }
@@ -978,7 +978,7 @@ export class XvGeoMap {
                         },
                         "GeoMapSelection": {
                             "location": "local",
-                            "path": "/home/vsts/work/1/s/src/components/xv-geo-map/xv-geo-map.tsx",
+                            "path": "C:/projects/crossvertise/XV-WebComponents/src/components/xv-geo-map/xv-geo-map.tsx",
                             "id": "src/components/xv-geo-map/xv-geo-map.tsx::GeoMapSelection"
                         }
                     },
@@ -1008,7 +1008,7 @@ export class XvGeoMap {
                         },
                         "GeoMapSelection": {
                             "location": "local",
-                            "path": "/home/vsts/work/1/s/src/components/xv-geo-map/xv-geo-map.tsx",
+                            "path": "C:/projects/crossvertise/XV-WebComponents/src/components/xv-geo-map/xv-geo-map.tsx",
                             "id": "src/components/xv-geo-map/xv-geo-map.tsx::GeoMapSelection"
                         }
                     },
@@ -1061,7 +1061,7 @@ export class XvGeoMap {
                     "return": "Promise<number>"
                 },
                 "docs": {
-                    "text": "Highlight what a radius extension would ADD (optimizer proposal): the units within\n`km` that are not part of the selection render in the preview color. Visual only \u2014\nthe selection and its change events stay untouched. Returns the number of added units.",
+                    "text": "Highlight what a radius extension would ADD (optimizer proposal): the units within\r\n`km` that are not part of the selection render in the preview color. Visual only \u2014\r\nthe selection and its change events stay untouched. Returns the number of added units.",
                     "tags": []
                 }
             },

package/dist/collection/components/xv-header/xv-header.js

@@ -2,7 +2,6 @@ import { h } from "@stencil/core";
 import { SIZE_VAR } from "../../types/enum";
 import { api, debounce, getBaseUrl, getMetaNav } from "../../utils/utils";
 import { OverflowMenuVariant } from "../xv-overflow-menu/_vars";
-import { INVOICE_NOTIFICATION_STATUS_ICON, INVOICE_NOTIFICATION_STATUS_TEXT, invoiceNotificationStatusOf, } from "./_vars";
 import UserSearchIcon from "./user-magnifying-glass-regular-full.svg";
 export class XvHeader {
     constructor() {
@@ -144,10 +143,12 @@ export class XvHeader {
         var _a;
         if (!((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.IsManager))
             return null;
-        return (h("li", { class: "notifications" }, h("xv-overflow-menu-v2", { position: "right", size: SIZE_VAR.MD }, h("span", { slot: "trigger", class: "fa-stack" }, h("i", { class: "notifications-icon far fa-bell fa-stack-1x" }), this.notifications.length > 0 && (h("xv-tag-v2", { class: "counter-badge counter-badge--absolute", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, this.notifications.length))), this.notifications.map((notification) => {
-            const status = invoiceNotificationStatusOf(notification.status);
-            return (h("xv-overflow-menu-v2-item", { value: notification.id, variant: OverflowMenuVariant.GHOST, disabled: notification.isRead, clickable: false }, h("div", { class: "notifications-item" }, h("i", { class: { far: true, [INVOICE_NOTIFICATION_STATUS_ICON[status]]: true } }), h("div", { class: "notifications-item-body" }, h("span", null, "Rechnungsentwurf f\u00FCr Auftrag ", notification.orderId, " ist ", INVOICE_NOTIFICATION_STATUS_TEXT[status]), h("xv-link-v2", { variant: notification.isRead ? 'ghost' : 'standalone', href: `/de-de/manager/ordersales/details/${notification.orderId}` }, "Auftrag anschauen")))));
-        }))));
+        return (h("li", { class: "notifications" }, h("xv-overflow-menu-v2", { position: "right", size: SIZE_VAR.MD }, h("span", { slot: "trigger", class: "fa-stack" }, h("i", { class: "notifications-icon far fa-bell fa-stack-1x" }), this.notifications.length > 0 && (h("xv-tag-v2", { class: "counter-badge counter-badge--absolute", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, this.notifications.length))), this.notifications.map((notification) => (h("xv-overflow-menu-v2-item", { value: notification.id, variant: OverflowMenuVariant.GHOST, disabled: notification.isRead, clickable: false }, h("div", { class: "notifications-item" }, h("i", { class: {
+                far: true,
+                'fa-clock': !notification.status,
+                'fa-times-circle': notification.status === 1,
+                'fa-circle': notification.status && notification.status !== 1,
+            } }), h("div", { class: "notifications-item-body" }, h("span", null, "Rechnungsentwurf f\u00FCr Auftrag ", notification.orderId, " ist ausstehend"), h("xv-link-v2", { variant: notification.isRead ? 'ghost' : 'standalone', href: `/de-de/manager/ordersales/details/${notification.orderId}` }, "Auftrag anschauen")))))))));
     }
     _renderAccount() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -172,7 +173,7 @@ export class XvHeader {
     render() {
         var _a, _b, _c, _d, _e;
         const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
-        return (h("header", { key: 'c1dadf87ee5ac86371189f3c5326fdcbcfb9a486', class: "header" }, h("div", { key: '939c81c9e543c9987a8ad2910a2be103db1a5081', class: "header-wrapper" }, h("div", { key: 'f7322ff8b33db4e3f9974228f7fdc34aaf3da8a4', class: "xv-container" }, h("div", { key: '3ee4de80cfcc4239b12b0ab52908ea0e7d34aaab', class: "header-top" }, h("div", { key: '8eeada6b815392eafa3b06ad724ad931d3814235', class: "header-top--left" }, h("xv-button-v2", { key: '6718cbb3b0d486290d6e3d287f92aafe3059a773', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '5c291e5f78889fd90b18457b171ef873f05ac92b', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '3786b0153c70e32ed6e0fd888041f5f1371352dd', href: `${window.location.origin}/` }, h("picture", { key: 'b8e3315601275b5e37521bdfc8d68279774eb790' }, h("source", { key: '447e77d0b63478f5cc6a4947536dfeb75de0957c', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: '75c5a3c7b5181a4ee7ca7daf010ed4283a901aba', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: '46caa5be0cc5ef85d70527fbe3cf5d410abd9cab', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'cc0c800101e159c3ae6a887cc56c912ba12df29c', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '540fab8968f832d078d77febcac4f9d23b686888' }, h("xv-link-v2", { key: '7c59f497dc272169b5d6de4d5caf5758bd82fed0', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '0692e42a64c68979f0886566ccdca46a38ec21cd', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '45dacc89068ff5af15a4f73c1c627ec5b71bab7f', class: "header-icon far fa-envelope" }), h("span", { key: 'a995848018fb4c251dd992c8a8458671ed57bb5a', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'd7a86b909929af0126eef781321bf14cd07f8b09' }, h("xv-link-v2", { key: 'a9b9bc5c7e2496bcb36e1b1e30afe6183173ddd9', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '5a943f49cfb73ec9a19368cf2ea5aef2f8c6194f', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '0d892d7ed7a6a3777c3180a5101df8029e7fedf2', class: "header-icon far fa-question-circle" }), h("span", { key: 'd2ac5acb478b819eef302bfbb008294ffbd4706b', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '12b4d4b721f3987f69bb8c2024cf00a541dedb09', class: "header-wrapper--bg" }, h("div", { key: '029bb783f3204dccee6da34e7546944cc00331bc', class: "xv-container" }, h("xv-mega-menu", { key: '1542e98a5cde254587138abf550d9744f022c93a', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '80ad843540761ab1aa41cb12a697736ea5c4fbe2', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (h("header", { key: 'bb6b68b11e86c55e6fb78b9171f91c4ee0aeff54', class: "header" }, h("div", { key: 'dc39a36e6b8c22d6a5a9fa280b4b8710f4ab864c', class: "header-wrapper" }, h("div", { key: 'e97b619a8acfabfdb1afeae65282585a3820dd82', class: "xv-container" }, h("div", { key: 'ae1f930065601df59d19c84e73440448814f4148', class: "header-top" }, h("div", { key: '64464d7fbc8002bb041ac5f054345dff9b082fa8', class: "header-top--left" }, h("xv-button-v2", { key: '789ef6677bf63b39f0fed43d5aa9e4a7dc25293a', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '22ce09415f7e827847cebaa2021a5b12127d8836', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'cacc6a468ad3987f6fc984eedc48f6bb2a527343', href: `${window.location.origin}/` }, h("picture", { key: '1548e8772b828177ba9cc57f487f89b55607915d' }, h("source", { key: '6a3e862fd369b08bc2d770665a7fd8ec93dce405', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: '6d4e85336fe45a1c6ff00ff523a6dfbeee7a75f2', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: '1def60b23452f2c91a288078f4d7cc4e3ce01d98', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'f3b08084e0114ec652cfd1193f6aa83d64d27154', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'db3dce7468366a7850f04bc9efc9c9e5807f3b68' }, h("xv-link-v2", { key: '48c44f5f4827447138e1e84f515c24b6da96806c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '9cfc3ec391af795294b935ee00e2d331d57fea18', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'd3b979a9670a09d9432740265d4dddff60af1bf1', class: "header-icon far fa-envelope" }), h("span", { key: 'a30f3dd82f3ae79e00a9f3155436d0b386ab9c8b', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: '0a6fe80cad3a5b3538f00a5f90420ea17adaca35' }, h("xv-link-v2", { key: '82e760818362aa3c07f88a1ad5137617e8768b69', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'b586df26cff3c6f3858f9383b78f6fbc74dda77d', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'a6f5f39654b26f9218c3ee64084ff65b89048ca5', class: "header-icon far fa-question-circle" }), h("span", { key: '1d4400a01782e32381da2f3b415da2027193a32f', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'd8b918f626a8d3ecd0b0ebb1e70af6603ab27bfd', class: "header-wrapper--bg" }, h("div", { key: 'a01cb04fd93b256088dc57024336b1fd239ef326', class: "xv-container" }, h("xv-mega-menu", { key: '08993625f27b6d20e6fc811c79260b57cabcd0e6', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: 'c4f55e87116e962d77a44854542dd6f78c0d4aac', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
     }
     static get is() { return "xv-header"; }
     static get originalStyleUrls() {

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

@@ -2,7 +2,6 @@ import { h, Fragment } from "@stencil/core";
 import { SIZE_VAR } from "../../types/enum";
 import { api, debounce, getBaseUrl, getMetaNav } from "../../utils/utils";
 import { OverflowMenuVariant } from "../xv-overflow-menu/_vars";
-import { INVOICE_NOTIFICATION_STATUS_ICON, INVOICE_NOTIFICATION_STATUS_TEXT, invoiceNotificationStatusOf, } from "../xv-header/_vars";
 import UserSearchIcon from "./user-magnifying-glass-regular-full.svg";
 /**
  * Drop-in successor of `xv-header` for the new headless CMS.
@@ -182,10 +181,12 @@ export class XvHeaderNext {
         var _a;
         if (!((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.IsManager))
             return null;
-        return (h("li", { class: "notifications" }, h("xv-overflow-menu-v2", { position: "right", size: SIZE_VAR.MD }, h("span", { slot: "trigger", class: "fa-stack" }, h("i", { class: "notifications-icon far fa-bell fa-stack-1x" }), this.notifications.length > 0 && (h("xv-tag-v2", { class: "counter-badge counter-badge--absolute", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, this.notifications.length))), this.notifications.map((notification) => {
-            const status = invoiceNotificationStatusOf(notification.status);
-            return (h("xv-overflow-menu-v2-item", { value: notification.id, variant: OverflowMenuVariant.GHOST, disabled: notification.isRead, clickable: false }, h("div", { class: "notifications-item" }, h("i", { class: { far: true, [INVOICE_NOTIFICATION_STATUS_ICON[status]]: true } }), h("div", { class: "notifications-item-body" }, h("span", null, "Rechnungsentwurf f\u00FCr Auftrag ", notification.orderId, " ist ", INVOICE_NOTIFICATION_STATUS_TEXT[status]), h("xv-link-v2", { variant: notification.isRead ? 'ghost' : 'standalone', href: `/de-de/manager/ordersales/details/${notification.orderId}` }, "Auftrag anschauen")))));
-        }))));
+        return (h("li", { class: "notifications" }, h("xv-overflow-menu-v2", { position: "right", size: SIZE_VAR.MD }, h("span", { slot: "trigger", class: "fa-stack" }, h("i", { class: "notifications-icon far fa-bell fa-stack-1x" }), this.notifications.length > 0 && (h("xv-tag-v2", { class: "counter-badge counter-badge--absolute", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, this.notifications.length))), this.notifications.map((notification) => (h("xv-overflow-menu-v2-item", { value: notification.id, variant: OverflowMenuVariant.GHOST, disabled: notification.isRead, clickable: false }, h("div", { class: "notifications-item" }, h("i", { class: {
+                far: true,
+                'fa-clock': !notification.status,
+                'fa-times-circle': notification.status === 1,
+                'fa-circle': notification.status && notification.status !== 1,
+            } }), h("div", { class: "notifications-item-body" }, h("span", null, "Rechnungsentwurf f\u00FCr Auftrag ", notification.orderId, " ist ausstehend"), h("xv-link-v2", { variant: notification.isRead ? 'ghost' : 'standalone', href: `/de-de/manager/ordersales/details/${notification.orderId}` }, "Auftrag anschauen")))))))));
     }
     _renderAccount() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -204,7 +205,7 @@ export class XvHeaderNext {
     render() {
         var _a, _b, _c, _d, _e;
         const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
-        return (h("header", { key: '13a9d3cc028a97c7c4d3db96c40e58cffa1fe33a', class: "header" }, h("div", { key: 'bc3da59737a300efcbbce9234b750a16c2c96ce3', class: "header-wrapper" }, h("div", { key: '294a3ab110a7bf53b2bed24db1b1a56a8ec66dcb', class: "xv-container" }, h("div", { key: '99fbcdaa2c4e72eb8661f8b8034e616bf99c1bc5', class: "header-top" }, h("div", { key: '1e703aa885c9462f06d44fdd9756f42b08e96241', class: "header-top--left" }, h("xv-button-v2", { key: 'f867ffe85b45e67b55ea30ce8bfa1da0352f1edc', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'f048441a12346222ac24df76f91bc03b6096bea2', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '5fe60ea6eb240c62fd831e835ad89dad555b0edb', href: `${window.location.origin}/` }, h("picture", { key: '060830e01a97d6b7192202f719ca42c94d9075ff' }, h("source", { key: '5d1f714cb70131c2634d552e22305b78afb755bd', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: '90334b422808e153718dd43dd7404c23e0e69692', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: '6cce595ce435c6fb05d74ee8ecd3ee58cc788f90', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '6284fdfc7a99ab5a8194f13f55f5cccf47427d65', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'da5bd80e9d475358a16052e62c56fb6d4aa3370c' }, h("xv-link-v2", { key: '3096b8531e471537d5a16910456fcb6fe5de8af8', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '4b1fa5e374d05f183a0fb39adec0b779cecd17e1', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'bb69f452fabd750451b993acbda13fda6e8f3da9', class: "header-icon far fa-envelope" }), h("span", { key: '62e89c597ae9b1cc77329fa36dd32f65d4e79511', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'fc3cdac26fa33bcbd027d1605934e40e832fafd5' }, h("xv-link-v2", { key: 'fd1303e606ebfe4ca8944f2685e5b2f616fdcc47', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '41f5daa4d30d7bed6ed032563a600036b4e230bd', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '764c0abede96b262c562832a6bbebee70484c326', class: "header-icon far fa-question-circle" }), h("span", { key: 'c69623c9fbb3110998b9a3a80cff3cc404d1de60', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'e6936d829410b2b7c7801ce388c71f9817d88fca', class: "header-wrapper--bg" }, h("div", { key: '674d7d606828838f6ad17a5eb274bed488ecb323', class: "xv-container" }, h("xv-mega-menu-next", { key: '18ceb4546630a258b04097ddaf16bb10bdf2a8fa', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'a3404b9ad678f5d5c0efd687788631e828574e2d', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (h("header", { key: 'c87cc8c95ca0d61dc02ea975cb476af427ac2b3d', class: "header" }, h("div", { key: '877616897b4bf02b5c19e58a2d633a81ef1e6242', class: "header-wrapper" }, h("div", { key: 'ccff077dad46bf9fc8378bdbc1bbaf27c7809773', class: "xv-container" }, h("div", { key: '8ffc4438bde13ae29ea4030b5bfa02cb470ffff2', class: "header-top" }, h("div", { key: '0e9b1e82a8e7ec138cc410f585515b2a9abfac5a', class: "header-top--left" }, h("xv-button-v2", { key: '79e52670227627fd8eab012ea4c2dbe72799dc57', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'f2bd99ea6b8827df9409f557f1ced3c73bceb12c', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '7a7f45a0e1855bf7015a52eede2cd93fc7819b60', href: `${window.location.origin}/` }, h("picture", { key: '1eb568c80906ff6e3449d8090f7da4963ae230a1' }, h("source", { key: 'c8174ef49a21cd3546debc4de8d95917ec0ca97c', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: 'c03a9ac3a52f0bc9df90675b1a9f2c35b921f411', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: 'dccc2911f8e263a84978280cb8936aba7178ced0', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'b2f74d331583eda966d8d1f51beba7a696bab324', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '8c55b70be62e174bf87770f649c8bf9346a5bb1a' }, h("xv-link-v2", { key: '7e32028087211b2da35e2586669d6742376635ff', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'e00945870bccafe0b2a0a8155144d380d429e2a2', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '02c11e53729e6f021a6533f607a24a7a4528381b', class: "header-icon far fa-envelope" }), h("span", { key: 'a25b7707de479a89c564c41b381421626cffd4f1', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'e18b1fe074a0c5dccac8dae93104ae5c877291d6' }, h("xv-link-v2", { key: '2b3355d49caf0e3162b2149df0f8e7f233a1e325', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'af72384bd898934762f04bf1fb8b77f33634a0b4', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '53e4998f33d86179a08db039b27ac52f959c9ba4', class: "header-icon far fa-question-circle" }), h("span", { key: '37d5d257287ad892f7ab5e3d9300cac3514d4938', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '841cd8d2db611af865b9a1127c959e76877ab6db', class: "header-wrapper--bg" }, h("div", { key: 'ce6fa8184b831abdacbf9f04b226ed9c4387ac98', class: "xv-container" }, h("xv-mega-menu-next", { key: '6d64b1f655a1fa65f915ae6280da173e8dd22a88', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'efcd6f10be9d9455e419695b7613603fae3e4235', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
     }
     static get is() { return "xv-header-next"; }
     static get originalStyleUrls() {
@@ -231,7 +232,7 @@ export class XvHeaderNext {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Pre-rendered mega-menu data forwarded to the inner xv-mega-menu-next.\nJSON string (HTML attribute) or array of MenuItem (JS prop)."
+                    "text": "Pre-rendered mega-menu data forwarded to the inner xv-mega-menu-next.\r\nJSON string (HTML attribute) or array of MenuItem (JS prop)."
                 },
                 "getter": false,
                 "setter": false,
@@ -250,7 +251,7 @@ export class XvHeaderNext {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Active locale code (e.g. \"de\", \"en\"). Used to highlight the current\nentry in the language switcher. When omitted the switcher is hidden."
+                    "text": "Active locale code (e.g. \"de\", \"en\"). Used to highlight the current\r\nentry in the language switcher. When omitted the switcher is hidden."
                 },
                 "getter": false,
                 "setter": false,
@@ -269,7 +270,7 @@ export class XvHeaderNext {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "JSON array describing the language switcher entries.\nEach entry: { code: \"de\", label: \"Deutsch\", href: \"/\" }.\nWhen omitted or empty the switcher is hidden."
+                    "text": "JSON array describing the language switcher entries.\r\nEach entry: { code: \"de\", label: \"Deutsch\", href: \"/\" }.\r\nWhen omitted or empty the switcher is hidden."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/xv-link/xv-link.js

@@ -12,7 +12,7 @@ export class XvLink {
         e.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '12d93e8d7056f2c5df893730735aff2f4b44e43a', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: '4f8b30c3f01d925b1ee5b7f797eff71ce328c165', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, h("slot", { key: 'd297881f1b9dd41328b374f4dd941f563c2f8743', name: "icon-left" }), h("slot", { key: '4f6281fa48f6ad31352bd9613eb9a31a2489829a' }), h("slot", { key: 'f703d8ab7d41d3b49f35d3c0279f5fee1e6dcee6', name: "icon-right" }))));
+        return (h(Host, { key: '2f2b62e7ca9e06c2d1f65f73d93ed5df9fb7723c', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: '523e881f65b021e2d654c63b59d8b4c76019a384', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, h("slot", { key: 'a235d591cbcb7ad26fc423e64cc4030931204209', name: "icon-left" }), h("slot", { key: 'b9be8b821004efdb2fa7f35b21e0d9f2e9f8954c' }), h("slot", { key: '6c2519ef57ca37701449a37bc3a5be70df952b4a', name: "icon-right" }))));
     }
     static get is() { return "xv-link-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-loader/xv-loader.js

@@ -84,7 +84,8 @@ export class XvLoader {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-login-modal/xv-login-modal.css

@@ -1,7 +1,7 @@
 /*!
- * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license (Commercial License)
- */
+* Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
+* License - https://fontawesome.com/license (Commercial License)
+*/
 .fa,
 .fas,
 .far,
@@ -9465,9 +9465,9 @@ readers do not read off random characters that represent icons */
 }
 
 /*!
- * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license (Commercial License)
- */
+* Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
+* License - https://fontawesome.com/license (Commercial License)
+*/
 @font-face {
   font-family: "Font Awesome 5 Brands";
   font-style: normal;
@@ -9526,7 +9526,7 @@ readers do not read off random characters that represent icons */
   content: "";
   flex: 1;
   height: 1px;
-  background-color: var(--divider, #E0E0E0);
+  background-color: var(--border-subtle-00);
 }
 .login_spacer::before {
   margin-right: var(--spacing-04);

package/dist/collection/components/xv-mega-menu/xv-mega-menu.js

@@ -59,7 +59,7 @@ export class XvMegaMenu {
         void this.fetchMenuData();
     }
     render() {
-        return (h(Host, { key: '03959b6ee112648b107b7ba1f2d82497d4db2aa3' }, h("nav", { key: '9905aa3bdb84f6637a63e23d21b844cc443d0d58', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '75b636e9a29a1f3546c37d71447237170e854a16', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '48a49a91c2f24c2d6afc7cd285206f124ce3d354' }))), h("ul", { key: 'd16f5495116854df804a20c015257d257c574a1f', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (h(Host, { key: '6335de0b7c1562994de4c6944152865fb6b57e53' }, h("nav", { key: '73cf026416006554ae5f1e72636bb8dc24cb63c3', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '43f34a516e2ba706852d96d62845ccd0600344bc', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '39e21cfd68cd457ce76faaa1f0ec227bd6520c4e' }))), h("ul", { key: '21c0a2623a29199955a7df7abe2f1685ab6be091', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
             var _a, _b;
             return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
                 var _a;
@@ -69,7 +69,7 @@ export class XvMegaMenu {
                     } }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
                     h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
             }))))));
-        }), h("li", { key: 'e93432e028b8d54815a44823bcd5c463e4c8ac7e', class: "menu--right" }, h("slot", { key: 'a3454e1fbbb0dcd0a6a98c78569c760314f47355', name: "menu-right" })), this.open && (h("li", { key: '6ac8f06d13ab13963bee53e21db3f7bbeccc06bd', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), h("li", { key: 'd2a050cba2b788c4bc009bff34270135d93e02de', class: "menu--right" }, h("slot", { key: '1be51b717e7a272f5ab8d3185e1070b0ada74515', name: "menu-right" })), this.open && (h("li", { key: 'd32c5b8fade926cecde7574c2fb15c9853178917', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
     }
     static get is() { return "xv-mega-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js

@@ -94,7 +94,7 @@ export class XvMegaMenuNext {
         void this.fetchMenuData();
     }
     render() {
-        return (h(Host, { key: 'c47ad041efdcadf47e2cd5102d1eb527801442c0' }, h("nav", { key: '82aed9de4df60d2d281eb172bd2bf562b788d193', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '39792fd8968d7436348c27fda40f76ca32562e9d', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '8363113b91f5d1318cd2d11a13dc613c0c2d6e75' }))), h("ul", { key: 'a2330abd676b973e44c5a8d84ce229f8a509164a', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (h(Host, { key: 'ed607b8cd4c395fb89c2b925381a66476ee7fc66' }, h("nav", { key: 'df1bc505eea962a6dd450aff9ce94bdaf851bb60', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '43d7eb0df82e01e7bc9dcf7d305b41e2e274206b', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'd1fe2d349bbb091ca9e1ad3b3042f751cd7bea8a' }))), h("ul", { key: '7daed87d6a28ef57cf50c44d6b692818d898f24b', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
             var _a, _b;
             return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
                 var _a;
@@ -104,7 +104,7 @@ export class XvMegaMenuNext {
                     } }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
                     h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
             }))))));
-        }), h("li", { key: '191d8b806dcc27f97be83d9c72da10214a461100', class: "menu--right" }, h("slot", { key: 'a88cd4f622bf845f4963e04316bda62cc3adf1fc', name: "menu-right" })), this.open && (h("li", { key: 'c601f0a743556d6c73c9c2fd60f4f2b2b4ab72d7', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), h("li", { key: '9644d518b2a427d1af5319f6d0dcd08b11a9c6c2', class: "menu--right" }, h("slot", { key: '5200a528a6e5b5374815d7978ec09e87da55a3d7', name: "menu-right" })), this.open && (h("li", { key: '378f37f82e6b9ae4990e4bd7d197d1a1ce851b2e', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
     }
     static get is() { return "xv-mega-menu-next"; }
     static get encapsulation() { return "shadow"; }
@@ -150,7 +150,8 @@ export class XvMegaMenuNext {
                         "MenuItem": {
                             "location": "import",
                             "path": "./xv-mega-menu-next.model",
-                            "id": "src/components/xv-mega-menu-next/xv-mega-menu-next.model.ts::MenuItem"
+                            "id": "src/components/xv-mega-menu-next/xv-mega-menu-next.model.ts::MenuItem",
+                            "referenceLocation": "MenuItem"
                         }
                     }
                 },
@@ -158,7 +159,7 @@ export class XvMegaMenuNext {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Pre-rendered menu data, either as a JSON string (when set as an HTML\nattribute) or as an array (when set as a JS property). Bypasses the\nfetch entirely."
+                    "text": "Pre-rendered menu data, either as a JSON string (when set as an HTML\r\nattribute) or as an array (when set as a JS property). Bypasses the\r\nfetch entirely."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/xv-modal/xv-modal.js

@@ -58,7 +58,7 @@ export class XvModal {
     }
     render() {
         var _a;
-        return (h(Host, { key: '51307647bf74a2fecb427e90555c72221fcc2f0b', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'e2be1b75257cc12dcd419b8ddbd5165a967c3bf7', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '219a9da9623faccac909871aae0f06b11b1d4603', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'f9b2716b83f0b1a8bd7db183913405494c00e8c2', class: "modal" }, h("button", { key: 'cefea768d7de47028b282e73ca2c41bd1bf4ee3e', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '9b79e29a3da547b1361f1aab2bfbef9eebd6bf2a', class: "modal_header" }, h("slot", { key: '3b674d72cf30bf9fb2c195c4c21aa17d8a80d022', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: 'afb6034eed3d5ecddd57b3fc6dade6005cf6687a', class: "modal_header__title" }, this.el.title))), h("div", { key: 'd0cd36f7fe4821db54547ecdea5462206a33ee01', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '8c6e2adf73d99588042fc5ff1f5845f81c22107e' })), h("div", { key: '406e6ee06f3e99f8cc989bc17be057c94ddea227', class: "modal_footer" }, h("slot", { key: '207c4975d3314fea5d2249d783ed11e1dc213a0c', name: "footer" })), !!this.loading && (h("div", { key: '25d672ddcf45cc71f36edd380f9d8441c2708750', class: "loading" }, h("xv-loader-v2", { key: 'af81b4f6523adf05b7c7547fbcee9cdea9c894d1', size: SIZE_VAR.LG })))))));
+        return (h(Host, { key: '75c15cf653a00abfd8be6ed89462a0093e150c39', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '246e214c3057e22056cf4f8b2928da9304edc125', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'bb05dc45ca0310d99e77749733036134ab42bf0b', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'bacfe225733904336335362525228bca07246932', class: "modal" }, h("button", { key: '2772c5b4e1123203b400b81a0d1d39d7e110a8e5', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '23928a21dd8c76352bae1f054289b71ac5aa1e56', class: "modal_header" }, h("slot", { key: '921de5beeba03483789b927ac2e19b56581a9886', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '025841d472e2be994d51cac496bbc48bee852de9', class: "modal_header__title" }, this.el.title))), h("div", { key: '606cf764df7936e9336532a999449693931dbd93', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '3ad756e911c7ea5760814217b9087bb9a11a7cf0' })), h("div", { key: '3fd8b00e9fec6fab266791481886ab06c7074ebb', class: "modal_footer" }, h("slot", { key: 'b417b2eb294631a7c60df04d16f1cb2f5f13997d', name: "footer" })), !!this.loading && (h("div", { key: 'd1e740383a4f241fbd9c6cb5c80881f99244fd0b', class: "loading" }, h("xv-loader-v2", { key: 'f2aad280dfb13897f3fbac1f455f2758b19b5784', size: SIZE_VAR.LG })))))));
     }
     disconnectedCallback() {
         this.removeTriggerListener();
@@ -127,7 +127,8 @@ export class XvModal {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-notification/xv-notification.js

@@ -25,7 +25,7 @@ export class XvNotification {
         };
     }
     render() {
-        return (h(Host, { key: '9b5d0f226cff3059ac305ac7911d4403a3e61532', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '2c66b43b47030f8f60eddb04fcd289bb2a70be4d', class: "content" }, h("div", { key: '185f9db9d563f6fc6dc7aea725639c884ed1633a', class: "content_wrapper" }, this.el.title && h("h5", { key: 'd7e0af8fc7e88dc9e4893cb1267a0d18a1a4f9c7', class: "content_title" }, this.el.title), h("slot", { key: 'c8b5f9d3963eb918a94167adc588e49e07c77c4a' })), h("slot", { key: 'b5f27fcba6151ae94489d5e3aefb38d036a89eb1', name: "footer" })), this.dismissible && h("button", { key: '73ed9d9754f012e9c0bac958d6fd88359df753db', class: "close", onClick: this.closeHandle })));
+        return (h(Host, { key: 'b9723088121c3a418be0fe2cc6f9b5c7f949236e', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '22718e6d6976a6be552279e31f6903fccef9e73d', class: "content" }, h("div", { key: 'e99c9bc29eb6e06cf0ca62e69ced5798c080512f', class: "content_wrapper" }, this.el.title && h("h5", { key: '96b8271df8a5a60016f55bfc173e0b999f4732d0', class: "content_title" }, this.el.title), h("slot", { key: 'a81695e7573fec7efcdd864b0293c606ea780bf2' })), h("slot", { key: '7a905c0194446c5fc00e05dfea45c08e4dbe58b2', name: "footer" })), this.dismissible && h("button", { key: '123e1b43d8f107b92952465fac7db446863536c0', class: "close", onClick: this.closeHandle })));
     }
     static get is() { return "xv-notification-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -52,7 +52,8 @@ export class XvNotification {
                         "NOTIFICATION_VARIANTS_STR": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-notification/_vars.ts::NOTIFICATION_VARIANTS_STR"
+                            "id": "src/components/xv-notification/_vars.ts::NOTIFICATION_VARIANTS_STR",
+                            "referenceLocation": "NOTIFICATION_VARIANTS_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-number-input/xv-number-input.js

@@ -34,12 +34,12 @@ export class XvNumberInput {
     }
     render() {
         const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (h(Host, { key: 'f38ba33135269ebb1f42b09f0632183723e216d3', class: { disabled: !!this.disabled } }, h("label", { key: 'da0b638442125c176889d98df343b3084a015b08', class: "control" }, this.label && h("span", { key: '317e7b66636becf0e7fc620d9f131396a8e6d223', class: "control_label" }, this.label), h("div", { key: 'fda02350022b9bb24e221bb2055d29b6926a7065', class: {
+        return (h(Host, { key: 'fd949dbee9a685334744513839474335e97190d3', class: { disabled: !!this.disabled } }, h("label", { key: 'db29ff8f70da55aa973496ee7e7af965d79e7bae', class: "control" }, this.label && h("span", { key: 'caa748ec74ea2effe380a56b0855633ce10e2065', class: "control_label" }, this.label), h("div", { key: '8fe3b2f7905905e7b1d27ba43c571b4eee7593b8', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: !!this.warning
-            } }, h("input", { key: '3fda092a38b7998ea0c55814ed6188acb97865b5', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '64bbba5f9d3bd029c244f9ab7f6a0121a4aedd58', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: 'aa9e83de581f19b936b68b0981888ecaf945bc71', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: 'f6d854836f44bd40c37279015308276b147f6b30', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '512d0208bb7bad48f2df1271dd3d2439301abb50' }), h("xv-button-v2", { key: '5e288267dd454d6368ec773aca888bb071fd00fd', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: 'd9e9304ef6ace291bfea30d08057ba48facb9de7', slot: "icon-left", class: "status-icon" }, "+"))))), message && (h("p", { key: 'eb24260824a30ea3b3888fbf7d532d97544152de', class: { message: true, [message.level]: true } }, message.text))));
+            } }, h("input", { key: 'ab4b88d4f838ee579c7aaed2b3bbda40f9d5af85', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '54c0f3a57ea0453c933007c1c497fb04db93abc6', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: '71aa77781a192b7bf256ca2f76758b7b88a585db', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '5dfbf741ac7bd7e3f13fb74e0b3128d42e90792a', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '300df3ef94b8a27ae1a9fac99f7b83bd41212e5b' }), h("xv-button-v2", { key: '54fe63a29a63ba942e0c7f8e57049deef32a0451', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '0cbbf8c2dd42fe60f5ab60a61c4c33373290cca7', slot: "icon-left", class: "status-icon" }, "+"))))), message && (h("p", { key: 'e8fff1ef532b31dfe97f01e8f92d776e9abd9a94', class: { message: true, [message.level]: true } }, message.text))));
     }
     static get is() { return "xv-number-input-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -334,7 +334,8 @@ export class XvNumberInput {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js

@@ -75,7 +75,8 @@ export class XvOverflowMenuItem {
                         "OverflowMenuEvent": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuEvent"
+                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuEvent",
+                            "referenceLocation": "OverflowMenuEvent"
                         }
                     }
                 },
@@ -100,7 +101,8 @@ export class XvOverflowMenuItem {
                         "OverflowMenuVariant": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuVariant"
+                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuVariant",
+                            "referenceLocation": "OverflowMenuVariant"
                         }
                     }
                 },
@@ -114,7 +116,7 @@ export class XvOverflowMenuItem {
                 "setter": false,
                 "reflect": true,
                 "attribute": "variant",
-                "defaultValue": "OverflowMenuVariant.DEFAULT"
+                "defaultValue": "''"
             },
             "clickable": {
                 "type": "boolean",
@@ -220,7 +222,8 @@ export class XvOverflowMenuItem {
                         "OverflowMenuEvent": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuEvent"
+                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuEvent",
+                            "referenceLocation": "OverflowMenuEvent"
                         }
                     }
                 }

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js

@@ -397,7 +397,8 @@ export class XvOverflowMenu {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },
@@ -449,7 +450,7 @@ export class XvOverflowMenu {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Open the menu from an arbitrary element instead of the built-in trigger button.\nAccepts an element or a CSS selector; a click on it toggles the menu, which is then\npositioned against that element."
+                    "text": "Open the menu from an arbitrary element instead of the built-in trigger button.\r\nAccepts an element or a CSS selector; a click on it toggles the menu, which is then\r\npositioned against that element."
                 },
                 "getter": false,
                 "setter": false,
@@ -481,7 +482,8 @@ export class XvOverflowMenu {
                         "OverflowMenuEvent": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuEvent"
+                            "id": "src/components/xv-overflow-menu/_vars.ts::OverflowMenuEvent",
+                            "referenceLocation": "OverflowMenuEvent"
                         }
                     }
                 }

package/dist/collection/components/xv-pagination/xv-pagination.css

@@ -56,7 +56,7 @@
   user-select: none;
 }
 :host .list .active .list_page {
-  color: var(--text-on-color-active, #000);
+  color: var(--text-primary);
   font-weight: 700;
 }
 :host .list .active .list_page:after {
@@ -66,7 +66,7 @@
   left: 25%;
   width: 50%;
   height: 2px;
-  background-color: var(--text-on-color-active, #000);
+  background-color: var(--border-interactive);
 }
 :host .list_dots {
   position: relative;

package/dist/collection/components/xv-pagination/xv-pagination.js

@@ -106,7 +106,7 @@ export class XvPagination {
             this.observer.disconnect();
     }
     render() {
-        return (h(Host, { key: '458da62296b23b8faa2b9180e74c900df5787bad', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: 'caefc70a44e777307d3f00e54b687bf67a401880', class: "block" }, h("select", { key: '2f3bacc6134e4480f064c8f7298e77988fcd2721', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: 'e4292a652ee9fcc4df2b6794558b1a0b3e827973', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (h("div", { key: '3037e4cffe04ed21817cc6a6a359db4142bfa526', class: "block" }, h("select", { key: '827486ab4cc29ce903c3c94a391dc960eee5a34c', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), h("span", { key: 'a2459bb11735308e8eb9f32cd84719f3efdec7ea' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: 'd5e47168f6f69e72f3dafd07894b398bc5c8be89', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '646e9405571a7dccaa9cbeb68713593441018c40', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: '6da11047987e235f440cfc1cd39ba4d5f2b017af', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: 'bc306c51b9eedbb3a702ce4255ecce63694d6621', class: "list" }, this.visiblePagesWithDots.map((page) => (h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, h("span", { class: "list_page", slot: "icon-left" }, page)))))))), h("xv-button-v2", { key: 'c9eb42df2f4d8d019ed75db2f4c344f7f81d96c3', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '80be70526a9d788752e025708096b3cfdf57c3c9', slot: "icon-left", class: "icon icon_next" }))));
+        return (h(Host, { key: 'dfcaec3126bda46a384d2ba0cebb5725b1746974', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: '1f78ed3108ceba63a5642fc7d6461c8bd54b0bfc', class: "block" }, h("select", { key: 'c9094a7d587f8cd20e44e810d45d4d17b542b8b7', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: 'e44c9d5b426cee28c774a1882d61cd8dae612b32', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (h("div", { key: 'facf4962a665a9a46df80e3ccba8b033079abfd5', class: "block" }, h("select", { key: '7f75e81bbfd6e95d680432cd22fa5abff5da4b76', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), h("span", { key: '312c48c90727a800248e1736c314ae0c9d98ba8f' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: '954f68bfa4e2ab1b0f96a5608fff0f2836d00141', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '06d4ba3385b072dd63e097d6d130a3a12707f892', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: '44351eb65d1bad894b1762a754b29b359b0f4dfc', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: '541df2de18106ffa2200608edf6880495c6a911a', class: "list" }, this.visiblePagesWithDots.map((page) => (h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, h("span", { class: "list_page", slot: "icon-left" }, page)))))))), h("xv-button-v2", { key: '44a99d1c878dd67ff31ea5a0853082cc908842b8', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: 'b7abb64c61e86f4f630a7c8314d0b56af236156f', slot: "icon-left", class: "icon icon_next" }))));
     }
     static get is() { return "xv-pagination"; }
     static get encapsulation() { return "shadow"; }
@@ -212,7 +212,8 @@ export class XvPagination {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },
@@ -257,7 +258,8 @@ export class XvPagination {
                         "XvPaginationVariant": {
                             "location": "import",
                             "path": "./xv-pagination.model",
-                            "id": "src/components/xv-pagination/xv-pagination.model.ts::XvPaginationVariant"
+                            "id": "src/components/xv-pagination/xv-pagination.model.ts::XvPaginationVariant",
+                            "referenceLocation": "XvPaginationVariant"
                         }
                     }
                 },
@@ -291,7 +293,8 @@ export class XvPagination {
                         "XvPaginationVariant": {
                             "location": "import",
                             "path": "./xv-pagination.model",
-                            "id": "src/components/xv-pagination/xv-pagination.model.ts::XvPaginationVariant"
+                            "id": "src/components/xv-pagination/xv-pagination.model.ts::XvPaginationVariant",
+                            "referenceLocation": "XvPaginationVariant"
                         }
                     }
                 },