xv-webcomponents 1.2.4-staging.0 → 1.2.5-staging.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 +9 -3
- package/dist/cjs/xv-accordion-v2_45.cjs.entry.js.map +1 -1
- package/dist/collection/components/xv-header/xv-header.js +9 -3
- package/dist/collection/components/xv-header/xv-header.js.map +1 -1
- package/dist/esm/xv-accordion-v2_45.entry.js +9 -3
- package/dist/esm/xv-accordion-v2_45.entry.js.map +1 -1
- package/dist/types/components/xv-header/xv-header.d.ts +4 -0
- package/dist/xv-webcomponents/{p-3907b0e5.entry.js → p-3c2f8980.entry.js} +2 -2
- package/dist/xv-webcomponents/p-3c2f8980.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-3907b0e5.entry.js.map +0 -1
|
@@ -78156,9 +78156,11 @@ const XvHeader = class {
|
|
|
78156
78156
|
render() {
|
|
78157
78157
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19;
|
|
78158
78158
|
const baseUrl = window.location.origin;
|
|
78159
|
-
return (index.h("div", { key: '
|
|
78160
|
-
|
|
78161
|
-
|
|
78159
|
+
return (index.h("div", { key: 'b9833e4bfe18204ed6992fc4a05c38cca1780f53', id: "nav-container", class: "xv-header" }, index.h("nav", { key: 'b2aeaa89e0f98e94a030fbfd25cf22b68cc36b41', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, index.h("div", { key: '0773d21b2843b2f53f3f95ec95679f5e9988091b', class: "generic-wrapper" }, index.h("div", { key: 'dbc9e334ace50d0a75552f1e8ebc700834d5bd6f', class: "container" }, index.h("div", { key: '50660a6e632fcbb2bb42723a463568dde8f6f96f', class: "xv-header-row" }, index.h("div", { key: '9db34ab7f1e536f90540379f2920439ccf5a40c9', class: "xv-header-col xv-header-col--left" }, index.h("div", { key: 'ec5d631332f9b350233c2bf55d5a89668b8d1c62', class: "navbar-header" }, index.h("button", { key: '452a30812b61645af7a9f76a3b9de022185626b1', class: "btn btn-default navbar-toggle pull-left navbar-btn", onClick: this.toggleMobMenu }, index.h("i", { key: 'b50754519a57299a245e81af673f044c0d62386e', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), index.h("div", { key: '1f248e2d45236bb8515973cfbc9737f51ff0cc30', class: "visible-xs-inline visible-sm-inline" }, index.h("a", { key: '6ab6c78d9e9fc73bb69c3655a318c65c19e2af48', href: `${baseUrl}/`, class: "navbar-brand" }, index.h("img", { key: '5be2d07075cd79fcb0454596c5a0c1f4a0206d02', src: this.getSmallLogoUrl(), alt: "Crossvertise", width: XvHeader.SM_W, height: XvHeader.SM_H, decoding: "async" }))), index.h("div", { key: 'e3eb99ad3e065033176ed6f277f852380d71322d', class: "hidden-xs hidden-sm" }, index.h("a", { key: '6a3cc2597b806619d5d1b64d830289e42b785b00', href: `${baseUrl}/`, class: "navbar-brand" }, index.h("img", { key: '0b20c51bd4baea10e00f5fd2136c3971db399e66',
|
|
78160
|
+
/* Do NOT lazy-load the main brand mark to avoid late reflow/flash */
|
|
78161
|
+
src: this.getLogoUrl(), alt: "Crossvertise", width: XvHeader.LG_W, height: XvHeader.LG_H, decoding: "async" })))), this.orgUnit && (index.h("xv-link-v2", { key: 'd76f4869abd1cef8220d664479fd8157160e1e8b', size: "lg", class: "xv-header--link-no-visited", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index.h("div", { key: '3dbd4ba125d77fee305d12825c9170aa4efd0e02', class: "xv-header-col xv-header-col--right" }, index.h("ul", { key: '1bd6d53814066cc99d023928c119d44c11e0ee52', class: "nav nav-pills nav-meta pull-right" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (index.h("li", { key: '7409f748d406da8d8d5c743d738e6f336c3e2495' }, index.h("div", { key: 'd5741078d2498f042453e21d17ebd43cfc33aba2', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, index.h("i", { key: 'be9431f937493d59c2699076261f6c1e184e72df', class: "fa fa-user" }), index.h("i", { key: '3a5582d2b2230aac4d28a4c4d5c2002ea3bb9736', class: "fa fa-exchange-alt" })), index.h("div", { key: 'd63e5c4d1f2348d32364450124c23d2deefa3cd5', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, index.h("div", { key: 'b125479a7a3c2c031906bc1976ed974789cc1f11', class: "arrow" }), index.h("h3", { key: 'bcb9fd74eb9b3b19e09b97fa7a33975fa71933ec', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), index.h("div", { key: 'b4e7b33e1ba32ed326527ec45fcd267edf5b9930', class: "popover-content" }, index.h("div", { key: 'f22f06ab9e1256d9075b9966da1fd4ab939f0669', class: "row" }, index.h("div", { key: 'f6f86d88070797abc472e64244acd51a534e6fe6', class: "col-xs-12" }, index.h("table", { key: '267bcf3f1990bdff4cbe6cb4f5bd002668e74b27', class: "table-condensed" }, index.h("tbody", { key: '4771f9f3fae8add0cdaf79cfb8aa6f32b7ded88b' }, index.h("tr", { key: 'ef55489b63c4435444cccb80dedc21f69affe5fd' }, index.h("td", { key: '322454823d369250ba289e62ac44d27eba20ab64' }, index.h("span", { key: '479defd4dba99e402959eea3a4e969518035dfdb' }, (_c = (_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) === null || _c === void 0 ? void 0 : _c.NameAndTitle))), index.h("tr", { key: '01a019e251e0685b8e5eae67a7d782ccd5de3c2a' }, index.h("td", { key: '13ac97c958ca361c6cbd4c2694fef1d354cfe400' }, index.h("span", { key: '33ad0493cba83e4069b49983242647552fc6e536' }, (_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ImpersonationInfo) === null || _e === void 0 ? void 0 : _e.CompanyName))), index.h("tr", { key: '8773119ea1dd1d00160dc12608a5412bf3cd4715' }, index.h("td", { key: 'f4c36bef14a037df6c396f57017bf2fb76073731' }, index.h("span", { key: 'cbfbb242c2790668b0d87c3aae11d90d31f73a9d' }, (_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ImpersonationInfo) === null || _g === void 0 ? void 0 : _g.Email))), index.h("tr", { key: 'cc7666e11a9f7277d37a05d33827158acfd07610' }, index.h("td", { key: '020341d1b8d596d1ce1f594dd35a846c97f6aa95' }, index.h("span", { key: '93f0ce4b54afe7cffc4d45c494261234eb31d89f' }, (_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ImpersonationInfo) === null || _j === void 0 ? void 0 : _j.PhoneOffice)))))))), index.h("div", { key: 'f1cec9179a425b597d9e14c70828b5ac53d3a83d', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, index.h("div", { key: '707bf452eb55a81365d4c25d00a5592ae6524175', class: "col-xs-12" }, index.h("a", { key: 'bc06c9710b362db8c39751a3bbf333bfd1ab7f06', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), index.h("li", { key: '14a8d4d22693bac5e79d573d34dfe7c26c3b09e9' }, index.h("a", { key: '91d397edb87c5bffa10857b8e52b53946f7ae07d', class: "btn btn-link navbar-btn hidden-xs", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, "Kontakt"), index.h("a", { key: '202f0dceab2138ee7e057f37a8244b74836fa4fc', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), index.h("a", { key: '7c2f71640953723fa23142d9ec68fbda66eb4011', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, index.h("i", { key: '559b8a734693edcd7d403a62b009bd1f05dd7e56', class: "fa fa-phone" }))), ((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsAuthenticated) && (index.h("li", { key: '48208ffe6e24931809d52b0d7620c9ae47ae06e0', class: "dropdown", id: "my-xv-menu" }, index.h("a", { key: '73a2cee6f2707439fa5dca0b932ce3a4d4152592', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, index.h("i", { key: '1401bb57faac7340e1eef3b967829f070036a977', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", index.h("span", { key: 'a3a9335419d074f2827a4cb6f66a24eb2a26fdbe', class: "hidden-xs" }, (_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.UserMenuText), "\u00A0", index.h("span", { key: 'ff5641122eb0f85303425fda2bea5c4f369d2994', class: "caret" })), index.h("ul", { key: '81ff1feead2f8b083a1ec951c9776ed82e3a3ee8', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.IsManager) && (index.h("li", { key: '90435b9ada278484f8450e4f2992e3410e8df42c' }, index.h("a", { key: '8d72c5a9be50d3ae942262639016a04bd0a0029e', onClick: () => this.toggleCockpitMenu() }, index.h("i", { key: 'b2c610e711e22e41ba5a66346e12d45b56b87f74', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen \u00A0", index.h("i", { key: '421817db92a777316fcadfe5ea631244bd708b1d', class: "fa fa-caret-down" })))), this.isCockpitMenuExpanded && ((_p = (_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.ManagerCockpitMenu) === null || _p === void 0 ? void 0 : _p.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0\u00A0", item.Text))))), ((_q = this.metaNav) === null || _q === void 0 ? void 0 : _q.IsManager) && (index.h("li", { key: 'fdb34995c0304aa8dffe183bffca7edc82319751' }, index.h("a", { key: '8c801e9578dc8fca2e8711c990d7bcb2b5f2e840', onClick: () => this.toggleEntitiesMenu() }, index.h("i", { key: '9bc81c5415d44c8f1a14f353cdf6170df6976acc', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten \u00A0", index.h("i", { key: 'd4cc826915a64e39440afce36f1912217051a9bf', class: "fa fa-caret-down" })))), this.isEntitiesMenuExpanded && ((_s = (_r = this.metaNav) === null || _r === void 0 ? void 0 : _r.ManagerEntitiesMenu) === null || _s === void 0 ? void 0 : _s.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text))))), (_u = (_t = this.metaNav) === null || _t === void 0 ? void 0 : _t.ManagerMenu) === null || _u === void 0 ? void 0 :
|
|
78162
|
+
_u.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_v = this.metaNav) === null || _v === void 0 ? void 0 : _v.IsManager) && (index.h("li", { key: 'cf226244651a013e628e02edb7ccb160cc8f7b4a', role: "separator", class: "divider" })), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (index.h("li", { key: 'b7125fc1e8463fd8d84c4d60c6b4c3c9a4c7279f' }, index.h("a", { key: 'aeca39b743de9ed64e6843d82a7a46ce995206a9', onClick: () => this.toggleUserMenu() }, index.h("i", { key: '6f9902dc28adbe68803b35cd5a7b9e5c50e0f9d6', class: "fa fa-user" }), "\u00A0Mein Crossvertise \u00A0", index.h("span", { key: '8f32d13da81ef5b5280ad9849b9b3afcc256acf1', class: "badge" }, (_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.PendingItems), index.h("i", { key: '9f58991cf752cdf8afb586e672799e72a8fe4d56', class: "fa fa-caret-down" })))), this.isUserMenuExpanded && ((_z = (_y = this.metaNav) === null || _y === void 0 ? void 0 : _y.UserMenu) === null || _z === void 0 ? void 0 : _z.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self', class: "user-menu-item-link" }, index.h("i", { class: item.CssClass }), item.Text, "\u00A0", item.BadgeText && (index.h("span", { class: "badge" }, item.BadgeText))))))), ((_1 = (_0 = this.metaNav) === null || _0 === void 0 ? void 0 : _0.ImpersonationInfo) === null || _1 === void 0 ? void 0 : _1.isImpersonated) && (index.h("li", { key: 'd4dfc112fadeae638d5c11e948219d37e63b3c1c', class: 'user-menu-item' }, index.h("a", { key: '8152f5cc03859684050df0c22bcbc4f6d41e1f23', href: (_3 = (_2 = this.metaNav) === null || _2 === void 0 ? void 0 : _2.ImpersonationInfo) === null || _3 === void 0 ? void 0 : _3.ClearImpersonationUrl }, index.h("i", { key: '0bb486be9d7bfa7997de308aa11968a6d3cd0626', class: "fa fa-exchange-alt" }), "Kundenperspektive verlassen"))), ((_4 = this.metaNav) === null || _4 === void 0 ? void 0 : _4.IsManager) && (index.h("li", { key: '2a52b0e32469a32170dbebe65fce3b3b36e53f6a', role: "separator", class: "divider" })), (_6 = (_5 = this.metaNav) === null || _5 === void 0 ? void 0 : _5.ActionsMenu) === null || _6 === void 0 ? void 0 :
|
|
78163
|
+
_6.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), index.h("li", { key: 'a5cfa3a2bc9503af948d2f491b8e74d9e072b8f8' }, index.h("a", { key: '912d4afde32fcd0d8effefecd98c5060c94402d6', href: "/de-de/mycrossvertise/account/logoff?returnUrl=/" }, index.h("i", { key: 'b6d6d4a5cd6298a5e47753402fb31dc785b02979', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "Logout"))))), !((_7 = this.metaNav) === null || _7 === void 0 ? void 0 : _7.IsAuthenticated) && (index.h("li", { key: '36900c535c749fb438354b2b2a6008907cf5feb5', class: "hidden-md hidden-lg" }, index.h("a", { key: 'f6c223f17272a6b8d97f528115bbfb6d623dd812', class: "btn btn-default navbar-btn btn-link mob-login", href: "/de-de/mycrossvertise/account/logon" }, index.h("i", { key: '4120b94ffc71878d1b6466a1c3ed278c6c91b8aa', class: "fa fa-user fa-lg", "aria-hidden": "true" })))), index.h("xv-login-modal", { key: 'fc68c65ee720f40ce717f93a2e307c7abb14e1cd', visible: this.showLoginModal, onClose: this.closeLoginModal }), !((_8 = this.metaNav) === null || _8 === void 0 ? void 0 : _8.IsAuthenticated) && (index.h("li", { key: '0d1c460c93ae32cb4bc3a176be8f2af9683d4dc9', class: "hidden-xs hidden-sm" }, index.h("a", { key: '199d77343627cf024e85ed2f054198adf2b4b5b6', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, index.h("i", { key: 'd3183cd6dd7e755fa032a291577949c6476f0a76', class: "fa fa-user fa-lg", "aria-hidden": "true" }), index.h("span", { key: '0fa32ca27386b4dca266ec53137911ff41080603', class: "padding-sm-left" }, "Login")))), !((_9 = this.metaNav) === null || _9 === void 0 ? void 0 : _9.IsAuthenticated) && (index.h("li", { key: '0c849f6a17060e27c0ba687734c1adea59c5c251', class: "hidden-xs" }, index.h("a", { key: '635f4dae26c60deacc3a9e194525acce5272824d', class: "btn btn-default navbar-btn btn-link", href: "/de-de/mycrossvertise/account/register" }, index.h("span", { key: '9423c1a3d44c2c7608993250462735bc0571d998' }, "Registrieren")))), index.h("li", { key: 'fe7ea6dfb5c5e2694ca3b8c7220b90d0c53365d1', class: "navbar-divider hidden-xs" }), index.h("li", { key: '46a1e81f92f1ea406b21718aa53f09ec7c3c8349' }, index.h("xv-button-v2", { key: 'a386499990f406a7bfb85256df2ddf151dffe987', class: "navbar-btn", variant: 'accent', onClick: () => window.location.href = '/de-de/mycrossvertise/shoppingcart/activecart' }, index.h("span", { key: 'c1484cb625ba3a6e67f5b2d58676efb2d2b3b254', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), index.h("span", { key: 'c14f2b062ea1a5451420ef35b58b96bb1525bca4', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), index.h("xv-tag-v2", { key: '3acfc75d522d286efa9816f1fa7801471b210df3', id: "shopping-cart-items-badge", size: 'sm', bg: "var(--background)", color: "var(--icon-interactive)" }, ((_11 = (_10 = this.metaNav) === null || _10 === void 0 ? void 0 : _10.Cart) === null || _11 === void 0 ? void 0 : _11.NumberOfItems) || 0)))))))), index.h("div", { key: '65b514c788cf07e499ec023af88cbc445f7e29b9', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, index.h("div", { key: 'abb7ab68f3d4ff7e70cf2be446755de28eb7f089', class: "container" }, index.h("form", { key: 'b9bd8f85bcc1099da285436d91a4d73fc26216ef', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, index.h("div", { key: '61c952c5555b78bae3c42fcfc7ee0312bc6c3786', class: "input-group" }, index.h("input", { key: '186a3b93583b51f1439d49a2cd5c4cbb4a7961dc', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), index.h("span", { key: '6cc420d5259da440999d84544a59717a5eb52da8', class: "input-group-btn force-full-width" }, index.h("button", { key: 'ddff1776fba2d0a57813f4d12dd7f7cff7e83080', class: "btn btn-default search-addon", type: "submit" }, index.h("i", { key: '9a4ce2a8e0de521f3891f3c702c23403ae9bcbcb', class: "fa fa-search", "aria-hidden": "true" }))))))), ((_12 = this.metaNav) === null || _12 === void 0 ? void 0 : _12.EnableMegaMenu) && (index.h("div", { key: '8c57e1ecd94f8518fb38c72edb1b907c3d564c03', class: "xv-header-nav xv-header-nav--shadow" }, index.h("div", { key: 'bbf703ea04feee35269df4f89eaba1314bee5571', class: "container" }, index.h("xv-mega-menu", { key: 'd71945169248a435341ba2441ed9fde657539496', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu }, ((_13 = this.metaNav) === null || _13 === void 0 ? void 0 : _13.EnableMegaMenuSearch) && (index.h("div", { key: 'e76765400f10c448873cc5a08eb8b4d27fa215f9', slot: "menu-right", innerHTML: this.htmlSearchForm }))))))), !((_14 = this.metaNav) === null || _14 === void 0 ? void 0 : _14.EnableMegaMenu) && (index.h("div", { key: 'b6cefd282660b4332b4e25b86707c6507ccc8cde', innerHTML: this.htmlContent })), ((_15 = this.metaNav) === null || _15 === void 0 ? void 0 : _15.EnableMegaMenuSearch) && (index.h("ul", { key: '7dc019461eec9f682c05967664903288d54cb85e', class: "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all", id: "xv-search-suggestions", style: {
|
|
78162
78164
|
width: `${(_16 = this.listPosition) === null || _16 === void 0 ? void 0 : _16.width}px`,
|
|
78163
78165
|
top: `${(_17 = this.listPosition) === null || _17 === void 0 ? void 0 : _17.top}px`,
|
|
78164
78166
|
left: `${(_18 = this.listPosition) === null || _18 === void 0 ? void 0 : _18.left}px`,
|
|
@@ -78172,6 +78174,10 @@ const XvHeader = class {
|
|
|
78172
78174
|
}
|
|
78173
78175
|
get el() { return index.getElement(this); }
|
|
78174
78176
|
};
|
|
78177
|
+
XvHeader.LG_W = 160;
|
|
78178
|
+
XvHeader.LG_H = 32;
|
|
78179
|
+
XvHeader.SM_W = 132;
|
|
78180
|
+
XvHeader.SM_H = 26;
|
|
78175
78181
|
XvHeader.style = xvHeaderCss;
|
|
78176
78182
|
|
|
78177
78183
|
const xvImageViewerCss = ".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;cursor:pointer;max-width:100%;height:auto;flex:1;align-self:center;align-items:center;justify-content:center}:host(.image-wrapper) .image{width:inherit;height:inherit;max-height:inherit;max-width:inherit;object-fit:inherit;transition:opacity 0.3s ease}:host(.image-wrapper) .loading{align-self:center;margin:0 auto;text-align:center;color:var(--text-placeholder);display:inline-flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}:host(.image-wrapper) .fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn 0.3s ease forwards}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image{max-width:90%;max-height:90%;opacity:0;transition:opacity 0.3s ease}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image.loaded{opacity:1}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";
|