xv-webcomponents 1.25.1 → 1.25.2
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/{index-DpLAFt0R.js → index-CsKqwBc1.js} +644 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/xv-accordion-v2_50.cjs.entry.js +59 -41
- package/dist/cjs/xv-footer-next.cjs.entry.js +122 -0
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +7 -7
- package/dist/cjs/xv-webcomponents.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.css +2 -1
- package/dist/collection/components/xv-footer-next/xv-footer-next.css +486 -0
- package/dist/collection/components/xv-footer-next/xv-footer-next.js +167 -0
- package/dist/collection/components/xv-footer-next/xv-footer-next.model.js +17 -0
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +41 -1
- package/dist/collection/components/xv-header/xv-header.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +46 -2
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +6 -7
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.css +42 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +20 -6
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
- package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-radio/xv-radio.js +2 -2
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/{index-CQm2sRKT.js → index-D0yFoU2h.js} +1 -1
- package/dist/esm/{index-DmxA2ysB.js → index-Owr_mJOX.js} +644 -7
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/xv-accordion-v2_50.entry.js +60 -42
- package/dist/esm/xv-footer-next.entry.js +120 -0
- package/dist/esm/xv-header-next.entry.js +3 -3
- package/dist/esm/xv-mega-menu-next.entry.js +8 -8
- package/dist/esm/xv-webcomponents.js +3 -3
- package/dist/types/components/xv-footer-next/xv-footer-next.d.ts +42 -0
- package/dist/types/components/xv-footer-next/xv-footer-next.model.d.ts +43 -0
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +7 -0
- package/dist/types/components/xv-mega-menu-next/xv-mega-menu-next.d.ts +14 -0
- package/dist/types/components.d.ts +131 -0
- package/dist/xv-webcomponents/index.esm.js +1 -1
- package/dist/xv-webcomponents/p-3dd10203.entry.js +1 -0
- package/dist/xv-webcomponents/{p-CQm2sRKT.js → p-D0yFoU2h.js} +1 -1
- package/dist/xv-webcomponents/p-Owr_mJOX.js +2 -0
- package/dist/xv-webcomponents/p-b0fbf402.entry.js +8 -0
- package/dist/xv-webcomponents/p-ec19bcc7.entry.js +1 -0
- package/dist/xv-webcomponents/{p-f46bb687.entry.js → p-fbd8ca68.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/hydrate/index.d.ts +287 -0
- package/hydrate/index.js +113808 -0
- package/hydrate/index.mjs +113798 -0
- package/hydrate/package.json +12 -0
- package/package.json +8 -2
- package/dist/xv-webcomponents/p-7832549c.entry.js +0 -8
- package/dist/xv-webcomponents/p-DmxA2ysB.js +0 -2
- package/dist/xv-webcomponents/p-fe9b38f8.entry.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-
|
|
2
|
-
import { u as uidGenerator, f as forEach,
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-Owr_mJOX.js';
|
|
2
|
+
import { u as uidGenerator, f as forEach, c as resolveFieldMessage, s as setAttr, r as resolveWhitelabel, a as api, g as getMetaNav, b as getBaseUrl, d as debounce$1 } from './index-D0yFoU2h.js';
|
|
3
3
|
import { S as SIZE_VAR, X as XV_SORT_DIR, H as HubConnectionBuilder, a as SIGNALR_NOTIFICATIONS_UPDATED, b as SIGNALR_JOIN_GROUP, c as SIGNALR_HUB_URL_SETTING, O as OverflowMenuVariant, I as INVOICE_NOTIFICATION_STATUS_ICON, d as INVOICE_NOTIFICATION_STATUS_TEXT, e as InvoiceNotificationStatus, i as invoiceNotificationStatusOf, f as OverflowMenuItemSelector } from './_vars-BkYBzv3h.js';
|
|
4
4
|
|
|
5
5
|
const xvAccordionCss = () => `:host{display:block}`;
|
|
@@ -3318,7 +3318,7 @@ const XvDataTable = class {
|
|
|
3318
3318
|
};
|
|
3319
3319
|
XvDataTable.style = xvDataTableCss();
|
|
3320
3320
|
|
|
3321
|
-
const xvDataTableCellCss = () => `@charset "UTF-8";:host{display:table-cell;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:var(--xv-data-table-border-width, 0);border-bottom-width:var(--xv-data-table-border-width, 0);border-color:var(--xv-data-table-border-color, transparent);padding-inline:var(--xv-data-table-padding-x, 0);padding-block:var(--xv-data-table-padding-y, 0);vertical-align:middle;
|
|
3321
|
+
const xvDataTableCellCss = () => `@charset "UTF-8";:host{display:table-cell;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:var(--xv-data-table-border-width, 0);border-bottom-width:var(--xv-data-table-border-width, 0);border-color:var(--xv-data-table-border-color, transparent);padding-inline:var(--xv-data-table-padding-x, 0);padding-block:var(--xv-data-table-padding-y, 0);vertical-align:middle;overflow-wrap:break-word;word-break:normal;font-style:normal;font-weight:400}:host .line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)) ::slotted(*){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sort]){position:relative;cursor:pointer;user-select:none}:host([sort]):before,:host([sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sort]):before{content:"▲";top:50%;transform:translateY(calc(-50% - 5px))}:host([sort])::after{content:"▼";top:50%;transform:translateY(calc(-50% + 5px))}:host([sort]:hover){background-color:var(--layer-accent-hover-02, #D1D1D1)}:host([sort]:hover)::before,:host([sort]:hover)::after{opacity:1}:host([sort=asc]){background-color:var(--layer-accent-active-02, #ACACAC)}:host([sort=asc])::before{opacity:1}:host([sort=asc])::after{display:none}:host([sort=desc]){background-color:var(--layer-accent-active-02, #ACACAC)}:host([sort=desc])::before{display:none}:host([sort=desc])::after{opacity:1}`;
|
|
3322
3322
|
|
|
3323
3323
|
const XvDataTableCell = class {
|
|
3324
3324
|
constructor(hostRef) {
|
|
@@ -82412,6 +82412,25 @@ const XvGeoMap = class {
|
|
|
82412
82412
|
this.fitTo([...this.selected.values(), ...this.preview.values()]);
|
|
82413
82413
|
return this.preview.size;
|
|
82414
82414
|
}
|
|
82415
|
+
/**
|
|
82416
|
+
* Highlight already-loaded units by code in the preview color — the ATV optimizer's
|
|
82417
|
+
* region-reduction proposal marks the units it would DROP from the selection (MAR-15968).
|
|
82418
|
+
* Visual only, like previewByRadius: the selection and its events stay untouched.
|
|
82419
|
+
* Unknown codes are skipped (they cannot be painted without geometry). Returns the count shown.
|
|
82420
|
+
*/
|
|
82421
|
+
async previewPostalCodes(codes) {
|
|
82422
|
+
await this.ensureReady();
|
|
82423
|
+
this.preview.clear();
|
|
82424
|
+
codes.forEach(code => {
|
|
82425
|
+
const unit = this.units.get(code);
|
|
82426
|
+
if (unit)
|
|
82427
|
+
this.preview.set(code, unit);
|
|
82428
|
+
});
|
|
82429
|
+
this.renderUnits();
|
|
82430
|
+
this.updatePreviewFilter();
|
|
82431
|
+
this.fitTo([...this.selected.values(), ...this.preview.values()]);
|
|
82432
|
+
return this.preview.size;
|
|
82433
|
+
}
|
|
82415
82434
|
/** Remove the optimizer proposal highlight. */
|
|
82416
82435
|
async clearPreview() {
|
|
82417
82436
|
await this.ensureReady();
|
|
@@ -82505,7 +82524,7 @@ const XvGeoMap = class {
|
|
|
82505
82524
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
82506
82525
|
}
|
|
82507
82526
|
render() {
|
|
82508
|
-
return (h(Host, { key: '
|
|
82527
|
+
return (h(Host, { key: 'aa8a62537eefb4c8b0573d52a245fddee58784e9' }, h("div", { key: 'd3272c744cfad85c612266bea1770814cf894008', class: "container" }, h("div", { key: '8c81a14c3e18ddd009534fa9990a1fa16e1d9230', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: 'fb0895d39cf80ac86cce680b53b28fa96482e278', class: "search" }, h("input", { key: '183868a736825e213c89a3a692e91bcf6c3d1184', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (h("ul", { key: '9c4853667eb7cdec8a0250cb92708a0f25002ba7', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, this.level === 'plz5' ? (h("span", null, h("strong", null, r.code), " ", r.name)) : (h("span", null, r.name))))))))), this.ready && this.zoomGated && (h("div", { key: 'bb82b0a5403c108e3ac2afc9b08f3716dac842ca', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'f15a084e4ef12d7c70b59aa3605e0c7f9f7b775f', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: 'ec09c3c91355e7b6af8d7d4447e3f009ac525a83', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '165dba4e3bef05e469a02549814a776026ec6692', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
82509
82528
|
}
|
|
82510
82529
|
get el() { return getElement(this); }
|
|
82511
82530
|
static get watchers() { return {
|
|
@@ -82777,7 +82796,7 @@ const XvHeader = class {
|
|
|
82777
82796
|
render() {
|
|
82778
82797
|
var _a, _b, _c, _d, _e;
|
|
82779
82798
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
82780
|
-
return (h("header", { key: '
|
|
82799
|
+
return (h("header", { key: 'af76cc152a61bcdd725ba0a0d5c48046bb111f46', class: "header" }, h("div", { key: '91c1725f926deaeba6506d25bf8ed88d43032e12', class: "header-wrapper" }, h("div", { key: '7c6afc22c00d3e42df091fc965d448b16063b3fe', class: "xv-container" }, h("div", { key: '7b7366c9e099194726e76395344c3218d39c170b', class: "header-top" }, h("div", { key: 'd95a4ebbd1f64a329753a70b41e7b1ae7e5b8048', class: "header-top--left" }, h("xv-button-v2", { key: '90a8afed61b6aba93470742ba90e1d3644149c01', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '5c3de90341ce5de24aa826f2743c90a2b0caaa57', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'c2c70834af7af1c61899c9b42248f5a9c2ba0847', href: `${window.location.origin}/` }, h("picture", { key: 'ad3d59ec5f1ccd35c8298ac10c6d833331bc3ebc' }, h("source", { key: '88c08972c01e3009ef7fc3fbc027b91a09eca1b2', 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: '63e63e7f7139a9dcfcd59bc6dea4904712c3b934', 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: '04ff42e03785cc899aeeef33e24a695a0756f7ca', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'e3afec2cb65aba7d5c3ec617a6fd9c67a06cda40', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '24ef7a40a1d8831a79fed88546d901b51b0aecaa' }, h("xv-link-v2", { key: '64983c24b0520da29c9d62d3db26be5f4d161c7d', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '92a37e3a1ed35dfe5337873ee06209259937710e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '61d8fd3a6978ef0d90ee21e41bd3c9e0ce67d307', class: "header-icon far fa-envelope" }), h("span", { key: 'fe9fd5e6d6f78e861edd80f9f451c1950223ef77', 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: '2f406dc181e2e1f55d7cbf1812fc2049e0a1212d' }, h("xv-link-v2", { key: '6c761c5240738696651da0e7ef1304cfd9e90400', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '7a3a12f34e45d1c6c6aad807ab28ba16bbd4d73b', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'd86a1bfff3cc411bff216152692d454b190e3ae7', class: "header-icon far fa-question-circle" }), h("span", { key: '3484c06f9051c6c7f777e86dc66f91b0baabc916', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'c0e74d590f08d367fe08a98d80b050be37eb2a2e', class: "header-wrapper--bg" }, h("div", { key: '1d1c01db316866bf140d84f9a34dcde26003cf64', class: "xv-container" }, h("xv-mega-menu", { key: '565010cecbcc286a6d9bf8a4e7093b372cec6405', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '008a6f4f498d44bbcabaae47533e20d5a2783e15', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
82781
82800
|
}
|
|
82782
82801
|
get el() { return getElement(this); }
|
|
82783
82802
|
};
|
|
@@ -82845,7 +82864,7 @@ const XvImageViewer = class {
|
|
|
82845
82864
|
}
|
|
82846
82865
|
}
|
|
82847
82866
|
render() {
|
|
82848
|
-
return (h(Host, { key: '
|
|
82867
|
+
return (h(Host, { key: '0ed113c4d6ce7a2222aa652e2ea99abec44be7a1', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: 'b91d58e4eb0e93b186a17699bbcef8a1d27352a0', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: '5145a36dab2a5eaa92b3b7553a24612d8805c6d8', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: 'd1845bc7d95670edb707c5429b0bab8cd4ea5989', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: '08e2bcafc2683d5adbec3210d0f593cbd48fe560', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: '54d603bb7403f92df9442fa2d56db0e9318c8ee4', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '4da2a309f7be022c868569512b489d3a6319908a', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
82849
82868
|
'fullscreen-image': true,
|
|
82850
82869
|
loaded: this.fullscreenLoaded,
|
|
82851
82870
|
} })))));
|
|
@@ -82870,7 +82889,7 @@ const XvLink = class {
|
|
|
82870
82889
|
e.stopPropagation();
|
|
82871
82890
|
}
|
|
82872
82891
|
render() {
|
|
82873
|
-
return (h(Host, { key: '
|
|
82892
|
+
return (h(Host, { key: 'a9fd4136c50ddba4c59f934503da66f725bc06cd', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: '9da08d8185f246a141b744661f863893efbae6b2', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, h("slot", { key: '0ec8db6b346add89e185072bd0d1487a4437102e', name: "icon-left" }), h("slot", { key: '1e1b71d809911969bdf1e08368c671a3439f6087' }), h("slot", { key: '3eb15640ade7a7c88665360bfe3ab94b8a69e089', name: "icon-right" }))));
|
|
82874
82893
|
}
|
|
82875
82894
|
};
|
|
82876
82895
|
XvLink.style = xvLinkCss();
|
|
@@ -82975,7 +82994,7 @@ const XvLoginModal = class {
|
|
|
82975
82994
|
};
|
|
82976
82995
|
XvLoginModal.style = xvLoginModalCss();
|
|
82977
82996
|
|
|
82978
|
-
const xvMegaMenuCss = () => `:host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}`;
|
|
82997
|
+
const xvMegaMenuCss = () => `.sc-xv-mega-menu-h{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu.sc-xv-mega-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu.sc-xv-mega-menu{min-height:55px}}.xv-menu.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu *.sc-xv-mega-menu{box-sizing:content-box}.xv-menu-loader.sc-xv-mega-menu{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader.sc-xv-mega-menu:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open.sc-xv-mega-menu{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile.sc-xv-mega-menu{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile.sc-xv-mega-menu{display:inline-flex}}.xv-menu.sc-xv-mega-menu ul.sc-xv-mega-menu{margin:0;padding:0;list-style:none}.xv-menu.sc-xv-mega-menu .link-chevron.sc-xv-mega-menu{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu{display:block;color:var(--link-primary);text-decoration:none;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:visited{color:var(--link-primary)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:hover,.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:focus,.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-decoration-color:var(--link-primary)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:hover{color:var(--link-primary-hover);cursor:pointer}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:focus{outline:1px solid var(--focus);outline-offset:1px}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu{flex-direction:column;display:none}}.xv-menu.sc-xv-mega-menu .menu--right.sc-xv-mega-menu{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu--right.sc-xv-mega-menu{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu .menu--backdrop.sc-xv-mega-menu{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.open.sc-xv-mega-menu{display:flex}}.xv-menu.sc-xv-mega-menu .menu-item.sc-xv-mega-menu:hover .menu-item-label.sc-xv-mega-menu{border-bottom-color:var(--interactive-02)}.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{z-index:990;display:flex}.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{display:block;margin:0;padding-block:var(--spacing-05, 16px);color:inherit;text-decoration:none;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.sc-xv-mega-menu{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.sc-xv-mega-menu{flex-direction:column;align-items:stretch}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label.sc-xv-mega-menu{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label-text.sc-xv-mega-menu{text-overflow:ellipsis;overflow:hidden}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label-icon.sc-xv-mega-menu{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label.sc-xv-mega-menu{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container.sc-xv-mega-menu{flex:1;display:none}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.sc-xv-mega-menu{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.sc-xv-mega-menu{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.noLabel.sc-xv-mega-menu{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-label.sc-xv-mega-menu{font-weight:600}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-label-icon.sc-xv-mega-menu{transform-origin:center;transform:rotate(45deg)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-container.sc-xv-mega-menu{display:flex}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus.sc-xv-mega-menu{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.sc-xv-mega-menu{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.sc-xv-mega-menu{flex-direction:column;gap:var(--spacing-07)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu{max-height:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:none}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-actions.sc-xv-mega-menu{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-actions.sc-xv-mega-menu{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{display:none}}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-card.sc-xv-mega-menu{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-card.sc-xv-mega-menu{width:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-link_standalone.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{font-family:var(--ff-work-sans), sans-serif}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu{color:var(--text-primary, #333);font-weight:600}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:0}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category-label.sc-xv-mega-menu{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category-routes.sc-xv-mega-menu{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu{color:inherit;text-decoration:none;font-family:var(--ff-work-sans), sans-serif;line-height:133.333%;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:visited{color:inherit}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:hover{color:var(--link-primary);cursor:pointer}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:focus{outline:1px solid var(--focus);outline-offset:1px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu{white-space:nowrap}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-tag.sc-xv-mega-menu{font-size:9px}`;
|
|
82979
82998
|
|
|
82980
82999
|
const XvMegaMenu = class {
|
|
82981
83000
|
constructor(hostRef) {
|
|
@@ -83022,7 +83041,6 @@ const XvMegaMenu = class {
|
|
|
83022
83041
|
async fetchMenuData() {
|
|
83023
83042
|
try {
|
|
83024
83043
|
this.menuItems = await api.get('/api-fd/v1/home/menu', {
|
|
83025
|
-
awaitWl: true,
|
|
83026
83044
|
credentials: 'include'
|
|
83027
83045
|
}).then(({ data, meta }) => {
|
|
83028
83046
|
this.applicationContext = meta.applicationContext;
|
|
@@ -83038,17 +83056,17 @@ const XvMegaMenu = class {
|
|
|
83038
83056
|
void this.fetchMenuData();
|
|
83039
83057
|
}
|
|
83040
83058
|
render() {
|
|
83041
|
-
return (h(Host, { key: '
|
|
83059
|
+
return (h(Host, { key: '5f2979691c296f255a4af567b13877b58042ebb1' }, h("nav", { key: '5488cc3b13d3384e349034a7faa519636b450690', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '225a780b15d381eb3dcd01a929165b8d6a3d34c2', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'b66f449bf7154ce77515df080872a75d661d96f1' }))), h("ul", { key: 'c7e7b2e44ca6966a0ff5aa4fed408064660eff38', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
83042
83060
|
var _a, _b;
|
|
83043
|
-
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("
|
|
83061
|
+
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
83044
83062
|
var _a;
|
|
83045
83063
|
return (h("li", { class: { group: true, active: ((_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.id) === group.id } }, (group.label && menuItem.groups.length > 1) && (h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, h("span", { class: "group-label-text" }, group.label), h("span", { class: "group-label-icon" }))), h("div", { class: "group-container" }, h("div", { class: {
|
|
83046
83064
|
'group-container-absolute': true,
|
|
83047
83065
|
noLabel: !(group.label && menuItem.groups.length > 1),
|
|
83048
|
-
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("
|
|
83049
|
-
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("
|
|
83066
|
+
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("a", { class: "route-link", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("a", { class: "action-link", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron" }, "\u2192"))), action.type === 'button' &&
|
|
83067
|
+
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("a", { slot: "footer", class: "action-link", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron" }, "\u2192"))))))))));
|
|
83050
83068
|
}))))));
|
|
83051
|
-
}), h("li", { key: '
|
|
83069
|
+
}), h("li", { key: '2ef9d0ceb2ce7f8cbe3d1cd0b067817eb38971a0', class: "menu--right" }, h("slot", { key: 'cacfd1179deefcec4b8483f2da4e74d07fa9955e', name: "menu-right" })), this.open && (h("li", { key: 'dcdd0f0cb42e8b283c799af00856843e64bfb1b4', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
83052
83070
|
}
|
|
83053
83071
|
get el() { return getElement(this); }
|
|
83054
83072
|
};
|
|
@@ -83116,7 +83134,7 @@ const XvModal = class {
|
|
|
83116
83134
|
}
|
|
83117
83135
|
render() {
|
|
83118
83136
|
var _a;
|
|
83119
|
-
return (h(Host, { key: '
|
|
83137
|
+
return (h(Host, { key: 'c2345852e80d3e007c5d08387da748fa8aa5bb27', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'ed73d734554d5264839de0efbdaadc5eaba4a61d', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '9daa3155bb7c386a3914d07530dc2c0c5a0125a1', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '03c95cc4b18e7c935b2139936d434909e542d9f3', class: "modal" }, h("button", { key: '5ec7629072adfcd3a3b78bb783b4dbc5b3466d43', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '418f7ced52960a2f1075ed53b93458f7ac2f1740', class: "modal_header" }, h("slot", { key: '85558e2696a4cca779cff13e83d5f87b9d04b125', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '604d8f32a2e5bc6e8aad0489c59ee7c82cda0e46', class: "modal_header__title" }, this.el.title))), h("div", { key: '7fde461b4ca0232c2254eda1f0f2550d18c9427d', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '7a2d54e2d29a7b902e8f22a9cf492fb2058fc6bc' })), h("div", { key: '6f659c4d9bf5bdf80deaacd36af411df157695be', class: "modal_footer" }, h("slot", { key: '8db1f6b6d86ebcb4c948a4223eaa01f84a0322ae', name: "footer" })), !!this.loading && (h("div", { key: '04c3419d37f1bbe6aa5a962314915963fbda24cb', class: "loading" }, h("xv-loader-v2", { key: '98587d240f0f607ab510ff4463a37456d25772f6', size: SIZE_VAR.LG })))))));
|
|
83120
83138
|
}
|
|
83121
83139
|
disconnectedCallback() {
|
|
83122
83140
|
this.removeTriggerListener();
|
|
@@ -83154,7 +83172,7 @@ const XvNotification = class {
|
|
|
83154
83172
|
};
|
|
83155
83173
|
}
|
|
83156
83174
|
render() {
|
|
83157
|
-
return (h(Host, { key: '
|
|
83175
|
+
return (h(Host, { key: 'a136db8b13a4cb61eb34f018c372bf59223b0692', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '554396e525dd08a7c18dd11e39039a64fe546ea1', class: "content" }, h("div", { key: '3adedb9ef85125786abdace0d2f75f8581131dcf', class: "content_wrapper" }, this.el.title && h("h5", { key: 'c56aaa863501b563ba34886c9bd08070a7f26ad4', class: "content_title" }, this.el.title), h("slot", { key: 'b4aa2f4387db6cf9a01d2a208924de791c7164b4' })), h("slot", { key: '742e43bd5a62937ce3278f7cf75a3e50c27071ba', name: "footer" })), this.dismissible && h("button", { key: '0aa0638484c0748ededebaa2ce5dd572c49bdd3f', class: "close", onClick: this.closeHandle })));
|
|
83158
83176
|
}
|
|
83159
83177
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
83160
83178
|
get el() { return getElement(this); }
|
|
@@ -83205,12 +83223,12 @@ const XvNumberInput = class {
|
|
|
83205
83223
|
}
|
|
83206
83224
|
render() {
|
|
83207
83225
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83208
|
-
return (h(Host, { key: '
|
|
83226
|
+
return (h(Host, { key: '4158036ad4d09156993f81a014f7a106b96d5b3d', class: { disabled: !!this.disabled } }, h("label", { key: 'c43f9296dbe2ce2fd294e381aad8c2752b624ded', class: "control" }, this.label && h("span", { key: 'c823d944b256ebb6fe146daf9ba16c8e09f37adb', class: "control_label" }, this.label), h("div", { key: 'f152140a2ef785b1ad2007e538dfeb0c2797b694', class: {
|
|
83209
83227
|
'control_input': true,
|
|
83210
83228
|
readonly: !!this.readonly,
|
|
83211
83229
|
error: !!this.error,
|
|
83212
83230
|
warning: !!this.warning
|
|
83213
|
-
} }, h("input", { key: '
|
|
83231
|
+
} }, h("input", { key: '488b8e30d249716a4915a2f6bf948dd99370c329', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '8946e76a1caf59961f9a599cd394a4a2c07183aa', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: 'b8c224f611eb125db8c2e46c57c7f426681819af', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '2bf05e5441044d3b893a156082d91136918f6aac', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '38dd267ef455e79759dd57d928ded23ab0f19a39' }), h("xv-button-v2", { key: '5c4ca8cbf2c665614cdb5c3e65f081305ce5eb52', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: 'e009c33be7ce48fc99e8f24a20088029ea057f60', slot: "icon-left", class: "status-icon" }, "+"))))), message && (h("p", { key: 'c9b8fc75261e59c649d0c6eef702e98c17e5f772', class: { message: true, [message.level]: true } }, message.text))));
|
|
83214
83232
|
}
|
|
83215
83233
|
static get formAssociated() { return true; }
|
|
83216
83234
|
};
|
|
@@ -83674,7 +83692,7 @@ const XvPagination = class {
|
|
|
83674
83692
|
this.observer.disconnect();
|
|
83675
83693
|
}
|
|
83676
83694
|
render() {
|
|
83677
|
-
return (h(Host, { key: '
|
|
83695
|
+
return (h(Host, { key: '62f48874a343c0d2e54a98f065d790bd0befa5fc', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: '50a169a0d6e3197f8a354aa48444a76e992559ae', class: "block" }, h("select", { key: 'fb45e9ab6c97324923c532c77e475a6e963a4301', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: '79de705d539c1715827d2be6b07f3edbc92762c1', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (h("div", { key: '5142ba68f6ef99587fb74963ca3451fedb1464a7', class: "block" }, h("select", { key: '4f30fc7dc6a951d184c502c1a5b3c4629a879fe5', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), h("span", { key: '1e7328f4c974a2a6559a06db4e9ee62120ed1f5c' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: '39055a38b6b8a289bb841ba8a7a65aa1b7f596c1', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '047b3dfb9a90f5bcd797a81fcae28c4e898363b8', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: '1eb837092946fcf23a3360d1f939218022a5aca7', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: 'cdac9b7430d7f970a81cfee82b04684dabbfe66e', class: "list" }, this.visiblePagesWithDots.map((page) => (h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, h("span", { class: "list_page", slot: "icon-left" }, page)))))))), h("xv-button-v2", { key: '7d14046abd3d7130503fe7c540547e04cc84a321', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '7e3c7aa9f558a3a65cb406e728c870a3828a314b', slot: "icon-left", class: "icon icon_next" }))));
|
|
83678
83696
|
}
|
|
83679
83697
|
get el() { return getElement(this); }
|
|
83680
83698
|
};
|
|
@@ -83743,7 +83761,7 @@ const XvProgressIndicator = class {
|
|
|
83743
83761
|
this.updateChildItems();
|
|
83744
83762
|
}
|
|
83745
83763
|
render() {
|
|
83746
|
-
return (h(Host, { key: '
|
|
83764
|
+
return (h(Host, { key: 'f3898c3326bcc8dfba042f0ba4251394cb59c8cb', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: 'e4c5aa4ff362504bc14e12510a1628df5605bc86' })));
|
|
83747
83765
|
}
|
|
83748
83766
|
get el() { return getElement(this); }
|
|
83749
83767
|
static get watchers() { return {
|
|
@@ -83762,7 +83780,7 @@ const XvProgressIndicatorItem = class {
|
|
|
83762
83780
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
83763
83781
|
}
|
|
83764
83782
|
render() {
|
|
83765
|
-
return (h(Host, { key: '
|
|
83783
|
+
return (h(Host, { key: '09c49f4d6d94d8415c700314e730a3b843f4ece6', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'f8ddef218d18184e696a283430213dcb826e9075', class: "line" }), h("span", { key: '1bc33bb41d665b844d49ea4b14e869339aa4b2f8', class: "icon" }, h("svg", { key: '537972c72d05d0fd471f50053f0dedbfed3ccca5', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'ca3f068e0b0ec9cd7419c6635714d19003296b83', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: '90bee95bb8fd7052fc76082dc4f0c0cd6cc92fa6', class: "label" }, h("slot", { key: '4bca5f1c8b5f1805ab97bf4746627feb1342ea84' }))));
|
|
83766
83784
|
}
|
|
83767
83785
|
get el() { return getElement(this); }
|
|
83768
83786
|
};
|
|
@@ -83795,12 +83813,12 @@ const XvRadio = class {
|
|
|
83795
83813
|
}
|
|
83796
83814
|
render() {
|
|
83797
83815
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83798
|
-
return (h("div", { key: '
|
|
83816
|
+
return (h("div", { key: 'a5bd54d7cec7cb40be24919c3b41c5ed92a99cf2', class: {
|
|
83799
83817
|
'xv-radio': true,
|
|
83800
83818
|
'xv-radio--reverse': this.reverse,
|
|
83801
83819
|
'xv-radio--block': this.block,
|
|
83802
83820
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
83803
|
-
} }, this.label && h("p", { key: '
|
|
83821
|
+
} }, this.label && h("p", { key: '5590c84e6d3ec6df39ef4050fc703b0c4afc2468', class: "xv-radio_label" }, this.label), h("label", { key: '91a3663372287976c6e30ab8f8ee71d7bd094560', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: 'a4b1696f69cb477fde3377b67302002c6a88c7a2', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: 'da12f38002c730353f84957a37f077051b4b5280', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: 'de61b86f9b8eee2f9e7b6974578c90a7a26bf494', class: "xv-radio_input__mark" })), h("span", { key: '5b94a373356bcadec10fbf8a5c6da6a84bbb9a2b', class: "xv-radio_container__label" }, h("slot", { key: '86fdf6d2b379e8b3c4ea289de62397b09076dfbb' }))), message && (h("span", { key: '1fb0b5218e5e26dc4c27a31563f52e8c99d775b1', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: '10b552df31bf71845b4d1e4d6eee3b2f62e39326', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '61ce97bc85b2729fdd1518d3986067d2a237a87d', name: "info" })));
|
|
83804
83822
|
}
|
|
83805
83823
|
connectedCallback() {
|
|
83806
83824
|
var _a;
|
|
@@ -83884,7 +83902,7 @@ const XvSlider = class {
|
|
|
83884
83902
|
this.setValue(this.min);
|
|
83885
83903
|
}
|
|
83886
83904
|
render() {
|
|
83887
|
-
return (h(Host, { key: '
|
|
83905
|
+
return (h(Host, { key: '11c40a6165eccfcf4a3295f00be682b3d33bf905', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: 'a6f77efc3bfc9374ba1404148bde3aab4e3cfdd2', class: "label" }, this.label), h("div", { key: '797c04cc1621f50df5020a8638abc204e9596bce', class: "control" }, h("span", { key: 'd12ce0d36697ec78d6566361e574d8a3614b5c3b', class: "control_label" }, this.min), h("input", { key: '7f4538a9197e59000577ecb55c2d1f1e4a9f414c', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), h("span", { key: '34ef16e2ba029e39670a75b35031e85ef4cc4354', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '05a71cc922583e905525b26b16273ad622992dd5', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
|
|
83888
83906
|
}
|
|
83889
83907
|
static get formAssociated() { return true; }
|
|
83890
83908
|
};
|
|
@@ -83899,7 +83917,7 @@ const XvTab = class {
|
|
|
83899
83917
|
this.loading = false;
|
|
83900
83918
|
}
|
|
83901
83919
|
render() {
|
|
83902
|
-
return (h(Host, { key: '
|
|
83920
|
+
return (h(Host, { key: '9ddcc5b6377ee484d9a03c3140237415a3ed4de8', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
83903
83921
|
}
|
|
83904
83922
|
};
|
|
83905
83923
|
XvTab.style = xvTabCss();
|
|
@@ -83939,7 +83957,7 @@ const XvTable = class {
|
|
|
83939
83957
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
83940
83958
|
}
|
|
83941
83959
|
render() {
|
|
83942
|
-
return (h(Host, { key: '
|
|
83960
|
+
return (h(Host, { key: 'f0711170b3ad6dabbdd483b010dd6f22d7ec1631', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '4bc1e71e19c4680e46bb7f73465b72ff837c7a0c', name: "title" }, !!this.el.title && h("h2", { key: 'f918b06484a2566d69b5382236ae2324540774a2', class: "xv-table-title" }, this.el.title)), h("slot", { key: '9a21013605924298bcae24c74feb9f0c390efa56', name: "toolbar" }), h("div", { key: 'cf462e29071f77fee5a13b7f651da4e2bdcbc40d', class: "xv-table" }, h("div", { key: 'c2ed05b2c5b209cc62f2df8c691804ac21249ecd', class: "batch-actions" }, h(Fragment, { key: '5f32bd5629db70840d1d68ea78bede1e67bfd265' }, h("div", { key: 'ff4cc9e2f1d52f8d16fcc2d84e89ad0f3dfb00ff', class: "batch-actions_content" }, h("slot", { key: '198577df42ac304709684d15d8841025ee127d8a', name: "batch" })), h("p", { key: '5b1dfd8fd620731b67927c56af7fa5cf097d8836', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '20dad37417e9e41cded241e4007ac1f91d5eed94', class: "xv-table_wrapper" }, h("slot", { key: '9d01779970a97742f51068946aa2bc11162974ef' }), h("slot", { key: '5f2bd23674bc36f225136fe5df33accfdff18880', name: "footer" })), !!this.loading && (h("div", { key: '44ea0e246abce7c4d4e2d477f432eaa0eb4d9add', class: "xv-table_loading" }, h("xv-loader-v2", { key: '00a6383e74ab5d3683b16453abd40df0d2e4161d', size: SIZE_VAR.LG }))))));
|
|
83943
83961
|
}
|
|
83944
83962
|
componentWillLoad() {
|
|
83945
83963
|
this.setColsSizeTemplate();
|
|
@@ -83980,7 +83998,7 @@ const XvTableCell = class {
|
|
|
83980
83998
|
}
|
|
83981
83999
|
;
|
|
83982
84000
|
render() {
|
|
83983
|
-
return (h(Host, { key: '
|
|
84001
|
+
return (h(Host, { key: 'b7f43a556871a2dfaa2f5dec382236127933e856' }, h("slot", { key: '54815afbe48e46cf7b1d15857bf4865c88f80551' })));
|
|
83984
84002
|
}
|
|
83985
84003
|
get el() { return getElement(this); }
|
|
83986
84004
|
};
|
|
@@ -84001,7 +84019,7 @@ const XvTableExpand = class {
|
|
|
84001
84019
|
};
|
|
84002
84020
|
}
|
|
84003
84021
|
render() {
|
|
84004
|
-
return (h(Host, { key: '
|
|
84022
|
+
return (h(Host, { key: 'fdf6ddc9bf569737845c6f00ebcb8500c13d5272' }, h("button", { key: '588198eb49ea8a35ac10f49077ae489a08aa512e', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: 'fdf3b5510076b7ca6372d04aaa02e8191b5c873f', name: XV_EXPANDABLE_KEY }), h("div", { key: 'f2ca9eb9e1aa52d3293b3e3997d74e96cd2dc635', class: { expandableContent: true, open: this.open } }, h("slot", { key: 'dce32e0de0c521c4e3f41fdac530758af7fd59c9' }))));
|
|
84005
84023
|
}
|
|
84006
84024
|
componentDidLoad() {
|
|
84007
84025
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -84056,7 +84074,7 @@ const XvTableRow = class {
|
|
|
84056
84074
|
}
|
|
84057
84075
|
}
|
|
84058
84076
|
render() {
|
|
84059
|
-
return (h(Host, { key: '
|
|
84077
|
+
return (h(Host, { key: 'abe9f4fbf5e7e04f40288d3ddabe8840387251ec' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '32ce50adaf418a9d1624cac7a3768e9e79b0d7cd', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '46c6bbd9e143caa518e7db5e85c5a5c1a40e3eba', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (h("input", { key: '1dba951c50149fda86f551a8d8670110bb3c4dbb', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '8e1078ed147ecd3f4de46d2ffae6dd95a8d91e61' })));
|
|
84060
84078
|
}
|
|
84061
84079
|
componentWillLoad() {
|
|
84062
84080
|
this.setInitialAttrs();
|
|
@@ -84423,12 +84441,12 @@ const XvTagCombobox = class {
|
|
|
84423
84441
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
84424
84442
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
84425
84443
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
84426
|
-
return (h(Host, { key: '
|
|
84444
|
+
return (h(Host, { key: '5e8248ac0331caec2320723d3c93d015e48ff6bb', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '5d19726d3bdfaab699f8811976226144b2f55e31', class: "label" }, this.label), h("div", { key: 'edbb58964e66116eadc42f7879d95e3e846937c9', class: {
|
|
84427
84445
|
'control': true,
|
|
84428
84446
|
'control--disabled': this.disabled,
|
|
84429
84447
|
'control--error': !!this.error,
|
|
84430
84448
|
'control--readonly': !!this.readonly,
|
|
84431
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
84449
|
+
}, onClick: () => this.blockClick() }, h("div", { key: 'ba53f5bfad98257ebb983ce3d2144bd0dd716895', class: "control-chips", role: "list" }, this.selected.map((s, i) => (h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), h("input", { key: '9fac0f6b705ee4ec11caa67c0970e3fc71804fc9', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled })), this.loading && (h("span", { key: 'b80fbc582ee55a301df1f20104749e8de2714075', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: 'a857383bdaf4e1bab7974102b351a1ff9787fcef', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '9dfd23dacb40aac4448b6f0b7505ec66627b5f38', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: 'bc4e801891609c15ec651a8025cfda632073232b', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, h("div", { class: "suggestions-opt-content" }, opt.bg ? h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? h("span", { key: i }, seg) : h("strong", { key: i }, seg.match)))))))))));
|
|
84432
84450
|
}
|
|
84433
84451
|
get host() { return getElement(this); }
|
|
84434
84452
|
static get watchers() { return {
|
|
@@ -84460,7 +84478,7 @@ const XvTag = class {
|
|
|
84460
84478
|
this.closeClick.emit(e);
|
|
84461
84479
|
}
|
|
84462
84480
|
render() {
|
|
84463
|
-
return (h(Host, { key: '
|
|
84481
|
+
return (h(Host, { key: 'aec18c111837e87eb107ce26f293dd72a1878096', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'c40e130e24d594a7dd8ef63e7f23d2267bcfb45e', class: "xv-tag_content", part: "details-content" }, h("slot", { key: '566781446b6268547d5e987c7935e4ebf394a376' })), this.closeable && (h("button", { key: 'ef60cf6a984087bb53f9db03ef96989ca9a691b8', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
84464
84482
|
}
|
|
84465
84483
|
};
|
|
84466
84484
|
XvTag.style = xvTagCss();
|
|
@@ -84500,13 +84518,13 @@ const XvTextInput = class {
|
|
|
84500
84518
|
}
|
|
84501
84519
|
render() {
|
|
84502
84520
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
84503
|
-
return (h(Host, { key: '
|
|
84521
|
+
return (h(Host, { key: 'dfffcd8e3e5e235a5a807a637f370fba87fef0a9', class: { disabled: !!this.disabled } }, h("label", { key: '9e72854454351517bb494f374077660a2b894a56', class: "control" }, this.label && h("span", { key: 'a6dd0f45925927af7e29aefe26c5d6a0212d0913', class: "control_label" }, this.label), h("div", { key: '8f08cf94eb43cf81993d2d0bf7ccf78397a2f2bf', class: {
|
|
84504
84522
|
'control_input': true,
|
|
84505
84523
|
readonly: !!this.readonly,
|
|
84506
84524
|
[this.size]: true,
|
|
84507
84525
|
error: !!this.error,
|
|
84508
84526
|
warning: !!this.warning,
|
|
84509
|
-
} }, h("input", { key: '
|
|
84527
|
+
} }, h("input", { key: '3254e55f1fef316ba0bdb0f5c5abe48fd66fbd87', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), h("div", { key: 'ce3a5d3b13445e3160cfccf0ac482c91c49edda8', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '391f8abfc94e8de782cfca92a35f5f83ca65e810', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: '594965111c02ef10719e1ece79d5a59e1b7a1fd2', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (h("button", { key: 'fff2e8abcb93bd5171b6df64f9212be3a516fe7b', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '000f0aaf492f802c07a000706a9ac178c71a9329', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), message && (h("p", { key: '6119a6b2c23e286c3497c10d51c9c960bf2592dd', class: { message: true, [message.level]: true } }, message.text))));
|
|
84510
84528
|
}
|
|
84511
84529
|
static get formAssociated() { return true; }
|
|
84512
84530
|
};
|
|
@@ -84544,12 +84562,12 @@ const XvTextarea = class {
|
|
|
84544
84562
|
}
|
|
84545
84563
|
render() {
|
|
84546
84564
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
84547
|
-
return (h(Host, { key: '
|
|
84565
|
+
return (h(Host, { key: 'a0cdec449f14a935e52385e3ef86d83583e69902', class: { disabled: !!this.disabled } }, h("label", { key: 'e4cf3999be97e311be536c33379f3f53f16e09e5', class: "control" }, (this.label || this.max) && (h("p", { key: 'dc55c61f5da704fcc6a9ed563a1acaafb0d68057', class: "control_label" }, h("span", { key: 'f2d6af6ef3eca8d652f36f0f17364bd99bb5f20a' }, this.label, this.info && h("xv-tooltip-v2", { key: 'ff3d442d23d4889372c37b9686fe1c83f900ea7d', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'bfbd7541bc1ee7b15a8442e2d86baaced94ebdda', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '77cc1af898d52ac363688e6215520fcea8b305e1', class: {
|
|
84548
84566
|
'control_input': true,
|
|
84549
84567
|
readonly: !!this.readonly,
|
|
84550
84568
|
error: !!this.error,
|
|
84551
84569
|
warning: this.warning !== undefined,
|
|
84552
|
-
} }, h("textarea", { key: '
|
|
84570
|
+
} }, h("textarea", { key: '8dafb19974fa5c32df676ddc86c55dd2a701e77c', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), h("div", { key: 'f00f7075964c36893ecfe3c2a8a1cea3244204ae', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: '350be385673f441fca51383e7875ec3fe5b411f5', class: { message: true, [message.level]: true } }, message.text))));
|
|
84553
84571
|
}
|
|
84554
84572
|
_renderIcon() {
|
|
84555
84573
|
if (this.loading)
|
|
@@ -84600,7 +84618,7 @@ const XvTile = class {
|
|
|
84600
84618
|
this.checked = !this.checked;
|
|
84601
84619
|
}
|
|
84602
84620
|
render() {
|
|
84603
|
-
return (h(Host, { key: '
|
|
84621
|
+
return (h(Host, { key: '4c090238b156d8a932a2f4e60216098034e70183', class: "xv-tile--host" }, h("label", { key: '9b4c0c2793aa50114b108d79a18402c55886da7c', class: {
|
|
84604
84622
|
[this.el.className]: !!this.el.className,
|
|
84605
84623
|
'xv-tile': true,
|
|
84606
84624
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -84608,7 +84626,7 @@ const XvTile = class {
|
|
|
84608
84626
|
'xv-tile--disabled': !!this.disabled,
|
|
84609
84627
|
'selected': !!this.checked,
|
|
84610
84628
|
'xv-tile--error': !!this.error,
|
|
84611
|
-
} }, h("div", { key: '
|
|
84629
|
+
} }, h("div", { key: '373d063768eeb1c60399d34785c8ee8fa9150a24', class: "xv-tile_content" }, this.label && h("p", { key: 'af30da446df62f4e8944a282c87b6a92be6ebc90', class: "xv-tile_content__title" }, this.label), h("slot", { key: '0ae5abe6de380c97f3460ca5bbaf38d2692b9d85' })), this.variant === 'selectable' && (h("div", { key: 'be5579df477d6c70c61ee7ba827f67fabebd84f0', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (h("div", { key: 'a68c2082715f51e11266c2cbb4f650e3a555f9de', class: "xv-tile_footer" }, h("button", { key: 'b4a9509c48bffdf534bde8b8177a7994bfd7c346', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '4883eec3b83bd04812cd60aed5c95ea31d58d7fe', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'ccd01fb3e90dc234182ed97db512b01ba53dc4d6', name: "expandable" })))));
|
|
84612
84630
|
}
|
|
84613
84631
|
get el() { return getElement(this); }
|
|
84614
84632
|
};
|
|
@@ -84640,7 +84658,7 @@ const XvToggle = class {
|
|
|
84640
84658
|
};
|
|
84641
84659
|
}
|
|
84642
84660
|
render() {
|
|
84643
|
-
return (h(Host, { key: '
|
|
84661
|
+
return (h(Host, { key: '4d07f6e733ad75000fa625be7d2284c74c11009e', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '4fd0d4337aa9f1eab42248b362b3842576cc94ea', class: "label" }, this.label), h("label", { key: '3dc4c0469f1827c9228598ea962433dbcbd963a5', class: "control" }, h("slot", { key: '97febe0fa535c914484bf7c4f1c33250bbf02733', name: "before" }), h("div", { key: '9adb503ec22dd7dae26ea9db36e0db4f2dbb2f4d', class: "control_input" }, h("input", { key: '49c464ffaa7889935f909915d7ed6db833016dd7', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), h("span", { key: '00a326c0907e67b444053067d56023e09d20ed48', class: "toggle" })), h("slot", { key: 'dfe270ab7512646598d27c80eab1fe9f186c46ca', name: "after" }))));
|
|
84644
84662
|
}
|
|
84645
84663
|
static get formAssociated() { return true; }
|
|
84646
84664
|
};
|
|
@@ -84717,7 +84735,7 @@ const XvToggleTip = class {
|
|
|
84717
84735
|
}
|
|
84718
84736
|
;
|
|
84719
84737
|
render() {
|
|
84720
|
-
return (h(Host, { key: '
|
|
84738
|
+
return (h(Host, { key: '472b799da38cc98fcbb0605ddc1ad70fcad23dd9', class: "xv-toggle-tip" }, h("div", { key: 'fba5eebecd22c49990980b088d6d5006ac8ac87c', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'cc05559e9c7600d84e7df01defa641b70f477116', name: "trigger" }, h("svg", { key: '69f327094db864f2b71e1f378799b61fd2e64e8d', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '51566d81488353fc6517a1de52c2829727f8704b', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), h("div", { key: '1e3ea712f28d588583a99bdf42d032a71b09b666', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '5f9eeef784c23c4c8b40d2376922ce5c7fe3af16', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'e2a490ed9701cc95a61cfcd9fb56a9a9fe9c51e5', class: "popover-content" }, h("slot", { key: '8fe4c24f99c6b20bce4f94e3d9280dafc694552d', name: "header" }), h("slot", { key: '4557fa427a7371baf1350d4f6d0a11484e32dadc', name: "body" }), h("slot", { key: '2cd8aa4d46eaacd2d60ade49616ec925d2097f2d', name: "footer" })))));
|
|
84721
84739
|
}
|
|
84722
84740
|
disconnectedCallback() {
|
|
84723
84741
|
this.destroyPopper();
|
|
@@ -84772,11 +84790,11 @@ const XvTooltip = class {
|
|
|
84772
84790
|
this.destroyTooltip();
|
|
84773
84791
|
}
|
|
84774
84792
|
render() {
|
|
84775
|
-
return (h(Host, { key: '
|
|
84793
|
+
return (h(Host, { key: 'bcd593f87bb0a23588d85f113229ab5048bdf366', role: "tooltip", class: {
|
|
84776
84794
|
'xv-tooltip-wrapper': true,
|
|
84777
84795
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
84778
84796
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
84779
|
-
} }, h("slot", { key: '
|
|
84797
|
+
} }, h("slot", { key: '3b6045961995c6499fcf528e043fa8b3e149413e' }, h("svg", { key: '4930076da256e01295e6c057bdc7d2b7c46dc49a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '16f656d148ef04e661f4482ec9e1c29447f04aff', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
|
|
84780
84798
|
}
|
|
84781
84799
|
get el() { return getElement(this); }
|
|
84782
84800
|
};
|