xv-webcomponents 1.11.3-qa.0 → 1.11.4-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.
- package/dist/cjs/xv-accordion-v2_45.cjs.entry.js +6 -6
- package/dist/collection/components/xv-header/xv-header.css +1 -4
- package/dist/collection/components/xv-header/xv-header.js +4 -4
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +3 -3
- package/dist/esm/xv-accordion-v2_45.entry.js +6 -6
- package/dist/xv-webcomponents/{p-54800a3f.entry.js → p-1d06684a.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
|
@@ -22826,13 +22826,10 @@ header.header .header-top--right {
|
|
|
22826
22826
|
header.header .header-top--right .header-label {
|
|
22827
22827
|
display: flex;
|
|
22828
22828
|
flex-direction: column;
|
|
22829
|
-
font-weight: 500;
|
|
22830
22829
|
color: var(--text-primary, #131313);
|
|
22831
22830
|
}
|
|
22832
22831
|
header.header .header-top--right .header-label > small {
|
|
22833
|
-
|
|
22834
|
-
line-height: 11px;
|
|
22835
|
-
font-weight: 100;
|
|
22832
|
+
line-height: 1;
|
|
22836
22833
|
}
|
|
22837
22834
|
@media (min-width: 992px) {
|
|
22838
22835
|
header.header .header-top--right .header-label {
|
|
@@ -164,21 +164,21 @@ export class XvHeader {
|
|
|
164
164
|
_renderAccount() {
|
|
165
165
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
166
166
|
if (!((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.IsAuthenticated)) {
|
|
167
|
-
return (h("li", null, h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.MD, onClick: () => this.showLoginModal = true }, h("i", { class: "header-icon far fa-user" }), h("span", { class: "header-label" }, "Mein Konto"))));
|
|
167
|
+
return (h("li", null, h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.MD, onClick: () => this.showLoginModal = true }, h("i", { class: "header-icon far fa-user" }), h("span", { class: "header-label xv-body-02" }, "Mein Konto"))));
|
|
168
168
|
}
|
|
169
|
-
return (h("li", { class: { myArea: true, onHover: true, isOpen: false } }, h("xv-button-v2", { class: "myArea-btn", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "far fa-user" }), h("div", { class: "header-label" }, ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.IsManager) && h("small",
|
|
169
|
+
return (h("li", { class: { myArea: true, onHover: true, isOpen: false } }, h("xv-button-v2", { class: "myArea-btn", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "far fa-user" }), h("div", { class: "header-label xv-body-02" }, ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.IsManager) && h("small", { class: "xv-label-01" }, "Manager"), h("span", null, ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.UserMenuText) || 'Mein Konto')), h("i", { class: "caret" })), h("ul", { class: "myArea-list" }, ((_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ManagerCockpitMenu) === null || _e === void 0 ? void 0 : _e.length) && (h(Fragment, null, h("li", { class: "myArea-list--category" }, "Cockpitfunktionen"), this.metaNav.ManagerCockpitMenu.map((item) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text, item.BadgeText && (h("xv-tag-v2", { class: "category-badge", color: "var(--text-inverse, #FFF)", bg: "var(--icon-interactive, #97BF0D)" }, item.BadgeText)))))), h("li", { class: "myArea-list--divider" }))), ((_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ManagerEntitiesMenu) === null || _g === void 0 ? void 0 : _g.length) && (h(Fragment, null, h("li", { class: "myArea-list--category" }, "Entit\u00E4ten"), this.metaNav.ManagerEntitiesMenu.map((item) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text, item.BadgeText && (h("xv-tag-v2", { class: "category-badge", color: "var(--text-inverse, #FFF)", bg: "var(--icon-interactive, #97BF0D)" }, item.BadgeText)))))), h("li", { class: "myArea-list--divider" }))), ((_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ManagerMenu) === null || _j === void 0 ? void 0 : _j.length) && (h(Fragment, null, this.metaNav.ManagerMenu.map((item) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text, item.BadgeText && (h("xv-tag-v2", { class: "category-badge", color: "var(--text-inverse, #FFF)", bg: "var(--icon-interactive, #97BF0D)" }, item.BadgeText)))))), h("li", { class: "myArea-list--divider" }))), !((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && ((_m = (_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.UserMenu) === null || _m === void 0 ? void 0 : _m.length) && (h(Fragment, null, this.metaNav.UserMenu.map((item) => (h("li", null, h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text, item.BadgeText && (h("xv-tag-v2", { class: "category-badge", color: "var(--text-inverse, #FFF)", bg: "var(--icon-interactive, #97BF0D)" }, item.BadgeText)))))), h("li", { class: "myArea-list--divider" }))), h("li", null, h("xv-link-v2", { href: `${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}`, variant: "standalone" }, "Abmelden")))));
|
|
170
170
|
}
|
|
171
171
|
// endregion Account
|
|
172
172
|
// region ShoppingCart
|
|
173
173
|
_renderShoppingCart() {
|
|
174
174
|
var _a, _b;
|
|
175
|
-
return (h("li", null, h("xv-link-v2", { href: `${this.baseUrl}/de-de/mycrossvertise/shoppingcart/activecart`, variant: "ghost" }, h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-shopping-cart" }), h("span", { class: "header-label" }, "Warenkorb"), h("xv-tag-v2", { id: "shopping-cart-items-badge", class: "counter-badge", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, ((_b = (_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.Cart) === null || _b === void 0 ? void 0 : _b.NumberOfItems) || 0)))));
|
|
175
|
+
return (h("li", null, h("xv-link-v2", { href: `${this.baseUrl}/de-de/mycrossvertise/shoppingcart/activecart`, variant: "ghost" }, h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "header-icon far fa-shopping-cart" }), h("span", { class: "header-label xv-body-02" }, "Warenkorb"), h("xv-tag-v2", { id: "shopping-cart-items-badge", class: "counter-badge", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, ((_b = (_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.Cart) === null || _b === void 0 ? void 0 : _b.NumberOfItems) || 0)))));
|
|
176
176
|
}
|
|
177
177
|
// endregion ShoppingCart
|
|
178
178
|
render() {
|
|
179
179
|
var _a, _b, _c, _d, _e;
|
|
180
180
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
181
|
-
return (h("header", { key: '
|
|
181
|
+
return (h("header", { key: '5c33ffe612814c38756e014cc72c013f65fc513c', class: "header" }, h("div", { key: 'c97481d42d5fec99ce446ea75b170c78f44e4940', class: "header-wrapper" }, h("div", { key: '4ccede35c478309aa4fb301213f3e2834458c261', class: "container" }, h("div", { key: 'ab24e31eeba43a04d06b78e879db4e2e0b9626da', class: "header-top" }, h("div", { key: 'c786a6f0dd1de30c40e98469972d4e9e2fe5dd4e', class: "header-top--left" }, h("xv-button-v2", { key: '838c11872b48985a1f918b737f51295157514d4d', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '1d9ea4e3dde6d1603273efef7a799905ea0d4281', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '5b9fa053d42ac51b8c4886cc09cc9a3fe07b2ddd', href: `${window.location.origin}/` }, h("picture", { key: 'da18d84e5df1f0abd5a087f3050dc22fe5755824' }, h("source", { key: '461c2d9907e77274ef00cf9e27e1d660a2445f3d', 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: '14c162ce93967ee64e0e16a8cc939e72c7e45d3f', 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: 'f8576e272ce7ef4600f8b9eb40b6aa19904b698b', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '74e86baac6dfcc099c25bd028ae99e3bfcdd0796', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'b5a3d2c9523db39a06c28b4e4ec1e90ae9ca959c' }, h("xv-link-v2", { key: '2d838077fe5fc5806ffd0e4ccfb61bcfc0b155f9', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '2e2ed1d6672667d0727f05739262cf4d7487ac10', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'c3af89ccfcfd284e2dda71129c12bc8b22ca5b5b', class: "header-icon far fa-envelope" }), h("span", { key: '8ee9664239e4b47cfc039e6c39b5a3b5c5437c24', 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: '9291f51c80a5eaef8c314b73c2f48bdb70ceb855' }, h("xv-link-v2", { key: 'aadc073faff56fc0e6a8dff782b5554f581778cc', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'c243a658641de9fc418daf9a164579a5b8fca5a1', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '462fb9f1094a1f0cde2d49d7c9fb3fff0f9ee864', class: "header-icon far fa-question-circle" }), h("span", { key: 'fd3aa17c4da8799af6ad396979c189d6bf6ff014', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '4106312d3578d7be81ead484a8fcccba33576a18', class: "header-wrapper--bg" }, h("div", { key: 'b27ae867b4adc1864ac6f364930d3207f07d4fc2', class: "container" }, h("xv-mega-menu", { key: '204d62166f9e66f6ae5ab14e61f4de07669d0a20', loading: this.loading, open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '8cd931bc5968f6909fbf0bbf63144c11f2851c99', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
182
182
|
}
|
|
183
183
|
static get is() { return "xv-header"; }
|
|
184
184
|
static get originalStyleUrls() {
|
|
@@ -305,9 +305,9 @@
|
|
|
305
305
|
padding-block: var(--spacing-05, 16px);
|
|
306
306
|
color: inherit;
|
|
307
307
|
font-size: 16px;
|
|
308
|
-
|
|
309
|
-
font-
|
|
310
|
-
|
|
308
|
+
line-height: 24px;
|
|
309
|
+
font-family: var(--ff-body), sans-serif;
|
|
310
|
+
font-weight: 600;
|
|
311
311
|
cursor: pointer;
|
|
312
312
|
border-bottom: 2px solid transparent;
|
|
313
313
|
transition: 250ms ease-in-out border-bottom-color;
|