xv-webcomponents 1.17.19-dev.0 → 1.17.21-qa.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/maplibre-gl-MCSOKSuo.js +870 -0
- package/dist/cjs/{xv-accordion-v2_48.cjs.entry.js → xv-accordion-v2_49.cjs.entry.js} +457 -56
- package/dist/cjs/xv-header-next.cjs.entry.js +1 -1
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xv-accordion/xv-accordion.js +1 -1
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.js +1 -1
- package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js +1 -1
- package/dist/collection/components/xv-button/xv-button.js +2 -2
- package/dist/collection/components/xv-button-group/xv-button-group.js +1 -1
- package/dist/collection/components/xv-card/xv-card.js +1 -1
- package/dist/collection/components/xv-checkbox/xv-checkbox.js +2 -2
- package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.js +1 -1
- package/dist/collection/components/xv-content-switcher/xv-content-switcher.js +2 -2
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js +2 -2
- package/dist/collection/components/xv-data-table/xv-data-table.js +1 -1
- package/dist/collection/components/xv-datepicker/xv-datepicker.js +2 -2
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +1 -1
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +1 -1
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-geo-map/xv-geo-map.css +866 -0
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +790 -0
- 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.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
- 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/loader.js +1 -1
- package/dist/esm/maplibre-gl-CT7CGYe6.js +813 -0
- package/dist/esm/maplibre-gl-shared.mjs +6 -0
- package/dist/esm/maplibre-gl-worker.mjs +6 -0
- package/dist/esm/{xv-accordion-v2_48.entry.js → xv-accordion-v2_49.entry.js} +457 -57
- package/dist/esm/xv-header-next.entry.js +1 -1
- package/dist/esm/xv-mega-menu-next.entry.js +2 -2
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +90 -0
- package/dist/types/components.d.ts +193 -0
- package/dist/xv-webcomponents/{p-6d4d397f.entry.js → p-3c3179fb.entry.js} +2 -2
- package/dist/xv-webcomponents/{p-38e5f1e1.entry.js → p-597b353d.entry.js} +1 -1
- package/dist/xv-webcomponents/p-CT7CGYe6.js +9 -0
- package/dist/xv-webcomponents/{p-7e05cb50.entry.js → p-ef3c818d.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +2 -1
|
@@ -173,7 +173,7 @@ export class XvHeader {
|
|
|
173
173
|
render() {
|
|
174
174
|
var _a, _b, _c, _d, _e;
|
|
175
175
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
176
|
-
return (h("header", { key: '
|
|
176
|
+
return (h("header", { key: '1ebfcc85a3495408483a185b723609ea52badebf', class: "header" }, h("div", { key: '40bbb31cccf6e71c06e9c8ce0b9a799e60700bc9', class: "header-wrapper" }, h("div", { key: '20bccd4867e05cf195d5e74c191587db3938ef10', class: "xv-container" }, h("div", { key: '10ab78648bb421f075019b4f967aee0aefb5fe43', class: "header-top" }, h("div", { key: '3ea40df47d04eb98b88648f86e757bbed3d44e94', class: "header-top--left" }, h("xv-button-v2", { key: '5756d1a9e9ab3a194965650f24901ec2e8becf82', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '03a3ae842c7aeb417e7299eb5614336cdd78d125', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '9c00047cdfc35f5949312a70d88670abbcda0232', href: `${window.location.origin}/` }, h("picture", { key: '4d5cf3273f633ff5316a51626b72a3e6ad88686e' }, h("source", { key: '66ab20bb0708f8847a71997789e1cbb86f8e5562', 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: '1e389365f86772f21ec97fbc8d5f37106b9435d6', 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: '07b375a4fcf8f7d390190eaa8361aee416fc5780', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'd39d715b8f389590b71a957edaed9db0fcf72902', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '37a05c5e76255464ca04aea3824406c69db3635a' }, h("xv-link-v2", { key: '5cb8509e581e751a9ebd1d50209eae521a5142a6', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '0f559df2569bcf8a531babbad3d5f86852429f8f', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '43d4d6bd6ee6b8eb84b407820b8f90a6a0545228', class: "header-icon far fa-envelope" }), h("span", { key: '6b3a3fd02df9308070adddcbce6608566282975d', 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: 'c8c8df668a3aae4df69c3835b7925e62db3dc9c5' }, h("xv-link-v2", { key: '5a8a6f0da04cbba6184b9695a8a7eb5cb4ab94e8', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '020dc44652818b74860c95bc5d0c66cc4598b06b', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '4b332d65653006514ec98dd9f74bdec80a4c2985', class: "header-icon far fa-question-circle" }), h("span", { key: 'e7f71ae56649c64470c1a4f53643f70c654eaa48', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'b53117d2cbb40e50d028acf8a7a8233d86dc60e2', class: "header-wrapper--bg" }, h("div", { key: 'caf29b5627ed87eeffee3f80995a804cc91e251f', class: "xv-container" }, h("xv-mega-menu", { key: '9e725c315b37347a05dc908f40cc00143fe92edc', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: 'fcbb38dcc3528db7341a846d01fdee28a77033cb', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
177
177
|
}
|
|
178
178
|
static get is() { return "xv-header"; }
|
|
179
179
|
static get originalStyleUrls() {
|
|
@@ -205,7 +205,7 @@ export class XvHeaderNext {
|
|
|
205
205
|
render() {
|
|
206
206
|
var _a, _b, _c, _d, _e;
|
|
207
207
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
208
|
-
return (h("header", { key: '
|
|
208
|
+
return (h("header", { key: 'b48d214490edf361f6b220fc090f8e6c2b99c884', class: "header" }, h("div", { key: 'e6d9650216645d75192afe10b51ba5e69d2c1f9d', class: "header-wrapper" }, h("div", { key: '7ab68479cdbd55d094ea69a1bbe9b51ae6127d00', class: "xv-container" }, h("div", { key: '556084e4d6872c1509a6ba18ca681e7a6e6a9c2d', class: "header-top" }, h("div", { key: '1384409e66e06ece431f3007368aa9aef540e379', class: "header-top--left" }, h("xv-button-v2", { key: 'f61b2d4889ebd8b4018280b061d22114127ffb4b', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '549dae7f03a491d3943bd6dc1a72951fd59ac05c', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'c0c7242adb9062f294d430be652da3a7b37bd720', href: `${window.location.origin}/` }, h("picture", { key: '3ac09f13010be81b9f129611f58fa350aae2f2af' }, h("source", { key: 'cf8ad754d3252932ffd1d440c67aa2d66db3f549', 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: 'a06b1a3166a14611bc57644f15fd05a0f2ea0f0d', 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: '0d6aad9664a46cc81e4cd42bc106bd6e888384d1', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '6f26891bc4b4129c6e6d9e382f536bed2f2dd3c5', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '277dff306742d2f6ea5b7b7cee18e11d62d709e7' }, h("xv-link-v2", { key: '3c89ce7a5b8cf42198095fddf93ea460ca988133', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'a0db3b7ced4bbddb3adb088b7de4500fc0921ac6', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '0f53ebb374def8c4c5c165e05ed813c38f2f699d', class: "header-icon far fa-envelope" }), h("span", { key: '67a185f4b3c8857e0622854f334850e243848ac4', 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: '29df440d481a46a48a4cc3e4b70f69a8c19343e0' }, h("xv-link-v2", { key: 'fa87f67701f3a0993ef500faf47e2a9cc461da2b', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '77ec0195733c7b667b3d9bd7d0d626a0398dc1da', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '47bed8e829f09b4c42be180a1af6cfa90c69e101', class: "header-icon far fa-question-circle" }), h("span", { key: '159caad49c07fc597869aa7a9fc6dd6f2412e75f', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'd3ca6bb6db99be78d201c9661e144050673aeae8', class: "header-wrapper--bg" }, h("div", { key: '91f9ed0d8d7b4ffd00f0930b4b475a2c205b385a', class: "xv-container" }, h("xv-mega-menu-next", { key: '3d0de4a89e30fbc2f0179cab5cad1e9168ad4c09', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'b643719acdc9d2b0c6ca854af2b329eb134fd4b9', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
209
209
|
}
|
|
210
210
|
static get is() { return "xv-header-next"; }
|
|
211
211
|
static get originalStyleUrls() {
|
|
@@ -58,7 +58,7 @@ export class XvImageViewer {
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
render() {
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: 'eb7b2da00aebbd23c8e5d86777d975ddc2e181f9', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: '7928c8a32e5f49ecb9dbdeda727693f5f73355f9', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: 'a703cd461f79ef9ccb604be7d42d6843989f15e7', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: '10ee133962226110a6d217b6ba56ae0ec2b8fc67', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: '2c5491cf808e3d1807cdea73f207328a1b833560', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: 'effa89cb24759af462b3e9a6304891e5c4ee4487', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '943a8273f72a3e614f412c667f73b73fba400fe2', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
62
62
|
'fullscreen-image': true,
|
|
63
63
|
loaded: this.fullscreenLoaded,
|
|
64
64
|
} })))));
|
|
@@ -12,7 +12,7 @@ export class XvLink {
|
|
|
12
12
|
e.stopPropagation();
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'd683fc9b119ddb2e68160a778deb34bda2cabdec', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: '5343948664c221d0c34b0abda0cfb140a8484a9f', 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: 'ed6aa3fe18a3fc6f831d0b762af8460ce17d90b3', name: "icon-left" }), h("slot", { key: 'fbf5392125b4fe7d442e72c16d34278e36d8d1f8' }), h("slot", { key: 'c166e966a593905a68c1b3ab95928227df132714', name: "icon-right" }))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "xv-link-v2"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -59,7 +59,7 @@ export class XvMegaMenu {
|
|
|
59
59
|
void this.fetchMenuData();
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'd95a063d1a9b1bd7c92159b8628c89c67512958d' }, h("nav", { key: 'e72d591b4fdfb3615d104b7aa4c85a9834a70a2b', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '5c030f43652a5d665b07f0aeda26e6b96b03451a', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'cb8a5a9b3e2777b5f815d029f448ef96f0d72299' }))), h("ul", { key: '859060a0fde0e93340aa54e0787a58dfe931e2f4', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
63
63
|
var _a, _b;
|
|
64
64
|
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_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) => {
|
|
65
65
|
var _a;
|
|
@@ -69,7 +69,7 @@ export class XvMegaMenu {
|
|
|
69
69
|
} }, 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("xv-link-v2", { size: "lg", variant: "ghost", 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("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
70
70
|
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("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
71
71
|
}))))));
|
|
72
|
-
}), h("li", { key: '
|
|
72
|
+
}), h("li", { key: '9a1aa68223b2ce2e3cc2215d6d82d824d8e02d96', class: "menu--right" }, h("slot", { key: '2b5c1311fbdd2f287616639ff6fbc49a9127b3bb', name: "menu-right" })), this.open && (h("li", { key: '85519781ed2366323fe4d49f0b2f9d320793d549', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
73
73
|
}
|
|
74
74
|
static get is() { return "xv-mega-menu"; }
|
|
75
75
|
static get encapsulation() { return "shadow"; }
|
|
@@ -94,7 +94,7 @@ export class XvMegaMenuNext {
|
|
|
94
94
|
void this.fetchMenuData();
|
|
95
95
|
}
|
|
96
96
|
render() {
|
|
97
|
-
return (h(Host, { key: '
|
|
97
|
+
return (h(Host, { key: '7512e8b076400cb8163521fc52d1a49d59f8e89a' }, h("nav", { key: '1d815a36703d31151cb8f5a3e0842d18292b4d07', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '0124dc0c4a86e598e0c0e0bb37eccbbaa85cfc23', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'cff56f8f8afc4c1cfad991bbb2f7ca607f8a1980' }))), h("ul", { key: 'aa95a547fd396875b8c5019aaa31f7bc3c309bec', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
98
98
|
var _a, _b;
|
|
99
99
|
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_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) => {
|
|
100
100
|
var _a;
|
|
@@ -104,7 +104,7 @@ export class XvMegaMenuNext {
|
|
|
104
104
|
} }, 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("xv-link-v2", { size: "lg", variant: "ghost", 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("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
105
105
|
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("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
106
106
|
}))))));
|
|
107
|
-
}), h("li", { key: '
|
|
107
|
+
}), h("li", { key: 'af4f90f476c9802a95ec3c3bd46f3bdbe07ea03b', class: "menu--right" }, h("slot", { key: '0647716dc6c564cd3b1d3a7558f91cf88216d587', name: "menu-right" })), this.open && (h("li", { key: '4c2e4d8e40dec525c15e51a5c85ed080499329e2', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
108
108
|
}
|
|
109
109
|
static get is() { return "xv-mega-menu-next"; }
|
|
110
110
|
static get encapsulation() { return "shadow"; }
|
|
@@ -58,7 +58,7 @@ export class XvModal {
|
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
60
|
var _a;
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: '0a34fb1f89740c2500b28371e39466b337f2cfde', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'a49fd32989711c4b8f2b4d5ac053d24e4c6fd854', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'ab44c18b49b220a49bf6ec7eb9fc8ad96f22e820', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '1f947aab56b3e0b954868deb56e236fc373b14db', class: "modal" }, h("button", { key: '83a0ca142e88e1982f9dd72e88b1d6dd53f45a60', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '6eeced9c8e08f89332af1a7abc68983487acb36e', class: "modal_header" }, h("slot", { key: 'e3b6ea02897337a933ef426764f564fe994cd93a', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: 'd751d58ccddd44a3e87c347d7f2a969dc8086ab4', class: "modal_header__title" }, this.el.title))), h("div", { key: '6a294b8996b1075ca28bf98f892ba496da660ca2', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: 'd44c4ae996c3741012f79d85df818d6d4427ef7a' })), h("div", { key: '8f1c985527418850d7c94804b8eaae13e2f2570e', class: "modal_footer" }, h("slot", { key: 'd6eb02823f939b9a9343d54b6c3e62ebbe6d03f4', name: "footer" })), !!this.loading && (h("div", { key: 'b35b569dee205fa5eec7fa5bc32b811ba3886f20', class: "loading" }, h("xv-loader-v2", { key: '7f2fd9d2a094a569a594cf01e3d2c568a9b48a4c', size: SIZE_VAR.LG })))))));
|
|
62
62
|
}
|
|
63
63
|
disconnectedCallback() {
|
|
64
64
|
this.removeTriggerListener();
|
|
@@ -25,7 +25,7 @@ export class XvNotification {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '4d47c6083a91731ecc0d936af7e7a9e0fb2a3ae1', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '7f70063873d5d3e5225ea199c41496ef553ce1fd', class: "content" }, h("div", { key: '0dc6f5236b1ab6af820eea08241cb6245a4fa731', class: "content_wrapper" }, this.el.title && h("h5", { key: '0c0943c24e6bca69a4b743eb0abcc8aa8eb0f276', class: "content_title" }, this.el.title), h("slot", { key: 'cd4fc0e894f63c7929abca69e1c4987504003af4' })), h("slot", { key: '5b20d797f35e2d1afee20b303d6c6c028992e6a1', name: "footer" })), this.dismissible && h("button", { key: 'd24d61603ef30217674f75abb70884d896bdabf5', class: "close", onClick: this.closeHandle })));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "xv-notification-v2"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -34,12 +34,12 @@ export class XvNumberInput {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '5ac4389f2f30c03f7b42264c5cf59cd6edf8f874', class: { disabled: !!this.disabled } }, h("label", { key: '7ee1d2c839ae7f751bfa5f46c72a538df80a5635', class: "control" }, this.label && h("span", { key: '0af4368e6cefc3f8d01ad7f5d6f572b72cdbb7b6', class: "control_label" }, this.label), h("div", { key: '05ddc8ae5273f33e97b10003036ce352bf378dd9', class: {
|
|
38
38
|
'control_input': true,
|
|
39
39
|
readonly: !!this.readonly,
|
|
40
40
|
error: !!this.error,
|
|
41
41
|
warning: !!this.warning
|
|
42
|
-
} }, h("input", { key: '
|
|
42
|
+
} }, h("input", { key: '23cdaa9824587ee404a3c090bada6b19880f2612', 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: 'ba85f7a12ddea34589b244abcbe1fa4ac95b1066', 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: 'f5f7899f72cdc623cda61c7bc5ac28f70f7e7f58', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '760a49138c9b68c0e433387fa1e5a9848f0d0958', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '3374b2ac07b603f4d68782c4e808874cb5ed8ccd' }), h("xv-button-v2", { key: '1ec89ee340b30ebafdf921cb54c16ac33079a365', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: 'ac9168b10c77ca86ba094357c070aa41ac0f287d', slot: "icon-left", class: "status-icon" }, "+"))))), message && (h("p", { key: '4f94b72f9b778ec18e0c46c64b69f6571bbef2b5', class: { message: true, [message.level]: true } }, message.text))));
|
|
43
43
|
}
|
|
44
44
|
static get is() { return "xv-number-input-v2"; }
|
|
45
45
|
static get encapsulation() { return "shadow"; }
|
|
@@ -106,7 +106,7 @@ export class XvPagination {
|
|
|
106
106
|
this.observer.disconnect();
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
|
-
return (h(Host, { key: '
|
|
109
|
+
return (h(Host, { key: '7a3eab13d357bc19aaa273fe86783ad3c14aabb0', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: 'b402e990774809a726150a1f7b0f9301333aa7a0', class: "block" }, h("select", { key: '6150d13e6b53152eac98f67a86ade250de4ad9da', 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: '05803f556cdef8401f4b7669fcea81b57da2a552', 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: 'c42001d91aa7c941f3dcc79f9032d27823794941', class: "block" }, h("select", { key: '68e17494132102ba09544e5b53bb4927f63ab636', 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: '34fb3c17f4243dfaa83669bc284a7b7a38c502b0' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: 'a662a1a8887bb8d5b5cf05f308068e54d7a4bcc7', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '2471be9d781847be4037786389c3b0b6cf3c01f3', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: 'd214ad29d05bd41127aa8da3ffc1a01cc23cfcf5', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: '7ca98ba99940745e816fabd1b6aaa32c9fde182c', 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: '5524ffa6db6b4b2113a916e7429fae48cbaf4ab5', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: 'c4644a5da9bf3743758e8e0393b228f9be619440', slot: "icon-left", class: "icon icon_next" }))));
|
|
110
110
|
}
|
|
111
111
|
static get is() { return "xv-pagination"; }
|
|
112
112
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
|
|
|
5
5
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '202ead6cdfec55a0545524d75ab72865dc49afe8', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '7e6e08f7af305c76fd477e05c50c18068742342d', class: "line" }), h("span", { key: 'd12076cf545482c2406255efabf480aaccfce995', class: "icon" }, h("svg", { key: 'e01da9567ab766368819b945b874da7e32bf241b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '15de6383a45feba2e3bc25802e261980856eb2e0', 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: 'a8387634529f912b059f34fb452eeabb0d823a0f', class: "label" }, h("slot", { key: '22ca0fe86e7cc045117693a3c95dfd9cd3f453db' }))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "xv-progress-indicator-v2-item"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -55,7 +55,7 @@ export class XvProgressIndicator {
|
|
|
55
55
|
this.updateChildItems();
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: '301df8d5fec0d6eb7465fe2e7d49a5a4868e0e32', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '456eb7dce2180d948683d68fd524db888ef1c815' })));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "xv-progress-indicator-v2"; }
|
|
61
61
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,12 +25,12 @@ export class XvRadio {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: '15d07dcec953ce6d0b7c5233911f779516f6bbf9', class: {
|
|
29
29
|
'xv-radio': true,
|
|
30
30
|
'xv-radio--reverse': this.reverse,
|
|
31
31
|
'xv-radio--block': this.block,
|
|
32
32
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
33
|
-
} }, this.label && h("p", { key: '
|
|
33
|
+
} }, this.label && h("p", { key: '6b3422a886f02fcbd1673a024dcea4dd7eda258f', class: "xv-radio_label" }, this.label), h("label", { key: '48bbc53307ed0e5efe1b06d427398897767e760b', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: 'a167f857f09ce1f82dc177a5818ed224cf4adaac', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: 'f650afcfcad0bfa6fc46f21fb021c13095c6d65e', 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: '80ff3812787a2a8aae73382d438d2596cb595ff0', class: "xv-radio_input__mark" })), h("span", { key: 'fcc77b5adb57a458194b00cedaf0c8c24c62d942', class: "xv-radio_container__label" }, h("slot", { key: 'f9336d1da0f159b5e35a876c7a298dca4d077272' }))), message && (h("span", { key: '20e78f1ae314081f99a1639c7c6ff0ce78dd9461', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: 'ffa8f63f8fb2416286c9ef4bc6a803bb2ef519ba', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '480107086cd2dc0bebbf46c1a698c57691f418d1', name: "info" })));
|
|
34
34
|
}
|
|
35
35
|
connectedCallback() {
|
|
36
36
|
var _a;
|
|
@@ -38,7 +38,7 @@ export class XvSlider {
|
|
|
38
38
|
this.setValue(this.min);
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '4fe2a419d6381e1d8128707a8dd8e6d8c636945b', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '2647a84611dce9a7380ae282ee15c760d1195ac4', class: "label" }, this.label), h("div", { key: '50f8d236598369b86be661e9fc4ad7a917e7c09c', class: "control" }, h("span", { key: 'b94c19959a44292df203f34d67ccab6ba997814d', class: "control_label" }, this.min), h("input", { key: '5f13027d082401e975bdd21b10a7878a0f381cf2', 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: '257271e77a77cfce41b0b46974b536419cd8c46b', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '1c2ef51cbadd331668330aedaa9468076745a3bd', 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 })))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "xv-slider-v2"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,7 +22,7 @@ export class XvTableCell {
|
|
|
22
22
|
}
|
|
23
23
|
;
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '54554c4c4a8a4946190eb902bb1735a3c5c5c1ec' }, h("slot", { key: '0362eb7824426b70615c27a3ae54eb011b1e9d7f' })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "xv-table-v2-cell"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class XvTableExpand {
|
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '46a3251dfaad2cb30223e602e2f61829264fc3ac' }, h("button", { key: '4c621015f24339a6ffa554e6e1f2acc368c96fe8', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '5d1cc8b9c009806aa60044e3920f7ddc22ee4af2', name: XV_EXPANDABLE_KEY }), h("div", { key: 'b86409287e0157bd05f97fa41f125aad4347cdbb', class: { expandableContent: true, open: this.open } }, h("slot", { key: '3509e4d58c60a4b822c4dfe5dbe9e5c5dce0c43a' }))));
|
|
14
14
|
}
|
|
15
15
|
componentDidLoad() {
|
|
16
16
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -42,7 +42,7 @@ export class XvTableRow {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '321a813ebafd91018cd6cdb955c6aae933819ef7' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'd6f48d3ca5f0eacbfd452e9e6bfd4df2b2f0c81e', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'f420880b7ede7c65ed514d43dc42c7a716ba1991', 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: '353a7c3e05bcf6e9a605d164ef6a460cc66463e3', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '09f18fcbc596b5db1304396bcf5e7cc601a0daa7' })));
|
|
46
46
|
}
|
|
47
47
|
componentWillLoad() {
|
|
48
48
|
this.setInitialAttrs();
|
|
@@ -32,7 +32,7 @@ export class XvTable {
|
|
|
32
32
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'c4626d13efbc6f6c8cc632ac679a09556e2bc69e', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '0924748c5a2888c5e4595f8264a16ef8b67488ab', name: "title" }, !!this.el.title && h("h2", { key: 'f319c2a960ae5eb4bdbda39607263ca096aabdcb', class: "xv-table-title" }, this.el.title)), h("slot", { key: 'da98f8645e08a492766010e51cc7b88703892091', name: "toolbar" }), h("div", { key: '415336d5fbf20334da0e274e19ef42dc7c6caade', class: "xv-table" }, h("div", { key: '8a4d1a9baeb5cb905d1d99be36afb70ce0f6180c', class: "batch-actions" }, h(Fragment, { key: '6d487ecf5dce546b0403a513da51d9cb8418712f' }, h("div", { key: '4b9246479e9f266f60de9968b0effc55310a814a', class: "batch-actions_content" }, h("slot", { key: 'bdfac0c6148a8a0bd954f15c596f3ce54beac470', name: "batch" })), h("p", { key: '314c6378745413a026ada50de1e485be028d2aa1', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '878f30d79210f9207f8c5a3b3299d030aabb98bd', class: "xv-table_wrapper" }, h("slot", { key: '74166a446419efedf73b9c76c1d8cf4f157eebe9' }), h("slot", { key: '9d66112e32a19304f55c1834fbca3937404826d9', name: "footer" })), !!this.loading && (h("div", { key: '6bc361974d9e7f71b327a1e3ef607159e671543e', class: "xv-table_loading" }, h("xv-loader-v2", { key: '63dfdcc5eb6c982f9d010498f94dcd9903121860', size: SIZE_VAR.LG }))))));
|
|
36
36
|
}
|
|
37
37
|
componentWillLoad() {
|
|
38
38
|
this.setColsSizeTemplate();
|
|
@@ -6,7 +6,7 @@ export class XvTab {
|
|
|
6
6
|
this.loading = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: 'db120f1c04e678db5f029344eebdceb7d5f318a3', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "xv-tab-v2"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,7 +13,7 @@ export class XvTag {
|
|
|
13
13
|
this.closeClick.emit(e);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '6352409e91061d56690509b0df95675394c19bfd', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '5f80b72d1a12d9285f9daee68a25cb1757f80d99', class: "xv-tag_content", part: "details-content" }, h("slot", { key: '130101846ffb8b46cbfae97a816ce8170b61a83a' })), this.closeable && (h("button", { key: '72de1eee354cf0432f177173f944c11461788641', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "xv-tag-v2"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -242,12 +242,12 @@ export class XvTagCombobox {
|
|
|
242
242
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
243
243
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
244
244
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
245
|
-
return (h(Host, { key: '
|
|
245
|
+
return (h(Host, { key: 'e469afe0846e7e0d0c78aaad183c19b45b58d6b9', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '3429dcd79e6a36da1690719a64999dee271c14b7', class: "label" }, this.label), h("div", { key: '824ef4bb0857276b020210d72bf70b6592cf6507', class: {
|
|
246
246
|
'control': true,
|
|
247
247
|
'control--disabled': this.disabled,
|
|
248
248
|
'control--error': !!this.error,
|
|
249
249
|
'control--readonly': !!this.readonly,
|
|
250
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
250
|
+
}, onClick: () => this.blockClick() }, h("div", { key: '11f8c9e35ac4be2684617cc1fc24538c5f8c235e', 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: '9b703998626f6cb3197f8e0397a6690cb880d991', 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: '86395669c397881ededbe789ba1777a09499961c', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: '96bd2e6b503f14302a8a42965e290df05b995eda', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '17cd1b92828d8600ace9a6ad8f69a0a0639955e6', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: '1c34274aeb8500563c272aadb69b2859111da2bb', 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)))))))))));
|
|
251
251
|
}
|
|
252
252
|
static get is() { return "xv-tag-combobox"; }
|
|
253
253
|
static get encapsulation() { return "shadow"; }
|
|
@@ -30,13 +30,13 @@ export class XvTextInput {
|
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
32
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '1a451f250ec05c6e96f8af8e2a27091995e9ac6f', class: { disabled: !!this.disabled } }, h("label", { key: '552e1ccf4cf4a2e761c7ff2f39cbf15e62596115', class: "control" }, this.label && h("span", { key: '509526c940c885304a7151ee9ce079830ad324db', class: "control_label" }, this.label), h("div", { key: 'b6b44117ed42a46402345520354e1811e361b43a', class: {
|
|
34
34
|
'control_input': true,
|
|
35
35
|
readonly: !!this.readonly,
|
|
36
36
|
[this.size]: true,
|
|
37
37
|
error: !!this.error,
|
|
38
38
|
warning: !!this.warning,
|
|
39
|
-
} }, h("input", { key: '
|
|
39
|
+
} }, h("input", { key: '2740941bb9a98a511eac90077b8a1e486c853f41', 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: 'c9390a6811d8114c4f02baf73dc99835821f200f', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '9c3541d08e80a9da3bcc6e61b5810d019f4be372', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: 'e6a235a9f0550d4192c101c9af80ddcc76139c0f', 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: '28bfbbb16901c9597d5d823c50890396284a800d', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: 'c3857e60ad9bd265647e1f5cde3d8ecaf5b9104c', 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: '69ff4e5dbe3d0a53a82267fce4d70b4c9de3b285', class: { message: true, [message.level]: true } }, message.text))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "xv-text-input-v2"; }
|
|
42
42
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,12 +22,12 @@ export class XvTextarea {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'b2f821fd510f33cd98039e1a61e1b50e0d9e7c2c', class: { disabled: !!this.disabled } }, h("label", { key: 'b4cef72c6a739b6a5c85218cc04086795400c223', class: "control" }, (this.label || this.max) && (h("p", { key: 'fb6ccc0cf74a9c4aa20e0d2b7a37259d674a472e', class: "control_label" }, h("span", { key: '89976b0d705dde313fd58eb5f8bbf01fef1444fa' }, this.label, this.info && h("xv-tooltip-v2", { key: '0daa6f6f17a48c5191215bf606e63ab758128af3', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '0d847c6217db1d7d5a75d98cf1cafa37b17af1cd', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: 'd9cd7c9be0d304f9dd944d676759b91b6cc9670e', class: {
|
|
26
26
|
'control_input': true,
|
|
27
27
|
readonly: !!this.readonly,
|
|
28
28
|
error: !!this.error,
|
|
29
29
|
warning: this.warning !== undefined,
|
|
30
|
-
} }, h("textarea", { key: '
|
|
30
|
+
} }, h("textarea", { key: '49b03cb346944086a980b9d50b7f9e63d102f7e5', 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: '7af7b9a4e2fd9e0dae2177448078ac2d4dfa5046', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: '07b6dbe6234105d5284998c3d4220830b7572434', class: { message: true, [message.level]: true } }, message.text))));
|
|
31
31
|
}
|
|
32
32
|
_renderIcon() {
|
|
33
33
|
if (this.loading)
|
|
@@ -29,7 +29,7 @@ export class XvTile {
|
|
|
29
29
|
this.checked = !this.checked;
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: 'd60f88450f102cae7be393c7248d3e21c78cc584', class: "xv-tile--host" }, h("label", { key: '00c3c48e3d8b8e08eda318c0e9ec23a1c2cc2f70', class: {
|
|
33
33
|
[this.el.className]: !!this.el.className,
|
|
34
34
|
'xv-tile': true,
|
|
35
35
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -37,7 +37,7 @@ export class XvTile {
|
|
|
37
37
|
'xv-tile--disabled': !!this.disabled,
|
|
38
38
|
'selected': !!this.checked,
|
|
39
39
|
'xv-tile--error': !!this.error,
|
|
40
|
-
} }, h("div", { key: '
|
|
40
|
+
} }, h("div", { key: 'dcbd796d6ad945bb64cdc1b3d78e5d8f89d84371', class: "xv-tile_content" }, this.label && h("p", { key: 'b5f9ba5ebf2cefb0555f9fc4c13ac44237e20960', class: "xv-tile_content__title" }, this.label), h("slot", { key: 'b13f5702a8d07ed60e5b83fc0a8370e6ba6eaaf2' })), this.variant === 'selectable' && (h("div", { key: 'ad45134feae5107831244c4d9c4e065582524561', 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: 'd591d4d261d5f860b690633241c2173b36f6b4c3', class: "xv-tile_footer" }, h("button", { key: '25ab95ab3df6462545bb02f74c7ea3967720aacd', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '339809ce7a46014d2a02130f486678f9cb49ee7b', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'b61d41697980bfd1c9fae8e376c316551f7b6512', name: "expandable" })))));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "xv-tile"; }
|
|
43
43
|
static get originalStyleUrls() {
|
|
@@ -15,7 +15,7 @@ export class XvToggle {
|
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: 'f76df542ef3e81c2e5268ba760248cc997138ddc', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '9092395c1f019486c2001f7f8baa80b5bbebace7', class: "label" }, this.label), h("label", { key: '8a9cc3db776e7c59811d1cc0ee70f0e48c28a269', class: "control" }, h("slot", { key: '9833d3e4bc40eae4234eff85c40cc525316133fa', name: "before" }), h("div", { key: '982ea28d3ba4c032373ca811108abc2df0970985', class: "control_input" }, h("input", { key: 'e9b812fa8d499c7123b2bf9e27f1c08650874b74', 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: '7078448f913b68d3db94dd7078a9d986ce62270a', class: "toggle" })), h("slot", { key: 'bec5a764cd80b27d4a2af8c554eae812686fbd40', name: "after" }))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "xv-toggle"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -67,7 +67,7 @@ export class XvToggleTip {
|
|
|
67
67
|
}
|
|
68
68
|
;
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: '0406440192df1c1cc24b56c335fa40a75e7f3914', class: "xv-toggle-tip" }, h("div", { key: 'a057ed41626366dbd76e9fd4d7e3977dfe8119d5', 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: 'a62f4ce863bedb61d331d99d4dc5ce1fdb9e7720', name: "trigger" }, h("svg", { key: '9f2b06f7d73a1d5244317ebd9cc6b0233c273419', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'ca9a4c690274854a7c907e606641a0d039ec271b', 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: '7b04bfcc9332d7907d68f963333af4d041b937ce', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: 'a5eb418c70a9875b9af8add938e8634660a8a8d2', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '0d843eaef222837f2ca055b84d595363415f20ca', class: "popover-content" }, h("slot", { key: 'e8d8d27d78a40da3f404d8bf501ce03da4504d63', name: "header" }), h("slot", { key: 'c984635d738b72b350dcb09aa47a5f105afe22b0', name: "body" }), h("slot", { key: '90493facb98fb157a5798997186d5159de326236', name: "footer" })))));
|
|
71
71
|
}
|
|
72
72
|
disconnectedCallback() {
|
|
73
73
|
this.destroyPopper();
|
|
@@ -38,11 +38,11 @@ export class XvTooltip {
|
|
|
38
38
|
this.destroyTooltip();
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '38ad2ada40d599ef5e1ba09d7d73d7932a1664d9', role: "tooltip", class: {
|
|
42
42
|
'xv-tooltip-wrapper': true,
|
|
43
43
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
44
44
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
45
|
-
} }, h("slot", { key: '
|
|
45
|
+
} }, h("slot", { key: '9a58841f7bc861dbe70ef6f5f2008341cdfbc3b1' }, h("svg", { key: 'e2959b87fe8452de77ba7134ab875910e1019219', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '2ccb3e166b1b69ada964db2e5c396d02bf8ed7ce', 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" })))));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "xv-tooltip-v2"; }
|
|
48
48
|
static get originalStyleUrls() {
|