xv-webcomponents 1.22.1 → 1.22.2-qa.0

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

@@ -30,228 +30,6 @@
   }
 }
 
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
-.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;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 header.header {
   position: sticky;
   z-index: 1000;

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

@@ -173,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: '754795297ed19a0c57d087c6095f8c470f54a25a', class: "header" }, h("div", { key: '390c82d75d718dc34923abc8c6a396a90a11988b', class: "header-wrapper" }, h("div", { key: '5d723c13cd472f1b62a1e291af1484c31aac986d', class: "xv-container" }, h("div", { key: '6cb0ae488edb6925cdf8dc976c4170244aae25a1', class: "header-top" }, h("div", { key: '22eb4126063fc58d4d0b7964d61d1ac77a547e43', class: "header-top--left" }, h("xv-button-v2", { key: 'e3c497d36a4a3af311eb74454efc69485692e974', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'a30d242b578683dc769fed89229444b596d6b378', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'a2e2558e964205df06436a4bf598bdf075872c92', href: `${window.location.origin}/` }, h("picture", { key: '2d8eda2204c9f16145f93c3610503b13da726709' }, h("source", { key: '2799ae8c178f0a4366b77b8d0f1e94fd458ab275', 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: 'c371eb2214aef44e3355bd9ea1428fa38a2fffd7', 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: '20bef1cf6f7b018bb1aa529f5af55986668b8ceb', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '63600010231badf7d5bf37fd1d2d5056b16515e8', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '0e88d2270f96f3c618b004190f888a14b451ddd8' }, h("xv-link-v2", { key: 'ce699c912304e8c0ec95bb138c0d8a49f2155f07', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '68f50683c0d76a7e9bba7ade91ba3d8fdbf88712', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'b0c331a696ebe58a034e4f1b4173660ac539b7c9', class: "header-icon far fa-envelope" }), h("span", { key: 'a5741c96386a64d9e8b2658175a0b408b0415056', 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: '238985f6fc5c86bc04a76b9593131f7836b83d3f' }, h("xv-link-v2", { key: 'f64cb158bae92639dacf3a8bfe5a2ed160b42a18', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '3041a1da432be7f326683706eb77063e657951d0', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '1b2c47b0d1a36dad9aa6518c1d892f25b86a28e8', class: "header-icon far fa-question-circle" }), h("span", { key: '5c5a63696cbd8e8c4eaa623e9d6f717f732f45a6', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '44b65f4e954d10d601a83bb4281bd84a5cd0fc12', class: "header-wrapper--bg" }, h("div", { key: '6477762a0d3479f5fcd1ee825250117f4ece6b1d', class: "xv-container" }, h("xv-mega-menu", { key: 'b7699a985567414b49937c424b698af82cc419eb', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '9cb68ba41ef734e40b83d7d8d2a57fb1d783ac83', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (h("header", { key: '19d482cef760923a613303b48b95848a34c6cb91', class: "header" }, h("div", { key: 'b292a5af02f20edb4ac3aed088de974740a1c3a2', class: "header-wrapper" }, h("div", { key: 'b2964f1e94c3ad41d978823fc5db36201e776f04', class: "xv-container" }, h("div", { key: '9c9dc134604039a40a1185942fa7696df599fb8b', class: "header-top" }, h("div", { key: '26ca420fc767c21d1aee116fbc8a764b73f1cfe8', class: "header-top--left" }, h("xv-button-v2", { key: 'a12123f5e087f5747373fe082d15ade8f4b82cf0', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '2dba0a9ad0be52f05becd40755c8ff1ae5fa6a20', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '1a73d971625913c03c540e0de2bf555a01009dbd', href: `${window.location.origin}/` }, h("picture", { key: '5d6bc89b2a4a5621e07371d29ea2ce8ed45bdb08' }, h("source", { key: 'bb50e16a0c687c80e51f2a5d2fba31f3f37f2417', 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: '38e743fcfc8e44401e602770f15febdf55184dfc', 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: '6c36b6b285ef81640b84277458d1a1075db83bd1', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'c9f063139c8c148685f7c5947750b9517b2dbd02', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '7054c0d1a2e199c2a80a15b0898a1378b6eaa042' }, h("xv-link-v2", { key: '2a2661f6416a33a0ad0a5d792f599456be4c08af', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '215d899d9078b23f5616807443c712ed5d592c9b', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '02bf5a384f664574ff4e88f3cf4e4eacb526d224', class: "header-icon far fa-envelope" }), h("span", { key: 'e43533448cd36853e28a6d9b83d3444c1e89f946', 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: 'ce2726aee260d341411957b5033ed652bbbb1ba4' }, h("xv-link-v2", { key: '0f797d904de58684c27de59a78f8401a85b640bb', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '0cb8df24943fe7ebaf1106bf87378462c461523a', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '5381052d573e6927f97b0a8e95f6f59f8d7dc6c4', class: "header-icon far fa-question-circle" }), h("span", { key: '3548827457f71d75d50b1a204ce543d6f72cf70f', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '150f519c1b8cc34724996b6816598fb8500f2b68', class: "header-wrapper--bg" }, h("div", { key: 'df73b21a8fbdf3cbadd4680926f37b598400343f', class: "xv-container" }, h("xv-mega-menu", { key: 'c6ab3d6db2a99b01bfd783e8fbf5ea3be9bd3c23', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '5d2d0a5821a37998f484479a30e227ac1cbb23be', 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.css

@@ -30,228 +30,6 @@
   }
 }
 
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
-.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;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 header.header {
   position: sticky;
   z-index: 1000;

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

@@ -205,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: '367db1f50b5e830f44d3856f477cffc86d883af1', class: "header" }, h("div", { key: '30799028ac203ee37793cf02ff051d301de4547b', class: "header-wrapper" }, h("div", { key: 'fc74acbc5a05646ae13b72e8e3b6b5b16e549128', class: "xv-container" }, h("div", { key: 'fd39609d7dbd00d4e1a6f2d42936017dc7b92133', class: "header-top" }, h("div", { key: '144c2f9b44e10e630e72ddf0f5908a57adb870c0', class: "header-top--left" }, h("xv-button-v2", { key: '60bafd1688527ee990d33a737621cc7a0f86c1a8', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'd3f6921a217103d0ba4737a7fa2cf255ec4ba494', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '239d6f40cf27b3bd156b3a4b89673e8e7de0ade0', href: `${window.location.origin}/` }, h("picture", { key: 'b0d07ac3809b754bd3d9d1a854314f5b5097af65' }, h("source", { key: '6ced5e2dd0fc39237a4730bfcae9696d10485dac', 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: '5c2089055930be622f4880bf493ecd3a937963d4', 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: 'bc159154774361df602ceadcfefc6fbae4612c82', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '1ab6278056ab4000f858299a288cc6de47616307', 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: '5a51295129e0adae87ed44bf0fc64f66b861f223' }, h("xv-link-v2", { key: '2bf404f048f0866e88c505d304a0cfd9b6f59728', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '620e2520d9e77310447ddaeacfb8581d1325c614', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '2af6b9aaa41072fa0b8a667169c567c67c1fc698', class: "header-icon far fa-envelope" }), h("span", { key: '515720ab78fec3507e1e14b3657372b375dbdbf5', 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: '07adfb149a7ef1c5889f1a7a4529d5e0779cf992' }, h("xv-link-v2", { key: 'caa650c5c7b479aa44102e2ec370e2f07c854fee', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '1d72eb9a9c084183d7c5d55b2bd1f734296d63c9', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '5c175d7afbfc7527e78c51289dd28d9f62af1010', class: "header-icon far fa-question-circle" }), h("span", { key: '95f8f14e391470d46647df176dde788653742bbb', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'c52d3fc26cb4b787892aedf43b61b7baa5d95935', class: "header-wrapper--bg" }, h("div", { key: 'd5445ba26a4691b6f5acf7682fac67a6118d331f', class: "xv-container" }, h("xv-mega-menu-next", { key: '55541489dfaf1ce307149e932c7e4bee0e55747f', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: '9383f391de7d39c28775cf9842130b0f3e5dbce5', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (h("header", { key: 'e1932c70380d756af07bfa05675b9d5c2c547289', class: "header" }, h("div", { key: '183eee57978f19fcb219d7db91ee595550a1107c', class: "header-wrapper" }, h("div", { key: '02fcd66ff4da907903f1e334ad5a53a7b9bb2059', class: "xv-container" }, h("div", { key: 'aab66eb90337e98f4e59d42aaac564b378f1ab96', class: "header-top" }, h("div", { key: 'c5fcfa9014bb2bfb0bced02bd7719ea1035d0908', class: "header-top--left" }, h("xv-button-v2", { key: '4a976abf3371f24ce5effaf4cf8ff8362de94403', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '7e0813834a2d910eeb8caf845a20578941d6b849', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '307c66eb52256b5a2babf83ae73374e773742608', href: `${window.location.origin}/` }, h("picture", { key: '40a68d07333b94a546e64b64dedf3d1f0aad33e3' }, h("source", { key: 'b1ea9728fbaa7be3db49ef5f345da13e5d9fe128', 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: '26b55e09faf33d6fd7b15eadbfcfd7983ea9091b', 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: 'a6afdfd42951d557582e2e5b19fe10ac3d3ab3d7', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '448514d89b69358c4de90be5f3a2e81efd983bea', 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: '61035a716a07da5a2aae58424378ef01983bf824' }, h("xv-link-v2", { key: '7c57c3260f4f27595cb812ad1dec511914d5335c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '4abd8f7dcf600df0a14e6838fee395f441fede9d', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '09c17b6dc458482bd5bc037c33879e717e5e2414', class: "header-icon far fa-envelope" }), h("span", { key: 'd26a89c70294dc18303f5909e354d815fa254d0c', 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: '33b0d3b5c9c239a3a528375b72ed105084f70851' }, h("xv-link-v2", { key: '38a72e3aeff4ffdd95cf3b65eb0d1b48f9d4cdb9', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'f9adcd32c71b048b5bcd477a2bdf2c9dff8461d7', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '0cf12dc0e0b8cfd7a6541f4e656b66dbcb9d8cbf', class: "header-icon far fa-question-circle" }), h("span", { key: '3c329275f4ec1575bab6ec0fe66704e56ad9d084', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '52276a7cfae8499d7818c792faa9917af5dbc1b3', class: "header-wrapper--bg" }, h("div", { key: 'd7d308bf85f8b085632cd3eab6a065569cb70f68', class: "xv-container" }, h("xv-mega-menu-next", { key: 'df7cd9de15f68c121e8b59bd4a0910473afcad7f', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: '132923db6ca3327bf9db41470ef6837b357a42fe', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
     }
     static get is() { return "xv-header-next"; }
     static get originalStyleUrls() {

package/dist/collection/components/xv-image-viewer/xv-image-viewer.css

@@ -1,130 +1,3 @@
-.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;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 :host(.image-wrapper) {
   display: inline-flex;
   position: relative;

package/dist/collection/components/xv-image-viewer/xv-image-viewer.js

@@ -58,7 +58,7 @@ export class XvImageViewer {
         }
     }
     render() {
-        return (h(Host, { key: 'd9f765fcb5504295c7a10f68109afbf670f00e75', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: 'c36dd0b687b1e060a9bc5efc458bcc40167b728b', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: 'ba86641ac17567f9186382c05d2f3d644d760eea', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: 'b8dc90ed3205f52651bcb22e1a25dd9c1b420842', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: 'cb4c47bfe473b0abfde639ae6e0abe22b789a4ef', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: '5fa71e7be90562b70e64369d3a1e1f53763da077', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '1a9df6c02064c46cae3ba9a4246f0888f7047b6e', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
+        return (h(Host, { key: '533066966027bab8caaff1cf2bb4f623cd796281', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: '6f7b61e335903a32938a99665bf2b0f243f98003', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: '9fcfa1f8b971e4d84b32568ff2120e0d5595a8f8', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: '87dc5edf281ca92ec940e9e1a07da4091b8db3d2', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: 'f378958e117c9dfa8c4633dde5d2424ec5746c33', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: '1795c2257d8ff25c74283e8526a31134f70a9e17', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '399f634938829c338065dda7a005d91548eb41ea', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
                 'fullscreen-image': true,
                 loaded: this.fullscreenLoaded,
             } })))));