xv-webcomponents 1.3.49-qa.0 → 1.3.50-qa.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/xv-accordion-v2_45.cjs.entry.js +37 -37
- package/dist/cjs/xv-accordion-v2_45.cjs.entry.js.map +1 -1
- package/dist/collection/components/xv-header/xv-header.js +2 -2
- package/dist/collection/components/xv-header/xv-header.js.map +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-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-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js +1 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.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/xv-accordion-v2_45.entry.js +37 -37
- package/dist/esm/xv-accordion-v2_45.entry.js.map +1 -1
- package/dist/xv-webcomponents/{p-89a2be01.entry.js → p-5c571aae.entry.js} +2 -2
- package/dist/xv-webcomponents/{p-89a2be01.entry.js.map → p-5c571aae.entry.js.map} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
|
@@ -78172,7 +78172,7 @@ const XvHeader = class {
|
|
|
78172
78172
|
_renderAccount() {
|
|
78173
78173
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
78174
78174
|
if (!((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.IsAuthenticated)) {
|
|
78175
|
-
return (index.h("li", null, index.h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.MD, onClick: () => this.showLoginModal = true }, index.h("i", { class: "far fa-user" }), index.h("span", { class: "header-label" }, "Mein Konto"))
|
|
78175
|
+
return (index.h("li", null, index.h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.MD, onClick: () => this.showLoginModal = true }, index.h("i", { class: "far fa-user" }), index.h("span", { class: "header-label" }, "Mein Konto"))));
|
|
78176
78176
|
}
|
|
78177
78177
|
return (index.h("li", { class: { myArea: true, onHover: true, isOpen: false } }, index.h("xv-button-v2", { class: "myArea-btn", variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { class: "far fa-user" }), index.h("div", { class: "header-label" }, ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.IsManager) && index.h("small", null, "Manager"), index.h("span", null, ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.UserMenuText) || 'Mein Konto')), index.h("i", { class: "caret" })), index.h("ul", { class: "myArea-list" }, ((_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ManagerCockpitMenu) === null || _e === void 0 ? void 0 : _e.length) && (index.h(index.Fragment, null, index.h("li", { class: "myArea-list--category" }, "Cockpitfunktionen"), this.metaNav.ManagerCockpitMenu.map((item) => (index.h("li", null, index.h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text)))), index.h("li", { class: "myArea-list--divider" }))), ((_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ManagerEntitiesMenu) === null || _g === void 0 ? void 0 : _g.length) && (index.h(index.Fragment, null, index.h("li", { class: "myArea-list--category" }, "Entit\u00E4ten"), this.metaNav.ManagerEntitiesMenu.map((item) => (index.h("li", null, index.h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text)))), index.h("li", { class: "myArea-list--divider" }))), ((_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ManagerMenu) === null || _j === void 0 ? void 0 : _j.length) && (index.h(index.Fragment, null, this.metaNav.ManagerMenu.map((item) => (index.h("li", null, index.h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text)))), index.h("li", { class: "myArea-list--divider" }))), !((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && ((_m = (_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.UserMenu) === null || _m === void 0 ? void 0 : _m.length) && (index.h(index.Fragment, null, this.metaNav.UserMenu.map((item) => (index.h("li", null, index.h("xv-link-v2", { variant: "standalone", href: item.Url, target: item.Target }, item.Text)))), index.h("li", { class: "myArea-list--divider" }))), index.h("li", null, index.h("xv-link-v2", { href: `${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}`, variant: "standalone" }, "Abmelden")))));
|
|
78178
78178
|
}
|
|
@@ -78185,7 +78185,7 @@ const XvHeader = class {
|
|
|
78185
78185
|
// endregion ShoppingCart
|
|
78186
78186
|
render() {
|
|
78187
78187
|
var _a, _b, _c, _d;
|
|
78188
|
-
return (index.h("header", { key: '
|
|
78188
|
+
return (index.h("header", { key: '42ae333e5bf6da2deea170256d54c49d2f255eb3', class: "header" }, index.h("div", { key: 'a54494203744ae3c1cd0131d6081d99f8c9179d9', class: "header-wrapper" }, index.h("div", { key: '87d0e4b662b1653cf6f099d37f7194fd89dedd11', class: "container" }, index.h("div", { key: 'd782f3fe065b2b951aba73e1089d429e07836af9', class: "header-top" }, index.h("div", { key: '9b316462565bbd2a2f1e1ab9854e1cef0d112cf4', class: "header-top--left" }, index.h("xv-button-v2", { key: '1bbc133497317ad89df03f9e9b0baf62583dfbfc', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index.h("i", { key: 'ee5877c6bb051dd8010eb1948c007c6025fe6033', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), index.h("a", { key: '8757da2ae2c33d28ea0c8ca2963747a12ed31164', href: `${window.location.origin}/` }, index.h("picture", { key: '09b116407fa400f180a5f3defafca46f49fc3b8d' }, index.h("source", { key: '5242bea956bd7a5a8dda2752e71da07c1243078a', srcSet: ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), index.h("img", { key: 'fa25463768eed4870dce3cde8ab0b16401fd257b', src: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" }))), this.orgUnit && (index.h("xv-link-v2", { key: '3d7dcb33c40be9b408188e187eb0d403c46f5125', class: "xv-header--link-no-visited", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index.h("ul", { key: 'f891fd935fe7e871e8af3cd24d28b17fcb0c55d7', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.IsManager) && (index.h("li", { key: 'ecf51de2fca60672abedf2e3b2121ae85c1d4ee8' }, index.h("xv-link-v2", { key: '7169f51ce0be6be570402747325af65c2004316a', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index.h("xv-button-v2", { key: 'b5c9253e1e1c3cfd43408420e482ece3f529c88a', variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { key: '53550b1a75d99e8440a535c496162f289d54164a', class: "far fa-envelope" }), index.h("span", { key: 'e584a9460d679c6ae9012159318bdc1283b8ca47', class: "header-label" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && (index.h("li", { key: '21551cf30b2d6c86e833fdaa8bfa0c00ccef9b2b' }, index.h("xv-link-v2", { key: '6c2977303c7eaa0e421ec57d6a7bc63e7172bc85', variant: "ghost", href: "https://help.crossvertise.com" }, index.h("xv-button-v2", { key: '7345fb9004092337287270e1d3dfed1afb9b29af', variant: "ghost", size: SIZE_VAR.MD }, index.h("i", { key: '45acf2cc2c05e9868c26c5963c74d6e92b4cbe6f', class: "far fa-question-circle" }), index.h("span", { key: '22b449b13424cf84da99c1c7a033b930630e1545', class: "header-label" }, "Hilfe"))))), this._renderShoppingCart())), index.h("xv-mega-menu", { key: '264ae53e2b8195d99b6cdf30fc60f56c0f214460', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu }))), index.h("xv-login-modal", { key: 'd9ef6abdece8162b0727aca8aa9e3ac63561bc14', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
78189
78189
|
}
|
|
78190
78190
|
get el() { return index.getElement(this); }
|
|
78191
78191
|
};
|
|
@@ -78230,7 +78230,7 @@ const XvImageViewer = class {
|
|
|
78230
78230
|
}
|
|
78231
78231
|
}
|
|
78232
78232
|
render() {
|
|
78233
|
-
return (index.h(index.Host, { key: '
|
|
78233
|
+
return (index.h(index.Host, { key: 'cdab0431d9453d40242eea5384723e5434cee841', class: "image-wrapper" }, this.loaded ? (index.h("img", { src: this.src, alt: this.alt, class: "image", onClick: this.handleClick })) : index.h("xv-loader-v2", { class: "loading" }, this.placeholder), this.isFullscreen && (index.h("div", { key: '3534aafe8c10609cf8b24a79bc80d2607d78e485', class: "fullscreen-overlay", onClick: this.closeFullscreen }, !this.fullscreenLoaded && index.h("xv-loader-v2", { key: '496b39233025ee685842c08a8ff3a6d357d5d7e9', class: "loading", size: SIZE_VAR.LG }, this.placeholder), index.h("img", { key: '7cd2dccc1be48457532e4b5f76a07cfd91f3d8af', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
78234
78234
|
'fullscreen-image': true,
|
|
78235
78235
|
loaded: this.fullscreenLoaded,
|
|
78236
78236
|
} })))));
|
|
@@ -78255,7 +78255,7 @@ const XvLink = class {
|
|
|
78255
78255
|
e.stopPropagation();
|
|
78256
78256
|
}
|
|
78257
78257
|
render() {
|
|
78258
|
-
return (index.h(index.Host, { key: '
|
|
78258
|
+
return (index.h(index.Host, { key: '75a0f61063cd3a2bdef6881efcce3c8e3d4c7e56', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, index.h("a", { key: '176e143631b64b0fe1210694447645b7094673ed', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, index.h("slot", { key: '7548aa8c15674bf99a4901b2a03f7a7267eb1ada', name: "icon-left" }), index.h("slot", { key: '1fe81d2acef943a70770c35400c3bf263d61a3c8' }), index.h("slot", { key: 'd8dfbb4ccf1f041a40aff6127aef0e0842897fb5', name: "icon-right" }))));
|
|
78259
78259
|
}
|
|
78260
78260
|
};
|
|
78261
78261
|
XvLink.style = xvLinkCss;
|
|
@@ -78456,13 +78456,13 @@ const XvMegaMenu = class {
|
|
|
78456
78456
|
}
|
|
78457
78457
|
}
|
|
78458
78458
|
render() {
|
|
78459
|
-
return (index.h(index.Host, { key: '
|
|
78459
|
+
return (index.h(index.Host, { key: 'd3483d690ce88a442c0df52d3f9dbaed715599d1' }, index.h("nav", { key: 'df63862dedde42a89b4562c737087a523bd41703', class: { 'xv-menu': true, open: this.open } }, this.loading && (index.h("div", { key: '76815bec3fd869b38aed861cab7863ee88a5a0b5', class: { 'xv-menu-loader': true, open: this.open } }, index.h("xv-loader-v2", { key: '2f9e588ad5f473aefc2ad7e653cc440ac015f86b' }))), index.h("ul", { key: 'ebe3467f7bdc386dfe64da1c85f06d3f9eb36c9b', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
78460
78460
|
var _a;
|
|
78461
78461
|
return (index.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, index.h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
78462
78462
|
var _a, _b;
|
|
78463
78463
|
return (index.h("li", { class: { group: true, active: ((_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.id) === group.id } }, group.label && (index.h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, index.h("span", { class: "group-label-text" }, group.label), index.h("span", { class: "group-label-icon" }))), index.h("div", { class: "group-container" }, index.h("div", { class: { 'group-container-absolute': true, noLabel: !group.label && (((_b = menuItem.groups) === null || _b === void 0 ? void 0 : _b.length) || 0) < 2 } }, index.h("div", { class: "group-menus" }, index.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index.h("li", { class: "category" }, index.h("p", { class: "category-label" }, category.label), index.h("ul", { class: "category-routes" }, category.routes.map((route) => (index.h("li", { class: "route" }, index.h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (index.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index.h("li", { class: "action" }, action.type === 'link' && (index.h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' && index.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index.h("div", { class: "group-card" }, index.h("xv-card-v2", { media: group.card.image, variant: this.isMobile ? 'horizontal' : 'vertical' }, index.h("h5", { slot: "header", class: "group-card-title" }, group.card.title), index.h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index.h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, index.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
78464
78464
|
}))));
|
|
78465
|
-
}), index.h("li", { key: '
|
|
78465
|
+
}), index.h("li", { key: '3c304be14cce91e8ef15d211330babd1cf27e7ec', class: "menu--right" }, index.h("slot", { key: '610cf4340a45fb9f4f6701591036386891596b7d', name: "menu-right" })), this.open && (index.h("li", { key: '4847a043c5353ce1776484af74bb8f7571d1896f', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
78466
78466
|
}
|
|
78467
78467
|
get el() { return index.getElement(this); }
|
|
78468
78468
|
};
|
|
@@ -78530,7 +78530,7 @@ const XvModal = class {
|
|
|
78530
78530
|
}
|
|
78531
78531
|
render() {
|
|
78532
78532
|
var _a;
|
|
78533
|
-
return (index.h(index.Host, { key: '
|
|
78533
|
+
return (index.h(index.Host, { key: '2fe817b5afe354f4fefd9bdd4efde9956936b0d2', role: "dialog", size: this.size, id: this.el.id }, index.h("slot", { key: 'e7d2514be603ac04a401f6fab9e8135d9fc02dfc', name: "trigger", onSlotchange: this.setupTrigger }), index.h("div", { key: 'aa2faf03935125e6ab2156b9c2909485a829e7ed', class: { backdrop: true }, onClick: this.onBackdropClick }, index.h("div", { key: 'b21b739d5f3b03a5cf6345bb2de370f306e2a763', class: "modal" }, index.h("button", { key: '3f7c775b5145bd6dec8478b625dec78f84b38e9a', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index.h("div", { key: '53a5b436a40f4e3b3c85db0bf94d6e96f0d297fe', class: "modal_header" }, index.h("slot", { key: 'a9f44d4b9cab25b39f2780b85ba06b7b19c57b72', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index.h("h5", { key: '3c8aeae5ad36dc00ce02badf5c9c7f54f55083a5', class: "modal_header__title" }, this.el.title))), index.h("div", { key: 'f8d57aacd10b4d20521c25ca71d87d6ccc5a3145', class: { 'modal_content': true, overflow: this.overflow } }, index.h("slot", { key: '1522095e46206cb1738c29dc4c02fb0bb288f490' })), index.h("div", { key: '50578184ddd5d3b7284f1c5f78d76c1c84bfa73a', class: "modal_footer" }, index.h("slot", { key: 'fc76f6ea53b69c11446be8394e0ceb6caa9c9e5a', name: "footer" })), !!this.loading && (index.h("div", { key: '99f0045bd17cfd3d891b8134858b655b1cb6cb48', class: "loading" }, index.h("xv-loader-v2", { key: '0440f5a5e82f2f2061425e26ebf85386afe6bb67', size: SIZE_VAR.LG })))))));
|
|
78534
78534
|
}
|
|
78535
78535
|
disconnectedCallback() {
|
|
78536
78536
|
this.removeTriggerListener();
|
|
@@ -78576,7 +78576,7 @@ const XvNotification = class {
|
|
|
78576
78576
|
};
|
|
78577
78577
|
}
|
|
78578
78578
|
render() {
|
|
78579
|
-
return (index.h(index.Host, { key: '
|
|
78579
|
+
return (index.h(index.Host, { key: '6a355a59d18e50c04501766a370b0baacf5c2944', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index.h("div", { key: '15f3fc782f6b188f7de37538d023def32e09b0af', class: "content" }, index.h("div", { key: 'd86f0c248d26be14152fae477066a7453d07ffd8', class: "content_wrapper" }, this.el.title && index.h("h5", { key: 'caf315e339f97462ca3de9e0fc9a56097a756649', class: "content_title" }, this.el.title), index.h("slot", { key: '36ccf639210efeb77a396baecb20da7b50597e95' })), index.h("slot", { key: '9fa1f1712e976dbfd6652c9ddaa142bc237ec76d', name: "footer" })), this.dismissible && index.h("button", { key: 'd8dfc3ab44174215b2244281e9bf00ac15cb6775', class: "close", onClick: this.closeHandle })));
|
|
78580
78580
|
}
|
|
78581
78581
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
78582
78582
|
get el() { return index.getElement(this); }
|
|
@@ -78626,12 +78626,12 @@ const XvNumberInput = class {
|
|
|
78626
78626
|
this.valueChange.emit(this.value);
|
|
78627
78627
|
}
|
|
78628
78628
|
render() {
|
|
78629
|
-
return (index.h(index.Host, { key: '
|
|
78629
|
+
return (index.h(index.Host, { key: 'a082fb47d598b1edeafdc2a862848d8cff6e6f25', class: { disabled: !!this.disabled } }, index.h("label", { key: '3ab0c3e1afe57c2ebcd5ed4a2d506faf99126935', class: "control" }, this.label && index.h("span", { key: '5e58b0e9ccf75d685b640b89547e0e5ac9a8d843', class: "control_label" }, this.label), index.h("div", { key: '11cb8faff1e7c00339407b047bad51181a8ec5c3', class: {
|
|
78630
78630
|
'control_input': true,
|
|
78631
78631
|
readonly: !!this.readonly,
|
|
78632
78632
|
error: !!this.error,
|
|
78633
78633
|
warning: !!this.warning
|
|
78634
|
-
} }, index.h("input", { key: '
|
|
78634
|
+
} }, index.h("input", { key: '4079726083bff4bd415713a5c912c33571fe65b8', 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 }), index.h("div", { key: 'db0fa3d79c9b15bc7ba0a6df0d2f5b340b38dbe0', class: "control_input__icons" }, this.loading ? (index.h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (index.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, index.h("xv-button-v2", { key: 'cfa5ff73b4ad0bec8b05139b02746728bd88245d', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index.h("span", { key: 'a02294c4aa18f2c916e5bb17e3e44acbbe30ff55', slot: "icon-left", class: "status-icon" }, "\u2212")), index.h("hr", { key: '49121201128a98b750d38cc22eba4d45432ab139' }), index.h("xv-button-v2", { key: 'c1ecee75abafcc10bae0a5c8264ed01bc81ac789', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index.h("span", { key: '7b00e8e79b6bd52538e8abb9bc1791f56b033d78', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && index.h("p", { key: '9d561bca00186a645565f49774672b985eba78c0', class: "message" }, this.helper), typeof this.error === 'string' ? (index.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index.h("p", { class: "message warning" }, this.warning)) : null));
|
|
78635
78635
|
}
|
|
78636
78636
|
static get formAssociated() { return true; }
|
|
78637
78637
|
};
|
|
@@ -78689,8 +78689,8 @@ const XvOverflowMenu = class {
|
|
|
78689
78689
|
}
|
|
78690
78690
|
}
|
|
78691
78691
|
render() {
|
|
78692
|
-
const button = (index.h("button", { key: '
|
|
78693
|
-
return (index.h(index.Host, { key: '
|
|
78692
|
+
const button = (index.h("button", { key: 'b4c2ae03ae136af81b6653b2eacfcdad920723e2', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, index.h("slot", { key: '99adb0756246acca56b366abf7605a8eb3cae5d0', name: "trigger" }, index.h("svg", { key: '4a04da29c4e2c5b557535e5ca07eddb144232cbf', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, index.h("path", { key: '2548511038f981c5f7aa17d5bbb117bff1ee2ff2', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" })))));
|
|
78693
|
+
return (index.h(index.Host, { key: '859f63e709f1f8601db0278e931840f8e5670fcc', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? index.h("xv-tooltip-v2", { message: this.tooltip }, button) : button, index.h("div", { key: '5985503411b61c724c56c4b06c17c401aa402a41', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, index.h("slot", { key: '8402478e45fa077057fb01bfca2e5d94b8de1954' }))));
|
|
78694
78694
|
}
|
|
78695
78695
|
componentDidLoad() {
|
|
78696
78696
|
this.openChangeHandle();
|
|
@@ -78721,7 +78721,7 @@ const XvOverflowMenuItem = class {
|
|
|
78721
78721
|
this.itemClick.emit({ event, value: this.value });
|
|
78722
78722
|
}
|
|
78723
78723
|
render() {
|
|
78724
|
-
return (index.h(index.Host, { key: '
|
|
78724
|
+
return (index.h(index.Host, { key: '67fe2bae2fdd1e23eb1247920467992bbee4c69f', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, index.h("slot", { key: '5cc1aac4dc8b762c6abd324353cacd9f02ca00c9' })));
|
|
78725
78725
|
}
|
|
78726
78726
|
};
|
|
78727
78727
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss;
|
|
@@ -78819,7 +78819,7 @@ const XvPagination = class {
|
|
|
78819
78819
|
this.observer.disconnect();
|
|
78820
78820
|
}
|
|
78821
78821
|
render() {
|
|
78822
|
-
return (index.h(index.Host, { key: '
|
|
78822
|
+
return (index.h(index.Host, { key: 'cfb8301e07a38dbcd255acedfa66f5d389b0ae31', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (index.h("div", { key: '9c3b55ca62974abb5b8214bcadd8b07b33c8c54c', class: "block" }, index.h("select", { key: 'a902ee5ee42f2e13a2018c1ccc6b43839c9c90c7', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => index.h("option", { value: v }, v))))), this.currentVariant === 'full' && (index.h("span", { key: '88c7f9572209186d10f6771abc1c4f7c581399b5', 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' && (index.h("div", { key: 'a9464af2d6ece52f59536ae4d1d6d746a1ed365b', class: "block" }, index.h("select", { key: 'c3badcfcb34045106d636caf9080b7572f8f762b', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (index.h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), index.h("span", { key: '8c1f1bb9e5fe974433d2adacba5cc90e6a052f89' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && index.h("span", { key: '540931711c6fb5693e8605a4c4404ea8163bd50b', class: "block" }, "Seite ", this.page), index.h("xv-button-v2", { key: 'b86ced75d902a925064f00f3445524f987d5f3b1', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index.h("span", { key: 'a3bf25f73f5341612f64149912cc93976212110f', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (index.h("ul", { key: '0ac37c0eeac74e02a6932b1621398fbc92c7a8bc', class: "list" }, this.visiblePagesWithDots.map((page) => (index.h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (index.h("div", { class: "list_dots" }, index.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index.h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (index.h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (index.h("div", { class: "list_dots" }, index.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index.h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (index.h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (index.h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, index.h("span", { class: "list_page", slot: "icon-left" }, page)))))))), index.h("xv-button-v2", { key: 'b2969317ecec494440a1a5b037b96f5dc7bf8fe5', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index.h("span", { key: 'f9e5c26e69358fe2695c1d7104b2ad60d629b4d9', slot: "icon-left", class: "icon icon_next" }))));
|
|
78823
78823
|
}
|
|
78824
78824
|
get el() { return index.getElement(this); }
|
|
78825
78825
|
};
|
|
@@ -78894,7 +78894,7 @@ const XvProgressIndicator = class {
|
|
|
78894
78894
|
this.updateChildItems();
|
|
78895
78895
|
}
|
|
78896
78896
|
render() {
|
|
78897
|
-
return (index.h(index.Host, { key: '
|
|
78897
|
+
return (index.h(index.Host, { key: '1034027604adb074213dac2da7d07a4f3a3b727c', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index.h("slot", { key: 'c26328fd118b15640d6be8855bd9ecfa8cb0dbae' })));
|
|
78898
78898
|
}
|
|
78899
78899
|
get el() { return index.getElement(this); }
|
|
78900
78900
|
static get watchers() { return {
|
|
@@ -78911,7 +78911,7 @@ const XvProgressIndicatorItem = class {
|
|
|
78911
78911
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
78912
78912
|
}
|
|
78913
78913
|
render() {
|
|
78914
|
-
return (index.h(index.Host, { key: '
|
|
78914
|
+
return (index.h(index.Host, { key: 'eb811fbfbe6a24f2e2a31ebf6e9493ecb20993e3', status: this.status, class: { 'xv-progress-indicator-item': true } }, index.h("span", { key: 'a1fd80958f510260bf32834f4ba0cc2775f0e655', class: "line" }), index.h("span", { key: '4027f3f64984b8cd8eab3fda9ade61ba27368db6', class: "icon" }, index.h("svg", { key: '1a4a44e7438e2caeb3f050f8de758c3b5d65c12a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index.h("path", { key: '86c2ff291b9e51a78b74d0836fb5985785161b45', 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" }))), index.h("p", { key: 'c9cc92170293ff381a4a01938a5d52d57ef9374a', class: "label" }, index.h("slot", { key: 'a12dc79f6b92b68eba93e89f0e409dce73d145e0' }))));
|
|
78915
78915
|
}
|
|
78916
78916
|
get el() { return index.getElement(this); }
|
|
78917
78917
|
};
|
|
@@ -78943,12 +78943,12 @@ const XvRadio = class {
|
|
|
78943
78943
|
}
|
|
78944
78944
|
}
|
|
78945
78945
|
render() {
|
|
78946
|
-
return (index.h("div", { key: '
|
|
78946
|
+
return (index.h("div", { key: '3a17d722f57df619c3772e02ab9467f94e9dab2e', class: {
|
|
78947
78947
|
'xv-radio': true,
|
|
78948
78948
|
'xv-radio--reverse': this.reverse,
|
|
78949
78949
|
'xv-radio--block': this.block,
|
|
78950
78950
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
78951
|
-
} }, this.label && index.h("p", { key: '
|
|
78951
|
+
} }, this.label && index.h("p", { key: '142b3dbe681df111913da5c34030873f97deec3a', class: "xv-radio_label" }, this.label), index.h("label", { key: '55403f9f2976d1fee9c5150332e9ffad278c6182', class: { 'xv-radio_container': true, disabled: this.disabled } }, index.h("div", { key: 'f16adf6d6f7200a2c2c8ef447459769a947a8439', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, index.h("input", { key: '29fa148caa2738ae5adedf7aaaff28c128c0b604', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), index.h("span", { key: 'd0cb179a9a140dae0d971c6917f07721dc1c9e6e', class: "xv-radio_input__mark" })), index.h("span", { key: '591800912a1e8c371a1014eb3f698fe3f24a05b0', class: "xv-radio_container__label" }, index.h("slot", { key: 'a8c6dc1299f45daa3ef196142c9babb2190a8b18' }))), this.error && typeof this.error === 'string' && (index.h("span", { key: '6baba587229da153405b758c87c61062c9a9c0d5', class: "xv-radio_msg xv-radio_msg--error" }, index.h("span", { key: '84241b350a8b6a2f0c02c712d83b81645445ad24', class: "xv-radio_msg__status", "aria-hidden": "true" }, "!"), this.error)), this.warning && typeof this.warning === 'string' && (index.h("span", { key: '4fe4ad90e5eff6bc7a208ea95a99104686d7007d', class: "xv-radio_msg xv-radio_msg--warning" }, index.h("span", { key: '1253bf92f05bf40d53dccdd506316394ace3b133', class: "xv-radio_msg__status", "aria-hidden": "true" }, "\u26A0"), this.warning)), index.h("slot", { key: '858ad8aab5ff17efd41eb18f202da4f0ba66c0d2', name: "info" })));
|
|
78952
78952
|
}
|
|
78953
78953
|
connectedCallback() {
|
|
78954
78954
|
var _a;
|
|
@@ -79030,7 +79030,7 @@ const XvSlider = class {
|
|
|
79030
79030
|
this.setValue(this.min);
|
|
79031
79031
|
}
|
|
79032
79032
|
render() {
|
|
79033
|
-
return (index.h(index.Host, { key: '
|
|
79033
|
+
return (index.h(index.Host, { key: 'f899f2241e335dfb79594c80cf7c10777fabb837', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index.h("label", { key: '410be6281085d087a25e6f27b61652488782a543', class: "label" }, this.label), index.h("div", { key: '57de502b706a86aceac02745cb0a1e48d372c722', class: "control" }, index.h("span", { key: '68a5289fd27a2f872a49573f6bb2877e1d2fdfc5', class: "control_label" }, this.min), index.h("input", { key: '7ad5274927537f50540ac147e143674f3c9b62d9', 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%` } }), index.h("span", { key: '3023e65968dcd9eb139cd786d847140b88c27f21', class: "control_label" }, this.max), !this.notEditable && (index.h("input", { key: '6372cf29a786e77aa845cd01e62e10f55d5c4111', 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 })))));
|
|
79034
79034
|
}
|
|
79035
79035
|
static get formAssociated() { return true; }
|
|
79036
79036
|
};
|
|
@@ -79045,7 +79045,7 @@ const XvTab = class {
|
|
|
79045
79045
|
this.loading = false;
|
|
79046
79046
|
}
|
|
79047
79047
|
render() {
|
|
79048
|
-
return (index.h(index.Host, { key: '
|
|
79048
|
+
return (index.h(index.Host, { key: '79c789ace42aeb97e09f0b2732ff7af103c73e2f', disabled: this.disabled, name: this.name }, this.loading ? index.h("xv-loader-v2", { size: SIZE_VAR.LG }) : index.h("slot", null)));
|
|
79049
79049
|
}
|
|
79050
79050
|
};
|
|
79051
79051
|
XvTab.style = xvTabCss;
|
|
@@ -79084,7 +79084,7 @@ const XvTable = class {
|
|
|
79084
79084
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
79085
79085
|
}
|
|
79086
79086
|
render() {
|
|
79087
|
-
return (index.h(index.Host, { key: '
|
|
79087
|
+
return (index.h(index.Host, { key: '44bc704eeaa933a6ada6f72a44134fb9f31605ff', class: { batchVisible: !!this.selectedCount } }, index.h("slot", { key: 'fed31f6f7371444b10f442370701f21bce5db86a', name: "title" }, !!this.el.title && index.h("h2", { key: 'e67ffc4ede9b83b7388d429834cb855ae8f406d8', class: "xv-table-title" }, this.el.title)), index.h("slot", { key: 'f827de955c11d9a001f60e8cd96bc353d50292e5', name: "toolbar" }), index.h("div", { key: '33161ad1f4ef71786066a5b907c46df5cc32e2ec', class: "xv-table" }, index.h("div", { key: '6850cb6d234ee331d9a4d5c323b73eb39af6cbfb', class: "batch-actions" }, index.h(index.Fragment, { key: '035cfa2ad27313e6186c9d4e936f996d9f20ea37' }, index.h("div", { key: '98875c9c8f6043d94b06687bb2575a3d52f9e63c', class: "batch-actions_content" }, index.h("slot", { key: '1da60621f9fc19f7e4edb833ca08b875bf5f53a4', name: "batch" })), index.h("p", { key: '4a0dddcb8ec857ece2d27fc7f293d353a4e82b6b', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index.h("div", { key: 'cde524996dc244aa6779862c561c0798cbd0989c', class: "xv-table_wrapper" }, index.h("slot", { key: 'c5adf99e089991104592681711033158dfc6627e' }), index.h("slot", { key: '2a9c0dc805cbe805772b39c8dbfcff3b5a19b2c1', name: "footer" })), !!this.loading && (index.h("div", { key: '381d6e295f91654eeafce7ef221a940905cba5e3', class: "xv-table_loading" }, index.h("xv-loader-v2", { key: 'f43b0c1bd43ee4094350ee026c5ad2de2b0b9049', size: SIZE_VAR.LG }))))));
|
|
79088
79088
|
}
|
|
79089
79089
|
componentWillLoad() {
|
|
79090
79090
|
this.setColsSizeTemplate();
|
|
@@ -79123,7 +79123,7 @@ const XvTableCell = class {
|
|
|
79123
79123
|
}
|
|
79124
79124
|
;
|
|
79125
79125
|
render() {
|
|
79126
|
-
return (index.h(index.Host, { key: '
|
|
79126
|
+
return (index.h(index.Host, { key: '8bc4c9b9c7ab5bc34523bab2082936ee725b7883' }, index.h("slot", { key: 'bf97f92ee4bb8d5abcfee3ca2b98037da7d29b79' })));
|
|
79127
79127
|
}
|
|
79128
79128
|
get el() { return index.getElement(this); }
|
|
79129
79129
|
};
|
|
@@ -79144,7 +79144,7 @@ const XvTableExpand = class {
|
|
|
79144
79144
|
};
|
|
79145
79145
|
}
|
|
79146
79146
|
render() {
|
|
79147
|
-
return (index.h(index.Host, { key: '
|
|
79147
|
+
return (index.h(index.Host, { key: 'b9deeb2fe767bb6916bfe533bb928eb3f40e750c' }, index.h("button", { key: '99f422fcbf4523ff866f1e99af92807a29c09bda', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index.h("slot", { key: '681b121b0758cac37d0086dc9c05d65f49bc751c', name: XV_EXPANDABLE_KEY }), index.h("div", { key: 'c764019ebbce2e996602f831a79de0eaf5e6da46', class: { expandableContent: true, open: this.open } }, index.h("slot", { key: 'a672e206d19ddfbf24e19114702ab0d7a22e96ad' }))));
|
|
79148
79148
|
}
|
|
79149
79149
|
componentDidLoad() {
|
|
79150
79150
|
index$1.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -79199,7 +79199,7 @@ const XvTableRow = class {
|
|
|
79199
79199
|
}
|
|
79200
79200
|
}
|
|
79201
79201
|
render() {
|
|
79202
|
-
return (index.h(index.Host, { key: '
|
|
79202
|
+
return (index.h(index.Host, { key: 'ddaf7558958efb14b255f9bb4eba0f55ee6afc57' }, this.variant !== undefined && (index.h("xv-table-v2-cell", { key: 'bbd0b771f69fea0b752995b8914ff781d502c786', class: "cell-control" }, this.variant === 'checkbox' && (index.h("xv-checkbox-v2", { key: '0ef948bc26c7ba61fab37b81b55fc3b88f80fda1', 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' && (index.h("input", { key: '2aca519d79784e26855fb9e63e268de51742242e', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index.h("slot", { key: '5fca9c696e28605ae2d5d5fad35b23bf0db044eb' })));
|
|
79203
79203
|
}
|
|
79204
79204
|
componentWillLoad() {
|
|
79205
79205
|
this.setInitialAttrs();
|
|
@@ -79552,12 +79552,12 @@ const XvTagCombobox = class {
|
|
|
79552
79552
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
79553
79553
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
79554
79554
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
79555
|
-
return (index.h(index.Host, { key: '
|
|
79555
|
+
return (index.h(index.Host, { key: 'fe2c37fffb2bebe572e7c6cc788168de1f12610b', class: "xv-combobox", part: "root", size: this.size }, this.label && index.h("label", { key: '4a54d12a60a4237346567a2dd4604930239e3244', class: "label" }, this.label), index.h("div", { key: 'f8bc9cb018ab53aa9b5df869b44a98971346027d', class: {
|
|
79556
79556
|
'control': true,
|
|
79557
79557
|
'control--disabled': this.disabled,
|
|
79558
79558
|
'control--error': !!this.error,
|
|
79559
79559
|
'control--readonly': !!this.readonly,
|
|
79560
|
-
}, onClick: () => this.blockClick() }, index.h("div", { key: '
|
|
79560
|
+
}, onClick: () => this.blockClick() }, index.h("div", { key: '477476dec243744d60086a90281cec724a7e93eb', class: "control-chips", role: "list" }, this.selected.map((s, i) => (index.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))), index.h("input", { key: '0d6a4f1a994934b8ea41ccc9caad6a4a1675fd21', 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.error && typeof this.error === 'string' && (index.h("p", { key: 'c5f94600324a669ddd549ac8fd94789ee5d46027', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (index.h("p", { key: '11cc63d7526df427d304c47351b847a6b3b7c831', class: "message message--warning" }, this.warning)), suggestionsVisible && (index.h("ul", { key: 'c42de07f9a9ccf6085a2c4ea02d179a995488482', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (index.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) }, index.h("div", { class: "suggestions-opt-content" }, opt.bg ? index.h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, index.h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? index.h("span", { key: i }, seg) : index.h("strong", { key: i }, seg.match)))))))))));
|
|
79561
79561
|
}
|
|
79562
79562
|
get host() { return index.getElement(this); }
|
|
79563
79563
|
static get watchers() { return {
|
|
@@ -79585,7 +79585,7 @@ const XvTag = class {
|
|
|
79585
79585
|
this.closeClick.emit(e);
|
|
79586
79586
|
}
|
|
79587
79587
|
render() {
|
|
79588
|
-
return (index.h(index.Host, { key: '
|
|
79588
|
+
return (index.h(index.Host, { key: '74f61c1fe142e238955dbd6eed10f3faab729054', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index.h("div", { key: '1bf40a32f47a8b731993f4435ebcf4b1e80e1434', class: "xv-tag_content", part: "details-content" }, index.h("slot", { key: '4459c6433668f01b52d01e6a0edb4ef4e212b8d0' })), this.closeable && (index.h("button", { key: '27d66ee3508fd03fb64905f1ab82b6172bff4b9a', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
79589
79589
|
}
|
|
79590
79590
|
};
|
|
79591
79591
|
XvTag.style = xvTagCss;
|
|
@@ -79619,13 +79619,13 @@ const XvTextInput = class {
|
|
|
79619
79619
|
};
|
|
79620
79620
|
}
|
|
79621
79621
|
render() {
|
|
79622
|
-
return (index.h(index.Host, { key: '
|
|
79622
|
+
return (index.h(index.Host, { key: 'b7ac2fc8abb526f0864df25f90fd014755c787f4', class: { disabled: !!this.disabled } }, index.h("label", { key: '4fd3f638e7510aab545dbb96c6059e2eae9f8485', class: "control" }, this.label && index.h("span", { key: '055e86d1a3cec4d496f25c1516d21de1067b5916', class: "control_label" }, this.label), index.h("div", { key: 'b50aafe2d21747fba93d2173b7e60305b12fd885', class: {
|
|
79623
79623
|
'control_input': true,
|
|
79624
79624
|
readonly: !!this.readonly,
|
|
79625
79625
|
[this.size]: true,
|
|
79626
79626
|
error: !!this.error,
|
|
79627
79627
|
warning: !!this.warning,
|
|
79628
|
-
} }, index.h("input", { key: '
|
|
79628
|
+
} }, index.h("input", { key: 'c0f40ea2f9a536f32b9dd0af3953b0ba76051916', 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 }), index.h("div", { key: '5f1210d23214a6d8ef2783aec66e0eadd057dd67', class: "control_input__icons" }, this.loading && index.h("xv-loader-v2", { key: 'bb328aae07e73388c2a8609a653e166e9dac0795', size: SIZE_VAR.XS }), !!this.error ? (index.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (index.h("button", { key: '2e3c869461670799716a2cb4032a697d28012364', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index.h("svg", { key: '3ec47c7797457d97b86c6945c81c6be4f1e8da18', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (index.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" })) : (index.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" })))))))), this.helper && index.h("p", { key: '8a874e87b481e6e4eac8614f6f5747e680bc314b', class: "message" }, this.helper), typeof this.error === 'string' ? (index.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index.h("p", { class: "message warning" }, this.warning)) : null));
|
|
79629
79629
|
}
|
|
79630
79630
|
static get formAssociated() { return true; }
|
|
79631
79631
|
};
|
|
@@ -79662,12 +79662,12 @@ const XvTextarea = class {
|
|
|
79662
79662
|
this.value && this.internals.setFormValue(this.value);
|
|
79663
79663
|
}
|
|
79664
79664
|
render() {
|
|
79665
|
-
return (index.h(index.Host, { key: '
|
|
79665
|
+
return (index.h(index.Host, { key: '278ce03e01193151058c7ab86cf9c7b94da77f02', class: { disabled: !!this.disabled } }, index.h("label", { key: '89277f6fa10fd15b37d2578dc9ae16969b8c1c36', class: "control" }, (this.label || this.max) && (index.h("p", { key: '8cf09ab7e699e0c74a8aaaa084e7f72e30862e48', class: "control_label" }, index.h("span", { key: 'e837104ab0163e1679f19e6be6914bc3a97915d1' }, this.label, this.info && index.h("xv-tooltip-v2", { key: 'cd50c872d5b6fdaa5a532bb9409c73c91d97d617', message: this.info })), this.max !== undefined && !this.counterHide && (index.h("span", { key: '1ec09ba02ddead5156c05c5b1da95d47b65dcd92', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index.h("div", { key: '9e1d8a3cc58b89a26d8946dd154edeb0f709e714', class: {
|
|
79666
79666
|
'control_input': true,
|
|
79667
79667
|
readonly: !!this.readonly,
|
|
79668
79668
|
error: !!this.error,
|
|
79669
79669
|
warning: this.warning !== undefined,
|
|
79670
|
-
} }, index.h("textarea", { key: '
|
|
79670
|
+
} }, index.h("textarea", { key: '2bcbaff35a48e81a794f66c0a82291245e81f685', 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 }), index.h("div", { key: 'e7750201c01667bba000c095fa3ac2813c2c5c51', class: "control_input__icons" }, this._renderIcon()))), this.helper && index.h("p", { key: '5c0803941b8d25b9952aafa53328c63eaaaed667', class: "message" }, this.helper), typeof this.error === 'string' ? (index.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index.h("p", { class: "message warning" }, this.warning)) : null));
|
|
79671
79671
|
}
|
|
79672
79672
|
_renderIcon() {
|
|
79673
79673
|
if (this.loading)
|
|
@@ -79717,7 +79717,7 @@ const XvTile = class {
|
|
|
79717
79717
|
this.checked = !this.checked;
|
|
79718
79718
|
}
|
|
79719
79719
|
render() {
|
|
79720
|
-
return (index.h(index.Host, { key: '
|
|
79720
|
+
return (index.h(index.Host, { key: '787f49efda5c9d8a0fc34d59e1eb5c7842808658', class: "xv-tile--host" }, index.h("label", { key: '6854ef4d21584ec709bc69068a4a626a4224bb90', class: {
|
|
79721
79721
|
[this.el.className]: !!this.el.className,
|
|
79722
79722
|
'xv-tile': true,
|
|
79723
79723
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -79725,7 +79725,7 @@ const XvTile = class {
|
|
|
79725
79725
|
'xv-tile--disabled': !!this.disabled,
|
|
79726
79726
|
'selected': !!this.checked,
|
|
79727
79727
|
'xv-tile--error': !!this.error,
|
|
79728
|
-
} }, index.h("div", { key: '
|
|
79728
|
+
} }, index.h("div", { key: '06b61f4e131ce400a1a482b6e64df86292744bd0', class: "xv-tile_content" }, this.label && index.h("p", { key: '29da4319c98b74a43825f35fa77b33159b080f0a', class: "xv-tile_content__title" }, this.label), index.h("slot", { key: '550e8fa547e59f3d2f793c45eec115062b45b0cf' })), this.variant === 'selectable' && (index.h("div", { key: 'de7b125c4e586794993c66e193b594888740f46f', class: "xv-tile_control" }, this.multiple ? (index.h("input", { type: "checkbox", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index.h("input", { type: "radio", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (index.h("div", { key: 'd92593c956965bafbc444d9169a570fa1d5d8d4f', class: "xv-tile_footer" }, index.h("button", { key: 'd89a9bbf552a20715e97daaeb8fbef582d09e950', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index.h("div", { key: '1dffa9f6b8389fdb3bec9cfbe77201e822ccc54d', class: { 'xv-tile_expandable': true, open: this.checked } }, index.h("slot", { key: '571470cde7a3aa434f6f7dec00a5e5f627cc7842', name: "expandable" })))));
|
|
79729
79729
|
}
|
|
79730
79730
|
get el() { return index.getElement(this); }
|
|
79731
79731
|
};
|
|
@@ -79757,7 +79757,7 @@ const XvToggle = class {
|
|
|
79757
79757
|
};
|
|
79758
79758
|
}
|
|
79759
79759
|
render() {
|
|
79760
|
-
return (index.h(index.Host, { key: '
|
|
79760
|
+
return (index.h(index.Host, { key: '7dca5b745e245914a48eb84a9673f49189083f90', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index.h("span", { key: 'c0b05af07ea7f111c9c183dc7deb3b6a5fb748c2', class: "label" }, this.label), index.h("label", { key: '6a0e01c43981ec333b068019e3411646b95d864a', class: "control" }, index.h("slot", { key: '08d931f4abeda534d79231593f055da2bca0f3e1', name: "before" }), index.h("div", { key: '18f1d9048f4b453eda4535065794d6da44039a4e', class: "control_input" }, index.h("input", { key: '289701543837c30367ce3cf484fc0015db00c3ae', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index.h("span", { key: 'fcda82cefd0e7e14e503644167a57d2ec957e99f', class: "toggle" })), index.h("slot", { key: '5b306070d1bc0895fc6bb82c1020ac59f0b99a50', name: "after" }))));
|
|
79761
79761
|
}
|
|
79762
79762
|
static get formAssociated() { return true; }
|
|
79763
79763
|
};
|
|
@@ -79834,7 +79834,7 @@ const XvToggleTip = class {
|
|
|
79834
79834
|
}
|
|
79835
79835
|
;
|
|
79836
79836
|
render() {
|
|
79837
|
-
return (index.h(index.Host, { key: '
|
|
79837
|
+
return (index.h(index.Host, { key: '5171b5fe96dc31c842c2adf107acb5eef5927de9', class: "xv-toggle-tip" }, index.h("div", { key: 'f6ba7c3694716073a34c9ce1620eab0ef751c1b7', 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) }, index.h("slot", { key: '62c3ebea7442b64bfaddb3679532b400717c5611', name: "trigger" }, index.h("svg", { key: 'dd117bcaf6487ad5349debbf2ce6cf19a329c544', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: '2f27e732beac9895bf7e3bbba3df43dccb7700da', 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" })))), index.h("div", { key: '148067fda853955dbe6c39e31fee9b0ada584455', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '40385c0da9f2f607c5cfa85f77a397c93306139a', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index.h("div", { key: '9b58161ac56979314f3d8d7f10de56406f436513', class: "popover-content" }, index.h("slot", { key: 'fa5d5d88ca36908c4911fb55d9073acaafe46bd3', name: "header" }), index.h("slot", { key: 'd5b93a4d937fd6f69b3fe7a199a57420900ab39c', name: "body" }), index.h("slot", { key: '4f7a1a005de7b02cee74bfe05f48cdc4b799ef11', name: "footer" })))));
|
|
79838
79838
|
}
|
|
79839
79839
|
disconnectedCallback() {
|
|
79840
79840
|
this.destroyPopper();
|
|
@@ -79887,11 +79887,11 @@ const XvTooltip = class {
|
|
|
79887
79887
|
this.destroyTooltip();
|
|
79888
79888
|
}
|
|
79889
79889
|
render() {
|
|
79890
|
-
return (index.h(index.Host, { key: '
|
|
79890
|
+
return (index.h(index.Host, { key: '3bdd48e32d7906129686db2f363c5c7c7b2dca76', role: "tooltip", class: {
|
|
79891
79891
|
'xv-tooltip-wrapper': true,
|
|
79892
79892
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
79893
79893
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
79894
|
-
} }, index.h("slot", { key: '
|
|
79894
|
+
} }, index.h("slot", { key: '98af48ae7bc3e94b2322da630271659c9f6ecf19' }, index.h("svg", { key: '01a313e3a7f5a35331369adfee947b56deed8977', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: 'b0d2f6af6ec092d474fd6bb12bcb7b66240cf4ef', 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" })))));
|
|
79895
79895
|
}
|
|
79896
79896
|
get el() { return index.getElement(this); }
|
|
79897
79897
|
};
|