xv-webcomponents 1.22.2 → 1.23.1
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-CCZS3Rg5.js +900 -0
- package/dist/cjs/{xv-accordion-v2_48.cjs.entry.js → xv-accordion-v2_49.cjs.entry.js} +655 -66
- 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 +24 -4
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.js +11 -5
- 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 +63 -5
- 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 +907 -0
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +984 -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-CS4Eagm9.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} +655 -67
- 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-accordion/xv-accordion.d.ts +5 -4
- package/dist/types/components/xv-accordion-item/xv-accordion-item.d.ts +3 -0
- package/dist/types/components/xv-datepicker/xv-datepicker.d.ts +12 -0
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +115 -0
- package/dist/types/components.d.ts +217 -0
- package/dist/xv-webcomponents/{p-511519a7.entry.js → p-77bd6e1f.entry.js} +2 -2
- package/dist/xv-webcomponents/{p-38e5f1e1.entry.js → p-93bd2dca.entry.js} +1 -1
- package/dist/xv-webcomponents/{p-7e05cb50.entry.js → p-9e3130ff.entry.js} +1 -1
- package/dist/xv-webcomponents/p-CS4Eagm9.js +10 -0
- 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: '19d482cef760923a613303b48b95848a34c6cb91', class: "header" }, h("div", { key: 'b292a5af02f20edb4ac3aed088de974740a1c3a2', class: "header-wrapper" }, h("div", { key: 'b2964f1e94c3ad41d978823fc5db36201e776f04', class: "xv-container" }, h("div", { key: '9c9dc134604039a40a1185942fa7696df599fb8b', class: "header-top" }, h("div", { key: '26ca420fc767c21d1aee116fbc8a764b73f1cfe8', class: "header-top--left" }, h("xv-button-v2", { key: 'a12123f5e087f5747373fe082d15ade8f4b82cf0', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '2dba0a9ad0be52f05becd40755c8ff1ae5fa6a20', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '1a73d971625913c03c540e0de2bf555a01009dbd', href: `${window.location.origin}/` }, h("picture", { key: '5d6bc89b2a4a5621e07371d29ea2ce8ed45bdb08' }, h("source", { key: 'bb50e16a0c687c80e51f2a5d2fba31f3f37f2417', 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: '38e743fcfc8e44401e602770f15febdf55184dfc', 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: '6c36b6b285ef81640b84277458d1a1075db83bd1', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'c9f063139c8c148685f7c5947750b9517b2dbd02', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '7054c0d1a2e199c2a80a15b0898a1378b6eaa042' }, h("xv-link-v2", { key: '2a2661f6416a33a0ad0a5d792f599456be4c08af', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '215d899d9078b23f5616807443c712ed5d592c9b', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '02bf5a384f664574ff4e88f3cf4e4eacb526d224', class: "header-icon far fa-envelope" }), h("span", { key: 'e43533448cd36853e28a6d9b83d3444c1e89f946', 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: 'ce2726aee260d341411957b5033ed652bbbb1ba4' }, h("xv-link-v2", { key: '0f797d904de58684c27de59a78f8401a85b640bb', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '0cb8df24943fe7ebaf1106bf87378462c461523a', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '5381052d573e6927f97b0a8e95f6f59f8d7dc6c4', class: "header-icon far fa-question-circle" }), h("span", { key: '3548827457f71d75d50b1a204ce543d6f72cf70f', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '150f519c1b8cc34724996b6816598fb8500f2b68', class: "header-wrapper--bg" }, h("div", { key: 'df73b21a8fbdf3cbadd4680926f37b598400343f', class: "xv-container" }, h("xv-mega-menu", { key: 'c6ab3d6db2a99b01bfd783e8fbf5ea3be9bd3c23', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '5d2d0a5821a37998f484479a30e227ac1cbb23be', 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: 'e1932c70380d756af07bfa05675b9d5c2c547289', class: "header" }, h("div", { key: '183eee57978f19fcb219d7db91ee595550a1107c', class: "header-wrapper" }, h("div", { key: '02fcd66ff4da907903f1e334ad5a53a7b9bb2059', class: "xv-container" }, h("div", { key: 'aab66eb90337e98f4e59d42aaac564b378f1ab96', class: "header-top" }, h("div", { key: 'c5fcfa9014bb2bfb0bced02bd7719ea1035d0908', class: "header-top--left" }, h("xv-button-v2", { key: '4a976abf3371f24ce5effaf4cf8ff8362de94403', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '7e0813834a2d910eeb8caf845a20578941d6b849', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '307c66eb52256b5a2babf83ae73374e773742608', href: `${window.location.origin}/` }, h("picture", { key: '40a68d07333b94a546e64b64dedf3d1f0aad33e3' }, h("source", { key: 'b1ea9728fbaa7be3db49ef5f345da13e5d9fe128', 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: '26b55e09faf33d6fd7b15eadbfcfd7983ea9091b', 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: 'a6afdfd42951d557582e2e5b19fe10ac3d3ab3d7', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '448514d89b69358c4de90be5f3a2e81efd983bea', 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: '61035a716a07da5a2aae58424378ef01983bf824' }, h("xv-link-v2", { key: '7c57c3260f4f27595cb812ad1dec511914d5335c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '4abd8f7dcf600df0a14e6838fee395f441fede9d', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '09c17b6dc458482bd5bc037c33879e717e5e2414', class: "header-icon far fa-envelope" }), h("span", { key: 'd26a89c70294dc18303f5909e354d815fa254d0c', 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: '33b0d3b5c9c239a3a528375b72ed105084f70851' }, h("xv-link-v2", { key: '38a72e3aeff4ffdd95cf3b65eb0d1b48f9d4cdb9', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'f9adcd32c71b048b5bcd477a2bdf2c9dff8461d7', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '0cf12dc0e0b8cfd7a6541f4e656b66dbcb9d8cbf', class: "header-icon far fa-question-circle" }), h("span", { key: '3c329275f4ec1575bab6ec0fe66704e56ad9d084', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '52276a7cfae8499d7818c792faa9917af5dbc1b3', class: "header-wrapper--bg" }, h("div", { key: 'd7d308bf85f8b085632cd3eab6a065569cb70f68', class: "xv-container" }, h("xv-mega-menu-next", { key: 'df7cd9de15f68c121e8b59bd4a0910473afcad7f', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: '132923db6ca3327bf9db41470ef6837b357a42fe', 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: '533066966027bab8caaff1cf2bb4f623cd796281', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: '6f7b61e335903a32938a99665bf2b0f243f98003', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: '9fcfa1f8b971e4d84b32568ff2120e0d5595a8f8', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: '87dc5edf281ca92ec940e9e1a07da4091b8db3d2', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: 'f378958e117c9dfa8c4633dde5d2424ec5746c33', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: '1795c2257d8ff25c74283e8526a31134f70a9e17', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '399f634938829c338065dda7a005d91548eb41ea', 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: '2301aec74dc8540613236ffbbddc6ff30b3c3953', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: 'e0d3c138175b28d6dfa307f64298c14503b25dbf', 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: '13d809e298c5060d45bb8f17ad45193e51c97674', name: "icon-left" }), h("slot", { key: '092cff2afac50b8a01aea4cbef221e3cb4ac91fa' }), h("slot", { key: '5dc57c38caa2ee416e939195f5e944b19da0e4c1', 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: 'c72ca48d2b524e75b2b5524cf9dd259d22cb4f4d' }, h("nav", { key: '28e60240f066dabfc99d3e45a1cf76ac4f269144', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '3734f18ef70751734598d6e49a22c1fbfcebc2d0', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'ae21fa800e0fff0e94a9205d75c04a9b3943d65c' }))), h("ul", { key: 'bed3be6fc36732bcba5d55b982ed3578a80e60b9', 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: '0f554fac8dfc103cc8e35f3a8b4723c5c3f705eb', class: "menu--right" }, h("slot", { key: 'c82e2f463e42fa7c6ae9ba9061ce040f9c88e271', name: "menu-right" })), this.open && (h("li", { key: '9bae7b7e5c5c0803197042db2c1e3372073bf01b', 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: 'bad4de2d6c069fbd9af916193a34374e44605035' }, h("nav", { key: '2178773027093967b6b1a173739ad7c730849ac2', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '0b1696d0d4d73406a253265133e6367f80647054', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '569f2b3f58bfeeeb0f92ae18325db675a68e536e' }))), h("ul", { key: '58f6fd94abeeeb920d75ed3bcd2855830b380e97', 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: '38b8acb36359a7a5d7df00e786155590741e3204', class: "menu--right" }, h("slot", { key: 'a1d1b1339febe43b3bc21fe5380aed17c7657c4a', name: "menu-right" })), this.open && (h("li", { key: '3bde394cc93c860d2221ca9ef8c428a537cbc7c6', 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: 'aea0a0b124f145c48b0b0d875147b3e08e6da379', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '982d8734c2c0adb46af7f3ef2555f945225de328', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '2ffcfe5e5547ab42b4fa69872a3c1c7c98db4e24', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'de4dfa95ed279ec9e36e97a67dc87e6eeafd02f3', class: "modal" }, h("button", { key: '12f6539f8377bfa9698c93b9a86f108665451879', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '56bfa354570c4353f461e5eb55ec4e18df01a62e', class: "modal_header" }, h("slot", { key: '33274ab2121800c2e93664121cf9fa79f7e6b7f9', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '57d6f1a66cf05df1f96b12af67a4346ae1c4bbf9', class: "modal_header__title" }, this.el.title))), h("div", { key: '1ce8cd328f00a82633cc06f9aaa4dff5546e72a4', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: 'b2e00be0bebbb24928135d8399333e7e851d0738' })), h("div", { key: '68010b2585934885d38fa67082aa1845fca79273', class: "modal_footer" }, h("slot", { key: '9ccd222da1c0af1723b013e31bd84e9cc536f357', name: "footer" })), !!this.loading && (h("div", { key: '1f6dd16d7f71d4a436449fdd123c6695eb9b50b3', class: "loading" }, h("xv-loader-v2", { key: 'd42193dff6c5fd9090440f69a84308eec29a85f0', 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: 'ab2353e3dd17d977e85a6194dbbc27e85f35f52e', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '7aacba4498a155a250dc79bb0281874b6d81371a', class: "content" }, h("div", { key: 'e0db6af49a436a624da6c53363cb5bc74dcc53f1', class: "content_wrapper" }, this.el.title && h("h5", { key: 'c0dc20f5ad098526c94dbc08abbab7448dc20bde', class: "content_title" }, this.el.title), h("slot", { key: 'cd8c154009b6cc50085c1751c27d09bfebfda230' })), h("slot", { key: '7e1c08970d9a6e956dd58829c10d78febdb1a399', name: "footer" })), this.dismissible && h("button", { key: 'd7f3da4d38ce8d7d09df9ee9cb4eb6a565d31b6c', 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: '64a5bf225ef8ea9761bcccdaae6093715928a836', class: { disabled: !!this.disabled } }, h("label", { key: '1e1405e4036502d71cef820b6c6673a7a0caca9b', class: "control" }, this.label && h("span", { key: 'd1f49c60749a0dfc5b4a27f3550710b8822df621', class: "control_label" }, this.label), h("div", { key: '929cb4f229d25fa22032846157e87a5650465199', 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: '209da69c19f87fd25adeae412191951196f40d82', 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: '30be9949431909548abb85d79e234c8e8bbdd863', 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: '6221e7306b5dea4064133ec226e4b3d4db8dfa79', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: 'ea23a939a64b4f60a2266fad1eda9a34219d74a6', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '5769c16821a814ff3535fa8a517840d8d3d39ba9' }), h("xv-button-v2", { key: 'a8b897ddadbcc5f7948aa9a602ea5f539bb3c511', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '0f0d6d469fc468ae596524d3abff6a1dbbd5171e', slot: "icon-left", class: "status-icon" }, "+"))))), message && (h("p", { key: '9a0cffa641d5532b636db46b0b06d0e99bd7f767', 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: '853af372b0548e1b375512b6f96814d0be1246d1', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: '3fe0eb5f1513036387d3b19690adcbb75ce41a48', class: "block" }, h("select", { key: '3ef0405928f23ed5d5451ade3157a6693635f6ac', 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: 'd3075acbd035ce70da73e3d4d946b9817d7a5a71', 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: 'd61561d15a3e2152d07a239d7dd19c72a221df09', class: "block" }, h("select", { key: '4026cc1aacf41e202162d82bc60c10b9b667a1f9', 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: '8b29d19f1784f87cdaec13ac7f4af20927c9066b' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: 'b2b9ffb161c08e230f79b4de3ddb1c36dc9fcaa6', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '8831e47fd4bf5a673c5f85ac0684877791e7f72d', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: 'bd6ad6defbac861aeee2ec7562983b4b6f889ed3', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: '7f0116f8c496c6c393f06acd7d3758761e94e350', 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: '811145f6e62839858ed51b81361db161032787c3', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '7a5385386dafdfe4a703f47b47998b9fa431070c', 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: 'fa31fe446b938f648901442fcf2e56f75d2cbb83', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '067b96dfd55477dde47af194d875f9ff7bb4d80a', class: "line" }), h("span", { key: 'ade859fc5a6cb08fa60672c18ece704969eb6658', class: "icon" }, h("svg", { key: '409fc87dcfee060a65c3b56d0f10ff916004fb3d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'cee188ec9bfab61e62cdf27b258cdb3cdd6fa9f5', 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: '628713963f10dc52e11b9f2f21824c6dcf61bc39', class: "label" }, h("slot", { key: '6f96611901c127bd692ab5142e678f7f347140c4' }))));
|
|
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: '0d46fbf4778dc2bcd710a8221aa600317188c5ac', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: 'a1098882326ffd797b708d801e8f196f34a315a7' })));
|
|
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: '17da4d6dda3215f812af3774354fa4aad3c2ed5f', 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: '4e0589afbe92a95f26449e67dd62bc123d994392', class: "xv-radio_label" }, this.label), h("label", { key: 'd82d0a8103912e0c08b5fe8b88d7ef7aa82e115d', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '8b761825702a92f43c930b12359a8b69b7d3090e', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '58935b9706d6026f01f22f7a6491c3ae6f691b42', 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: '129bcfd529de5ec20c3363396349c425125e89f7', class: "xv-radio_input__mark" })), h("span", { key: '5a3c35181fdf7f8a317fd0796ab3e538d59a53ef', class: "xv-radio_container__label" }, h("slot", { key: '20b1433816ad38929f723491eb9369d3698b636c' }))), message && (h("span", { key: 'e64062947b9df40e52e656a9028ad22e6dcce7b9', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: '88a68953d1206241e28e311ce1818bf871967f2d', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '6e4f4c59a49c76f4a98c62aac8940eb015c5ab74', 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: '8a8ace55159d065a6933ed0472e934e167dd35f4', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '96cff886d9b5a26d14714f2c999664f6f0c3a326', class: "label" }, this.label), h("div", { key: '06041de19a197f27af17714ad596955f9062d979', class: "control" }, h("span", { key: 'e703ac589f696a532acb780a44754da90283aea9', class: "control_label" }, this.min), h("input", { key: 'b4934d0b4fc1dfce62c3c3d7132c0a757241c090', 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: '605a3ceb10f15050882a5e7ff9182f049bc6ad16', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: 'dceacc8218dce6875e6658ac547e910d9e907237', 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: 'e1019f13513468d2afa46b7b425cb663dce9c265' }, h("slot", { key: '79a5d5d41bad6df991934555cbfa7726d396d6f1' })));
|
|
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: 'f266d7e380e57adf62d48200c166ebc91b242c27' }, h("button", { key: 'd361c8e39e65852293481ee3b813ecbb0b819d60', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '8f33bd6e511e28aa5eb5ffdf0d364d3cfc703ce0', name: XV_EXPANDABLE_KEY }), h("div", { key: '75454b4a646984d9d5249c85fafffe4ae0607e81', class: { expandableContent: true, open: this.open } }, h("slot", { key: '03e8a6a2b6782d4342ee989592ded48fb7abb04d' }))));
|
|
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: '4bfefc0272b3e6659828073116082e2594688973' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'db2a1fda1710d74057e602a8e89ea93e00b3a4d4', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'cd84abf6eebd1d094cb724ac04b60aeed5a7121a', 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: '4e7b3a26bf754bc0d7bd32340af8dfd72c4dc43e', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: 'f1957441cdf96740ba5cae359dcb338a81fcfe48' })));
|
|
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: '7b70966d0f952db22a07267f398996808f8ef88c', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '404b9b562d9ba7e3e81eb1967f29f5264da3a368', name: "title" }, !!this.el.title && h("h2", { key: '3879b97dd807771e0912f39e1e020e5b4d4be2f1', class: "xv-table-title" }, this.el.title)), h("slot", { key: 'd86287eb247b98147df5b9c8adc22397414b75b5', name: "toolbar" }), h("div", { key: '6ae5f73b12ed2182debeebc37668d47df318c476', class: "xv-table" }, h("div", { key: 'e637817155cdc1ec1dd4d264fd211706a18643c1', class: "batch-actions" }, h(Fragment, { key: 'd8c76009a58527f37f19cdd59a8538327dffd264' }, h("div", { key: 'a7468d1e2bef756add2b0a52acb100378fd39a72', class: "batch-actions_content" }, h("slot", { key: '2e9dfc7b92f19d78bb40ed51c5c80c5869d4e989', name: "batch" })), h("p", { key: '49c73479cf38b6c39f64de86e5824e7cafdefb72', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'ee0133abea1c2bba807c08f3b82d2e46d9aecac4', class: "xv-table_wrapper" }, h("slot", { key: 'f319c67e67dc1d3ce1cebd6adda5e2082fc341dc' }), h("slot", { key: 'cf11d13e996800b1cfd8f903b904e513814a4473', name: "footer" })), !!this.loading && (h("div", { key: '95370f224b2148874c5d65162c1faceb57585d20', class: "xv-table_loading" }, h("xv-loader-v2", { key: '087fd2f83fbcc7a7dbdb4b54ea22ca0c48738765', 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: 'e4dca54eff204bf2d231f63db33f4b54f4dcd11f', 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: '96b895b1b356749701f5afa36a69b4f85c10d172', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '0b5d03749824905789abf8bff5b747daa892516c', class: "xv-tag_content", part: "details-content" }, h("slot", { key: 'f43edc8d8274d4815c48c3a6f91ba8e732bcea86' })), this.closeable && (h("button", { key: 'def9ef5a0ad1993ec1bde468e5b06edbedfeaf56', 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: '26d92ca0948bab7fe5a35749b23a672296aa7dd5', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '4c63711e77e0245cc697db5889c74e2a995afd89', class: "label" }, this.label), h("div", { key: 'f114f1edf0f608463719a4161eb93f05623cec1b', 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: '0809031a399a404258b00ab32d7186b06f93acc0', 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: '33de46429c70c3cf41ac1854a0851e5221d6d802', 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: '11b8772e49a0ae866405c205b16c06f2e2f30003', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: 'a4a3af320c90e17155f0d11cc918fb9885b7bb53', size: "sm", variant: "horizontal" })))), message && (h("p", { key: 'f72aea3ab5fbeb3644865863cc421c6c23ff69c0', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: '75f3bf76e57126038e601384d34c0c7f7b2a8b97', 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: 'fb4140e3957289d1738638220fe11d369cbd6c76', class: { disabled: !!this.disabled } }, h("label", { key: '2fb9e890031b24a06d7b75d3ffcd392d1f9c7a7a', class: "control" }, this.label && h("span", { key: 'dcbc26f3cf19beab214baa8096db1b30751dbfeb', class: "control_label" }, this.label), h("div", { key: 'c08ec7997f18ef4fe250ff9d25bd6186cf632be6', 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: '20be88944774f544f79b5a346185395bbad00f85', 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: '03c0a18fe1f6b4862d6f83debaa9a44bff95574c', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '290c542bb0849bfe05d71055ef53956cca5da224', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: 'bb2347fb27f3816a32f25d2b0c6d766e0c280002', 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: 'ceaca87162bf79478fe0b619d98c4ef7056a7228', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '4e71f75413a6449c63f3da5d81a0f5a15c9af6f6', 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: '0bcdb4150f9b6d186364c0bd1edc5a62f722b892', 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: '2ab7a9fc844665f1716f93795cdcf29e25be66d0', class: { disabled: !!this.disabled } }, h("label", { key: '56721656f7ca53e2c6c778d2061a3d5c260ac2bd', class: "control" }, (this.label || this.max) && (h("p", { key: '0473912285078db3b8b3ca0a49a7ed76d1fa0513', class: "control_label" }, h("span", { key: '26ce49dde111cc42bde6d8df4f3df7a780e8c4a9' }, this.label, this.info && h("xv-tooltip-v2", { key: 'e9246fb854236c9afb99dc14fa44fc7ab37f57ac', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '9bbd87910457b8e9506e11f3e8162801041ca292', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '509810f2bc7c0eb25562925f9f010925c8f83d0d', 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: 'e87e2ca9a1316d5af6227c1021e996ae89b441f1', 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: '92946149d2dc6e14bab2979085de33e2b6605ab4', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: '9926dab4bf9cfeea0d8cf38205ce169d7655768f', 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: '6824219c2d5056b682c54b385b70336400105561', class: "xv-tile--host" }, h("label", { key: 'b13a07bbd7bf94360cc5c51e6e55f4ba231ada5d', 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: '48d0e3130cd672d8a46581ffa6a99c7b1a46e396', class: "xv-tile_content" }, this.label && h("p", { key: '897886dcf0bc02968a163c568f028c9c43c2490d', class: "xv-tile_content__title" }, this.label), h("slot", { key: '252a2a40f88143fad5f13899c0bf6b9cec9aaee4' })), this.variant === 'selectable' && (h("div", { key: '7a306a57df6d6e8c2c5e92458267ccd6713e0f2f', 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: '0ac23afd0d18c9b79a3be6ecf6811a01490da68b', class: "xv-tile_footer" }, h("button", { key: '0986411336a236ee8ee231a2cb7cc5a4908ad2bd', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: 'a53038b4c008249d3a034e508bc66cea93fcc5d6', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'ae376f81b20a8bba559856adbbcac5b452e64f82', 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: '334e72b4bcd880ce3101de2235fc506e2bb162d6', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '8a2ae7929557c7735d25e41a67b803e59463163a', class: "label" }, this.label), h("label", { key: '1abb2846661d706c1d663f3c60638b6a4bf4c5dc', class: "control" }, h("slot", { key: 'd365e5a6a9372f202eae1fb1e5d6badd95f0366d', name: "before" }), h("div", { key: 'be34704113ec694638a5526114e6aafd6169f770', class: "control_input" }, h("input", { key: '1785e8f404e87932388cd12744bda205a89af46c', 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: 'a286ebfa813ad6fef3d09982dba95e883383232f', class: "toggle" })), h("slot", { key: '90775c317921ff24f8edc6dffcb0197184541b3b', 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: '66fb2457b3884c8be164b7645831f2776a43f441', class: "xv-toggle-tip" }, h("div", { key: '806166deb8bbc3909b292b93d702bd5b7c3c46c8', 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: '37132d8fa4e571717460070bf5d0c445ca7a93b4', name: "trigger" }, h("svg", { key: '6de199c506cba5882bdd21b932dfa99c976266c6', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'dee439c2353418e18128fe39f7ace26b77a5f93d', 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: '55108699541b18a6fff18aa5657f79eeb7d32f6d', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '56ef2858d9cd497dfe0a6095437e141fd4af9a0a', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '5d10e4d5bb38e71066d2387a3c1d1e8caeb8aae7', class: "popover-content" }, h("slot", { key: '2ad153cd8b79fe57426118c892e5a32ad8f9a77b', name: "header" }), h("slot", { key: '72d1031f1289d1419a6461fa38f12d4bcb14d144', name: "body" }), h("slot", { key: '93ccfb491cccbfcc829773b5879ab3430f924697', 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: '88126f30f16fb9a90d3a681b07cc044818f4b786', 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: '815bf58e317774fbd4fb23c85ba6820e9867af12' }, h("svg", { key: '0215e1f8f02833153916e41ec2c9152162d378a1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '4b6a6dab46f12962da077d27f71932d00d8207b6', 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() {
|