npm - xv-webcomponents - Versions diffs - 1.20.2 → 1.22.1-qa.0 - Mend

xv-webcomponents 1.20.2 → 1.22.1-qa.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

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

@@ -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 CHANGED Viewed

@@ -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: '1e8cbed3efe14824ce65b9b79009855f45e88552', class: "header" }, h("div", { key: '871071d55e53c9b3a059be62da7f59b79af83fe9', class: "header-wrapper" }, h("div", { key: 'f005f1602fdb23d8539c7b4365195def15050f03', class: "xv-container" }, h("div", { key: 'd83e928b21387c5eb5a66cdec842a36291822dc7', class: "header-top" }, h("div", { key: '553f7db352b179760b4de59722d2ac625c7296c3', class: "header-top--left" }, h("xv-button-v2", { key: '04ebf462cbd0c2fafae3723ac58d78c7c41f37d9', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '88dcb80ecd93050c90333486b36689b7a07fbc16', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '84c84d341d22ac8014a87f83f08470eb951ecabe', href: `${window.location.origin}/` }, h("picture", { key: '120e34cb407d46a0a3824b8c32c406d0f06ce832' }, h("source", { key: '31960a37deffe4afc81f9d177d6638abd992c78a', 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: '75a7705d025f5022022f768e1c7dc5128b5bdf80', 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: 'c8048b30b3227359fb65cfcca80e5600724f3bc2', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '5de18779cc415b556513ff30a116f9001a1f56a6', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'e17eadf61593034d5fab4129036e57283d0cd255' }, h("xv-link-v2", { key: 'c5df24226e52225840eaf116fe99d43eebe73a96', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '845132fd6507e39479e12df1fe8b473cf088e70f', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '54eb518f58300ccbf4e74f628d7b6379670f1c26', class: "header-icon far fa-envelope" }), h("span", { key: '959c6ae9267cc4a2114a9eec78e798caa50e961e', 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: 'c097773be84472755fda77718f38150a709b32a7' }, h("xv-link-v2", { key: 'b8ea823caecadd2e393751b5edcc69688457783e', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '9d39739c1e35812bfac290e457676937819aaacf', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '1c450da39d5a602e0d9bee2782480bb19be46eee', class: "header-icon far fa-question-circle" }), h("span", { key: '0c8a1a901069832219f66b58bc835c104ba71a6a', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '33c0caebc768f200874997b0732297df7fcd79a8', class: "header-wrapper--bg" }, h("div", { key: '92070c591038efc772c263b328f264bf06cf7de9', class: "xv-container" }, h("xv-mega-menu", { key: 'c06727e455019dff71ce7b68149d4e757391de00', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: 'dde492343f352dadaa27e4c06c21ce85c914aae8', 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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: 'c0012b5ecac3c6471b4ec7b1bfd2eccc3f86dd5f', class: "header" }, h("div", { key: 'cfb8213dac2c3fc8ceef915067a51aa0d7a9555f', class: "header-wrapper" }, h("div", { key: 'd3d2ccf65f3cefe5c67546e43fed176917877ead', class: "xv-container" }, h("div", { key: 'a8fe5efaba57b5687516513d374f9cfba0c705b2', class: "header-top" }, h("div", { key: '4b2119408ec66776a86af787383b79ebee41106d', class: "header-top--left" }, h("xv-button-v2", { key: 'f097db3d55ace0242e871961e6108436e0131aad', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '0986f3d44c8898a3e2f0bd298f2819f3e9a5a34b', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'bf800f74bd14a7c425fcb6eb61aa8225dfcc3ee3', href: `${window.location.origin}/` }, h("picture", { key: '5c976747d8ff1cfdd6393340873ed45358cb181d' }, h("source", { key: 'a7b14ff940f436afe7f7efd6c04db248b0a06729', 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: 'd3a1889224b26633def31994483a8bcdfb56e774', 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: 'b1aba193ddf6c193f4ea05e3bf3856b50261ef67', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '1c91ec33597c7c8ac8f92f3f7c5e759ef50e1dda', 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: '1dc84281285f1b66a3942f8b51055be5d05dd846' }, h("xv-link-v2", { key: 'de90e6054b9f0cd9bf1fee2b8cbb3f6aedbf9767', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '4fd63e27baad255ef62e36b5e4b6ced436fdf01e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '1c2569b332c7caa5518e0884b646020a11b5ae43', class: "header-icon far fa-envelope" }), h("span", { key: 'f890b2fbbdcd750cd1f19fd3d0b8731db1163013', 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: 'd5a450877b90b5cf8671e7cf315f0af03c392a03' }, h("xv-link-v2", { key: '9ab83170245eb9cc36e47969f381b7fb2229b010', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'ca823e73d6088c2be70335658187eb8aedd5142e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '0b72b8d4c39c1a986590275ba486249f94fc915a', class: "header-icon far fa-question-circle" }), h("span", { key: '41ae816f63d86995f5ae92fb383fd7f42374bedb', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'c591fc53113a711ae4f716ca58246b076931ab3a', class: "header-wrapper--bg" }, h("div", { key: '2be8a3100c70b41cf60ca423fa7bedc9fd220d6d', class: "xv-container" }, h("xv-mega-menu-next", { key: 'd0f07991030a2067a8250ccc1f5efef36dbe74b3', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'dd27d33edef87ad2915151573005dbf0e0291005', 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -58,7 +58,7 @@ export class XvImageViewer {
         }
     }
     render() {
-        return (h(Host, { key: '5dc1ddc1442f6e02f9935e39989a997ee71fe7a7', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: '0cbf1f8e66e16f02472a2a2d5377462c19231189', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: 'f514a0ac91e8f0fc7f6db05454d827e7eff0667f', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: 'a8e778738af2a042f9e212efbf8a559387e52caf', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: 'bc052e28843a443b11d7b9c9ab5950f7ba47a7d0', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: 'f88011636374a59ba201fc1d3780fbafe27c3dbd', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '2c2913b88c710e6e80e1448e33a5a41f01ff95da', 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,
             } })))));