npm - xv-webcomponents - Versions diffs - 0.1.44 → 0.1.46 - Mend

xv-webcomponents 0.1.44 → 0.1.46

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 (98) hide show

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

@@ -1,3 +1,98 @@
+.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;
+}
 .svg-assets--src--project--images--svg-sprite--youtube, .svg-assets--src--project--images--svg-sprite--xing, .svg-assets--src--project--images--svg-sprite--vorkasse, .svg-assets--src--project--images--svg-sprite--visa, .svg-assets--src--project--images--svg-sprite--sepa, .svg-assets--src--project--images--svg-sprite--paypal, .svg-assets--src--project--images--svg-sprite--mastercard, .svg-assets--src--project--images--svg-sprite--linkedin, .svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung, .svg-assets--src--project--images--svg-sprite--instagram, .svg-assets--src--project--images--svg-sprite--facebook {
   background: url("https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg") no-repeat;
 }

package/dist/collection/components/xv-footer/xv-footer.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class Xvfooter {
         }
     }
     render() {
-        return (h("footer", { key: 'ded377d47464f3f171b99929f6517d4a2bc0be7b' }, h("div", { key: 'f1cfbd7b0277f073ed45a7be034bc86d60bf8880', innerHTML: this.htmlContent })));
+        return (h("footer", { key: '8cc48f284221abc3e130a5151f6128fd14f7df58' }, h("div", { key: '0cf27056ee190f644c339f7ffcf2ba8604a33bf3', innerHTML: this.htmlContent })));
     }
     static get is() { return "xv-footer"; }
     static get originalStyleUrls() {

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

@@ -1,4 +1,99 @@
 @charset "UTF-8";
+.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;
+}
 /*!
  * Font Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)

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

@@ -30,7 +30,7 @@ export class XvHeader {
         }
     }
     render() {
-        return (h("div", { key: 'e23865373ad9ea2ad72b911763532a825f606bc5', id: "nav-container", class: "xv-header" }, h("nav", { key: '7a621ccedbbcea7752e8f0535718e714ac3b87a7', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '5d48c595a601eb4aecbf20acf7bad412173b0c43', class: "container" }, h("div", { key: '495a0c316a6eaf585704e5d8c7fc1ad6a98ef0a2', class: "row" }, h("div", { key: 'ae0135513b1afd15a8a732b433226ea4c2e5fb34', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: '941dcc71efd9fcd591fc37d3b79658a5895c0cf5', class: "navbar-header" }, h("button", { key: '05422376a774a3fb2bad4f3d99260c14c9591ac3', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '2724965e90ff27350749d35e4f334c896222adbd', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: '540e61643a05c89e92739af9e5639dae1c7a3a89', class: "visible-xs-inline" }, h("a", { key: 'a90967bfd343bfa84310f439e869d5cf6fd7b245', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '9a4a05061aab1c1b9f47f3c8a5f1d233f2d0585f', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '6be821a687b33ff2ec170722ced74f916380f351', class: "hidden-xs" }, h("a", { key: '30494848524505dfd30b205d781628ecd76d7133', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '3d295824a957db5789a0712bcce707679a0b61eb', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: 'ccda27c0fc15d51d8bb36a0edc6449a2a0ad96ab', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '11cb71d231254db9f1c5c53695aae2e721da4b20', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: '50c5f81db2f1f0e85c5f6bbf9a253465d9e84b35' }, h("a", { key: '79bc7f4274fc938a35e38682ba0f65fccdfb4b03', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: '21710845d33579fab0dc70d063b5d872387378c9', class: "fa fa-user" }), h("i", { key: 'c6061afb38e2b2ed44c03ce4e910d9d2b5801a17', class: "fa fa-exchange-alt" }))), h("li", { key: '49348a283e4ede773307681345099e57207fcdda' }, h("a", { key: '290fd16b3aafec374b449d5050a19f606894b1d7', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: 'b51214e7831f07a03ac866bda5266c8d525fe558', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '31fd0c8390e09334e1996330efa04c9899620cc6', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: '17684ce738751f491369695434ab9183008a9b0d', class: "fa fa-phone" }))), h("li", { key: '38ece1d7260b8d73c7e48e3bd3b6ac29d389b88b', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '70ba7716137f93f52ea952ea401fb634a85bd672', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: 'bba83584c110f747aeb7e1f64d1010eb76588e93', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '6438bc959dfd6245859425f8e325127f869a4a8a', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: '48b03adc129165116ac53166508b7d85a50d9110', class: "caret" })), h("ul", { key: '41a1e53662bc7c4b01b4dc50ed498b904d3e1fe0', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: 'f74892854e52d7109b3f40aeb9f0df75db7df6b9' }, h("a", { key: '0b41a267d437bab5d1c721942901c90c2b5f544c', href: "#" }, h("i", { key: '8824476df69bb5efeed55b742c2bf660711e9946', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: 'eea0470f9510c6bb4be719edb4592511fbe9db2f', class: "fa fa-caret-down" }))), h("li", { key: '8db405011c404f6f62ca6f849fd1a5c7fb6130b5' }, h("a", { key: '2a07deb167ebeb88396424325057ded6a5d3bb79', href: "#" }, h("i", { key: 'c278dfc51bb82626032dda352ec0fef4fe292d0e', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'df99378caeca61ff7fc34e0e5ba4ef300945c91b', class: "fa fa-caret-down" }))), h("li", { key: 'ac30718411da279c57fadadc62a6cd669a34d715', role: "separator", class: "divider" }), h("li", { key: '869b0c629487677b67c713ca73651755cbf6f383' }, h("a", { key: 'ac460c523ce2202ba08b7de10bdac67b48912dd6', href: "#" }, h("i", { key: 'feda1a2c2999dead3b2b3eb834f8b51cc63dd991', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'db19052087c8efff2cf408629775636aa1980250', class: "badge" }, "0"), h("i", { key: '5225f5b72738346c19fb1613950410bca93d8d2a', class: "fa fa-caret-down" }))), h("li", { key: '5590a102180218c69e065cc57794b835a5f224d1' }, h("a", { key: '316a47a72b47da1f68fd1f717f7246740f25a6a8', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: 'bb8ccc79300a525d4f8194d2fd00abb2581db9f6', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: 'd0ba91f2c496398d5aa5dbb1117d6309e8f1e606', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '22b74c5543d27d32c2d02e351b7c21e16b9ce78c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '01b86811a768fc2a19d72cb4f17c6a9785829ab0', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: 'c0d72f6ddd76f3dfa9d96f12118d0a73241753e8', class: "hidden-xs hidden-sm" }, h("a", { key: '71a09c453ede7a36bc6b8fc5fa79d1e608a16cfb', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '74142f2bd13d8de2d85fc1e82377407152d14c92', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '1b5116849bca8e05dc349f8554b1b552c88369dc' }, "Login"))), h("xv-login-modal", { key: 'cb142ee870252f3633b90b4e9abcd05f9f7e2df7', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: 'bb2855d3c34440d8fb379624ddd5acda1a8df347', class: "hidden-xs" }, h("a", { key: 'ad31c42ae4f0cfffa369b8c6471f89dc21bbbfa8', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: '6a9faaac3cfe6211636be703df13a104762e2fb2' }, "Registrieren"))), h("li", { key: '2211f6d0672a708956f3cc615bf0c7ee7b3ce1ec', class: "navbar-divider hidden-xs" }), h("li", { key: '252bdabd42167b13a7e338c6554dc62f6dbf5156' }, h("a", { key: 'e4e3b75d0be8af70ca5e7fe64e3ee2b21eff072b', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: 'f5c1b26dd26a7baf67cfccfe4817aaa7b9cf0c9d', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '8e4e16628d7662e46bb92817e430471557390432', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: 'da18423a0585a0298ec080cb2526c1104f46e907', class: "badge badge-success" }, "0"))))))), h("div", { key: '282355ac46855e03ae8a3d64bb4eaf62c86e77ca', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '5007ccb71a3ff29b7325f0fcf8bce09eb93f603c', class: "container" }, h("form", { key: '55627dcc8b419e24b65cd6f6ad5e4fdde1a368d0', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '0d39c0d7cd9b098f6d5ab5f1f1c3418128753816', class: "input-group" }, h("input", { key: 'fb554f8ba5df87ec3fe372c9834497accafdd451', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '353cc24679f1092fea80f7c033525d8291ec8d0b', class: "input-group-btn force-full-width" }, h("button", { key: 'bbde50921f67baa753a65540f544bfcae80379c6', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '17749c3879831e532d36a08cc7c1ef43d72e5591', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '37675efdf9ad133373d0b4053d1007b92b9be622', innerHTML: this.htmlContent })));
+        return (h("div", { key: 'b7aab6acaa7c2413b1c6e9a4b6ae05713811960c', id: "nav-container", class: "xv-header" }, h("nav", { key: 'f788b98e47962ac01b496b8f0f89b58ce4370419', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '8a40f066454f9653ee8edb4f1f48a52b20218011', class: "container" }, h("div", { key: 'd678952c074b64205fd6ace899aef78ca160a0e5', class: "row" }, h("div", { key: 'f205bb60260b131fa6d6dabac56bc42b8766fc34', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: 'ce7e0e8f266811a72bf50e6b6ab9151abfec3cb5', class: "navbar-header" }, h("button", { key: 'f927eedb153cc3a70ac4806bf464306818fcc1ce', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '79a7dbea97c0b2f90efd2b07714e542b34abb19a', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: 'bc11baf30585ac9e4dc20db488fae122e4d2ad8a', class: "visible-xs-inline" }, h("a", { key: '8df1723becb1239e99ef723258b117c080b69148', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '6596d266e73b88d73375952703a879b1e64366cb', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: 'd0881fa49bb3869013762fe946ecd778611f969b', class: "hidden-xs" }, h("a", { key: 'c5a75281506a325de9a0ae18a7caa42b4891ea20', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '9823da8d0f391a06376a4207917cb518e3106fd7', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: '751f34a9ac038f8adeaab310a8460cd5d874595b', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '3dafb893f2d7f1fe939b76f3cce0f1dce38525b5', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: 'be464f72fa4691826033b40a024edf6408dd5e0d' }, h("a", { key: 'b2bf46d24a3a67affa5ee0fe45e10d52da7d6529', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: 'f3d77fdd87de26113f3d8a44b997536a62afef7a', class: "fa fa-user" }), h("i", { key: '6485646caf92d85c8a8f28b19cf978a13afa9aa8', class: "fa fa-exchange-alt" }))), h("li", { key: 'e962f8de44d5d890da4feffb078a47c3f35e3880' }, h("a", { key: '211740f428b4331c861ab1b6c66d1b66d5d8cc78', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '236cdec447c0fa7dee945b2292d802e6130d73f9', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '0420eddf96d681532dce268bd5a9ead16c3c8aec', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: 'e6a8674a98ae9b14d8c2c2b1d7401c263dce1a3e', class: "fa fa-phone" }))), h("li", { key: 'b86f2ae90a88c656bb57e6e11d7d01c3351828ae', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '03612f92396ecaa250c4034857651059856d1079', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: '88373fa2719c5ba53a010547c8da5d03157e473b', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '01d46ab9a728b4bed00f7e51447590167488f174', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: 'f5aa74c331af74f2ddfe4982448811080f5d6cbd', class: "caret" })), h("ul", { key: '08b246ba0841a78d36b80941ad31a2ecbecb78bf', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: 'be019929b12cc758b33c4501054b5202e2a6c231' }, h("a", { key: 'b03b8b3cbf8fa30716bac0ded50c8a9ab0d65ddc', href: "#" }, h("i", { key: '504c93b867f94e168e3f830b38dc35e40fb47413', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: '4bdc28d3fa15730bc0f1878fbea1e8114494fb58', class: "fa fa-caret-down" }))), h("li", { key: '83f8664631367b6a619eb84eab24b960769ba2e8' }, h("a", { key: 'c07ed425d1887b6f660daf8de6634100caa2c2f2', href: "#" }, h("i", { key: '85a23d5082e867842f24c508dcd28601d40cedbd', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'e82487a0fcfd86ae9569fa40145d57b8095c8833', class: "fa fa-caret-down" }))), h("li", { key: '4c8e3f50586c7d666209952d5a269d1c727f9e58', role: "separator", class: "divider" }), h("li", { key: '42ea22dc947b257a5884ed149ded2d475cfb1a65' }, h("a", { key: 'f035a6e82af476aea781164ac3256d9a8e216b29', href: "#" }, h("i", { key: '728d79a2925441364f7e145fa5eaa346c6c0185c', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'c7f81006d6be91706bc8390c1f24eb6885f62c54', class: "badge" }, "0"), h("i", { key: 'b222edbd876509add34ac486616c269598af26fe', class: "fa fa-caret-down" }))), h("li", { key: '8e986473435ca9f93f45852a772336d65ad4a0ed' }, h("a", { key: 'd911df5a29b62096226f29c30435d37db8d2e62e', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: '5fc4602c6860a2ef5253bc1aff26b786f4bf6614', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: 'ad9e678d4fd0c19c1d66bafca4177b6a11215768', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '35c8bae0c030cde5e632240ebcfee1d3bc9da937', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '1b3398b90d545f6d1fea285a454876308fddd0f7', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: '5290e6a7fa352551948eacf154ace580ccabe28c', class: "hidden-xs hidden-sm" }, h("a", { key: '82535cb3eab93b2c404d8c7c9773d7cba9f1a68d', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '77a780b94ed0146d76db21fb0e90498ea1f38788', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '24a441304c43addc005355b9314c3c6ef02594e5' }, "Login"))), h("xv-login-modal", { key: 'b7f62e49b69348456003bbab3859780648fb1bbb', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: '8f407702b11dac6fc0828e905ec0eca8e2e3024d', class: "hidden-xs" }, h("a", { key: 'c4d3fc79144ffc58f65bdd9b1b9d1d7fa7a9c208', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: 'cf68d99b8a1264ca965c4ff507198ebcadbcc1ca' }, "Registrieren"))), h("li", { key: 'd28aaa20152434878fd4b549762fe493d0cbf98b', class: "navbar-divider hidden-xs" }), h("li", { key: '73fb5fc8726a3f218ddac938d32af24fcc14391e' }, h("a", { key: '24323784701f4c141d4f497c26fd4d251e934bc0', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: 'd5aef82ca7995f937d07f84d13319f63f3fe7734', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '4eaa3b73bd43436c727e686fad291cb6da11d212', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: 'ddd067ecfdd76154a43a91e84a6f806bcd207069', class: "badge badge-success" }, "0"))))))), h("div", { key: 'd16d981fe0df4b1a6db976e518bc814c598f88f0', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: 'f8af23ba283e7ebaeea9177d336b63f3073d9fb3', class: "container" }, h("form", { key: '366bbb3bb49d548a94b18411ab48c03cf678a5bc', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '5f02be2ba0e3b02e38c997f92e2235b72c245e94', class: "input-group" }, h("input", { key: '791818f062dfb12fdb82e6a36f78cdfa2d3d4c90', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '5403c028759d73f11750adbbcfcd78399abec986', class: "input-group-btn force-full-width" }, h("button", { key: 'c553c93e1d6727a33379faff15ff3d2d1f1fc829', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '595c6b8bab74002d85b994af6edb1adf10c34add', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '5cd2952c6329675c83cf442ab89a74557d7147ec', innerHTML: this.htmlContent })));
     }
     static get is() { return "xv-header"; }
     static get originalStyleUrls() {

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

@@ -1,3 +1,98 @@
+.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 {
   font-family: var(--ff-body, inherit);
 }

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

@@ -12,7 +12,7 @@ export class XvLink {
         e.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '8abd4142d08b9a55fe67a2c588655728e25dd159', class: `xv-link_${this.variant}` }, h("a", { key: 'b6fec7e701adf7a5caef4ae0610f6d83b2c08617', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '0a68b77769f8681dfc44782f9e5ea2db1a8a7d6f', name: "icon-left" }), h("slot", { key: '3ecd19fef95c96c283f260a5ef5dea734bf318bd' }), h("slot", { key: '8f21cd979ccfc5e6e890092b6ebea3b0bd067f1d', name: "icon-right" }))));
+        return (h(Host, { key: 'ba018404c9793ec486297fd0b033f30dec4a5d02', class: `xv-link_${this.variant}` }, h("a", { key: 'ab2696b4a1b3a9f46f7a7358073d62fa368e1705', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: 'e9d547bfd23215c9291080fb45b539743d56e4ed', name: "icon-left" }), h("slot", { key: '2ffb2c2b7fbe7f29cfb8913fc8900142c03cb385' }), h("slot", { key: '7d5d6c69aa44cbda8d954d01fcf580ae21d99a84', name: "icon-right" }))));
     }
     static get is() { return "xv-link-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,3 +1,98 @@
+.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(.xv-loader) {
   display: inline-flex;
   align-items: center;

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

@@ -1,4 +1,99 @@
 @charset "UTF-8";
+.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;
+}
 /*!
  * Font Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)