xv-webcomponents 1.17.3-dev.0 → 1.17.4-qa.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_47.cjs.entry.js +42 -36
- package/dist/cjs/xv-header-next.cjs.entry.js +27 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.css +19 -0
- package/dist/collection/components/xv-header-next/xv-header-next.js +64 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.css +4 -0
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +26 -2
- 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-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/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_47.entry.js +42 -36
- package/dist/esm/xv-header-next.entry.js +27 -2
- package/dist/esm/xv-mega-menu-next.entry.js +2 -2
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-header-next/xv-header-next.d.ts +17 -0
- package/dist/types/components/xv-image-viewer/xv-image-viewer.d.ts +5 -0
- package/dist/types/components.d.ts +35 -0
- package/dist/xv-webcomponents/{p-1cb6cc34.entry.js → p-3a20074c.entry.js} +1 -1
- package/dist/xv-webcomponents/{p-422065b1.entry.js → p-6bb184f5.entry.js} +1 -1
- package/dist/xv-webcomponents/p-9284f4be.entry.js +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-dc64e134.entry.js +0 -1
|
@@ -81287,17 +81287,19 @@ const XvHeader = class {
|
|
|
81287
81287
|
};
|
|
81288
81288
|
XvHeader.style = xvHeaderCss();
|
|
81289
81289
|
|
|
81290
|
-
const xvImageViewerCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host(.image-wrapper){display:inline-flex;position:relative;cursor:pointer;max-width:100%;height:auto;flex:1;align-self:center;align-items:center;justify-content:center}:host(.image-wrapper) .image{width:inherit;height:inherit;max-height:inherit;max-width:inherit;object-fit:inherit;transition:opacity 0.3s ease}:host(.image-wrapper) .loading{align-self:center;margin:0 auto;text-align:center;color:var(--text-placeholder);display:inline-flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}:host(.image-wrapper) .fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn 0.3s ease forwards}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image{max-width:90%;max-height:90%;opacity:0;transition:opacity 0.3s ease}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image.loaded{opacity:1}@keyframes fadeIn{from{opacity:0}to{opacity:1}}`;
|
|
81290
|
+
const xvImageViewerCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host(.image-wrapper){display:inline-flex;position:relative;cursor:pointer;max-width:100%;height:auto;flex:1;align-self:center;align-items:center;justify-content:center}:host(.image-wrapper) .image{width:inherit;height:inherit;max-height:inherit;max-width:inherit;object-fit:inherit;transition:opacity 0.3s ease}:host(.image-wrapper) .loading{align-self:center;margin:0 auto;text-align:center;color:var(--text-placeholder);display:inline-flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}:host(.image-wrapper) .fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn 0.3s ease forwards}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image{max-width:90%;max-height:90%;opacity:0;transition:opacity 0.3s ease}:host(.image-wrapper) .fullscreen-overlay .fullscreen-image.loaded{opacity:1}:host(.errored){cursor:default}@keyframes fadeIn{from{opacity:0}to{opacity:1}}`;
|
|
81291
81291
|
|
|
81292
81292
|
const XvImageViewer = class {
|
|
81293
81293
|
constructor(hostRef) {
|
|
81294
81294
|
registerInstance(this, hostRef);
|
|
81295
|
+
this.imageError = createEvent(this, "imageError", 7);
|
|
81295
81296
|
this.alt = '';
|
|
81296
81297
|
this.placeholder = '';
|
|
81297
81298
|
this.lazy = false;
|
|
81298
81299
|
this.isFullscreen = false;
|
|
81299
81300
|
this.loaded = false;
|
|
81300
81301
|
this.fullscreenLoaded = false;
|
|
81302
|
+
this.errored = false;
|
|
81301
81303
|
this.handleClick = () => {
|
|
81302
81304
|
this.isFullscreen = true;
|
|
81303
81305
|
// Preload fullscreen image
|
|
@@ -81308,6 +81310,10 @@ const XvImageViewer = class {
|
|
|
81308
81310
|
this.closeFullscreen = () => {
|
|
81309
81311
|
this.isFullscreen = false;
|
|
81310
81312
|
};
|
|
81313
|
+
this.handleError = () => {
|
|
81314
|
+
this.errored = true;
|
|
81315
|
+
this.imageError.emit();
|
|
81316
|
+
};
|
|
81311
81317
|
}
|
|
81312
81318
|
componentDidLoad() {
|
|
81313
81319
|
if (this.lazy) {
|
|
@@ -81326,7 +81332,7 @@ const XvImageViewer = class {
|
|
|
81326
81332
|
}
|
|
81327
81333
|
}
|
|
81328
81334
|
render() {
|
|
81329
|
-
return (h(Host, { key: '
|
|
81335
|
+
return (h(Host, { key: '9c2aa76131d9be0d15eecc29c06a14c1b0f1d3bb', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: '141fb5f9a0f1d8f0cc6426e3e81651763697c70c', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: '41ca0b1f29b1e06dada17aa0007a5b45b82fd50a', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: 'd7e132139efbf910f15682e57023c067abaead48', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("div", { key: 'c32dc62716fbdb0336ab0b1ae2d84a964b1ebe13', class: "fullscreen-overlay", onClick: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: '9129ba89932894ead468aa3aaa34ce64257b187e', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '73e51ea3e69b864dbd972220765c6629cc7e5c62', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
81330
81336
|
'fullscreen-image': true,
|
|
81331
81337
|
loaded: this.fullscreenLoaded,
|
|
81332
81338
|
} })))));
|
|
@@ -81351,7 +81357,7 @@ const XvLink = class {
|
|
|
81351
81357
|
e.stopPropagation();
|
|
81352
81358
|
}
|
|
81353
81359
|
render() {
|
|
81354
|
-
return (h(Host, { key: '
|
|
81360
|
+
return (h(Host, { key: '1b93c8eecb7994f14c316f74cfe0af57d6f36eb7', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: 'a1570f1c785c1749b6946f5cb691197103e8772c', 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: 'b618d8fd19ce69db5c1cb882b96e4a023c3b913e', name: "icon-left" }), h("slot", { key: 'b576f2dbfa928102bd596ac2d6cc843993c82e26' }), h("slot", { key: '03465c086f980ffa4ad5f99f04d8adc35b368fe1', name: "icon-right" }))));
|
|
81355
81361
|
}
|
|
81356
81362
|
};
|
|
81357
81363
|
XvLink.style = xvLinkCss();
|
|
@@ -81519,7 +81525,7 @@ const XvMegaMenu = class {
|
|
|
81519
81525
|
void this.fetchMenuData();
|
|
81520
81526
|
}
|
|
81521
81527
|
render() {
|
|
81522
|
-
return (h(Host, { key: '
|
|
81528
|
+
return (h(Host, { key: '505d7592f1b9b72ff38585218517291eaaff56ea' }, h("nav", { key: 'e4299b4295f28024ceba47cfe44c4374ca853aa4', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'bbbcf8f76d52ea4feaf9efbe1f22e26659acb9ec', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '5c47450d8177bbc646c8f2253e73bb7000a38351' }))), h("ul", { key: '18e509169f145f0ee10a3c2aecedf34b8e73eb04', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
81523
81529
|
var _a, _b;
|
|
81524
81530
|
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) => {
|
|
81525
81531
|
var _a;
|
|
@@ -81529,7 +81535,7 @@ const XvMegaMenu = class {
|
|
|
81529
81535
|
} }, 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' &&
|
|
81530
81536
|
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"))))))))));
|
|
81531
81537
|
}))))));
|
|
81532
|
-
}), h("li", { key: '
|
|
81538
|
+
}), h("li", { key: '61bf9dcb576981a16ba87ec5f8fa41110b7766a9', class: "menu--right" }, h("slot", { key: '9058fe2a33d9287856c4cb5dedbb62961e2a7913', name: "menu-right" })), this.open && (h("li", { key: '904c5d00f7597b0ee1e5edbab34a6e8496aa1eea', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
81533
81539
|
}
|
|
81534
81540
|
get el() { return getElement(this); }
|
|
81535
81541
|
};
|
|
@@ -81597,7 +81603,7 @@ const XvModal = class {
|
|
|
81597
81603
|
}
|
|
81598
81604
|
render() {
|
|
81599
81605
|
var _a;
|
|
81600
|
-
return (h(Host, { key: '
|
|
81606
|
+
return (h(Host, { key: '1dfe6ae13994186a5072501fae6115a3f0807603', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '1879cb5eb1239cf8c1f17117640141c38f32c079', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'b110bfd37badf8045e758caf80c7c63f1b61703e', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'bdd2c827661bdf56b668daa4fb5dcab717c259d5', class: "modal" }, h("button", { key: '4dfdc8244dbc9106964206e4f5f24169962878a8', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'fa05eaa3fe3290d3208d22787eb9070e7dbd9a36', class: "modal_header" }, h("slot", { key: '59bd180a7e8f93170192660762125d1a223685c8', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '62e66712f12473b258757d388abe0e9adc1b4f51', class: "modal_header__title" }, this.el.title))), h("div", { key: '31512fbc8989018e1748ae9829ec7da0ff80c2e3', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '3e1457095d6395dd003d9e5c19e8d2709582ac90' })), h("div", { key: '0dc7ca06582fd8c820c7879d0a14e4d857377dca', class: "modal_footer" }, h("slot", { key: 'aeb68d21d797d474b21941c6194fc45df30d1e52', name: "footer" })), !!this.loading && (h("div", { key: '877ba9c2b2f70729c2d55acc6c0bc428a49a50f0', class: "loading" }, h("xv-loader-v2", { key: '3af7fe5e521bc109f7ca4c9fe0e71a42cf109d43', size: SIZE_VAR.LG })))))));
|
|
81601
81607
|
}
|
|
81602
81608
|
disconnectedCallback() {
|
|
81603
81609
|
this.removeTriggerListener();
|
|
@@ -81635,7 +81641,7 @@ const XvNotification = class {
|
|
|
81635
81641
|
};
|
|
81636
81642
|
}
|
|
81637
81643
|
render() {
|
|
81638
|
-
return (h(Host, { key: '
|
|
81644
|
+
return (h(Host, { key: 'd37f00c52f812a385c456d82b4b87c7906916812', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '1467b38a639bae0b44e8e2d0b16defeac4f72166', class: "content" }, h("div", { key: 'f50a6392c377f28964080dea4f425ce71a4dae66', class: "content_wrapper" }, this.el.title && h("h5", { key: 'd741175becbe9e1a5cc9e1f01dfac721d2cbdedf', class: "content_title" }, this.el.title), h("slot", { key: '63285e32f21da48b813fa221b1c03f72c98a1ef3' })), h("slot", { key: 'd51483a2a787804ebc7939aa656a2341ca1186b7', name: "footer" })), this.dismissible && h("button", { key: '052f4ca6bcc29ace7f898848b5cb76e8b45c82cb', class: "close", onClick: this.closeHandle })));
|
|
81639
81645
|
}
|
|
81640
81646
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
81641
81647
|
get el() { return getElement(this); }
|
|
@@ -81685,12 +81691,12 @@ const XvNumberInput = class {
|
|
|
81685
81691
|
this.valueChange.emit(this.value);
|
|
81686
81692
|
}
|
|
81687
81693
|
render() {
|
|
81688
|
-
return (h(Host, { key: '
|
|
81694
|
+
return (h(Host, { key: '100b128e1aa2658179bdec6cbdcf45b4e6642583', class: { disabled: !!this.disabled } }, h("label", { key: 'bc0630c638307adc926ec2b8bae1f1cdb66014df', class: "control" }, this.label && h("span", { key: 'b9cf77019641a10654d60ae6d678899269a7400d', class: "control_label" }, this.label), h("div", { key: '5adb5a1242c3ade7928c86b9a5afdcbb18817e33', class: {
|
|
81689
81695
|
'control_input': true,
|
|
81690
81696
|
readonly: !!this.readonly,
|
|
81691
81697
|
error: !!this.error,
|
|
81692
81698
|
warning: !!this.warning
|
|
81693
|
-
} }, h("input", { key: '
|
|
81699
|
+
} }, h("input", { key: '13664bb46b4f8b8b79283760dbb7f8bbb4e6b2b1', 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: '7b63a11ced46b1bb72dbf72eaa453a21b8c03503', 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: '7f7cb2cc4ecd3ea696f1d49e7a25adba5250c2cb', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '356ab5c00f95eea2857401734a8cfbb81c7ca461', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '8a663deac27dfeee79ee7c9a0ef86afcfcc4179d' }), h("xv-button-v2", { key: '291cc1144ea316ae821f7e6554c6047122c170cc', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '22e7cae34a992389307470f6dca1c2eca1d6053c', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: 'eee6e0b3ede295cb0bed4ccbda50ad838cf64c6e', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
|
|
81694
81700
|
}
|
|
81695
81701
|
static get formAssociated() { return true; }
|
|
81696
81702
|
};
|
|
@@ -81748,8 +81754,8 @@ const XvOverflowMenu = class {
|
|
|
81748
81754
|
}
|
|
81749
81755
|
}
|
|
81750
81756
|
render() {
|
|
81751
|
-
const button = (h("button", { key: '
|
|
81752
|
-
return (h(Host, { key: '
|
|
81757
|
+
const button = (h("button", { key: '212acc0ce0429ca38c356c6b82a3c9ce2aa85d32', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("slot", { key: '55b08167bb730258e19a5e85d57975671da90b2b', name: "trigger" }, h("svg", { key: '17d4d2111b429409ed7df07eda8490f00db47677', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: 'ceb59b9eea9440f4491d781719d1034e0a9da485', 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" })))));
|
|
81758
|
+
return (h(Host, { key: '99b1ab8d53a6392467b943bb9f7ed881f9cb0412', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? h("xv-tooltip-v2", { message: this.tooltip }, button) : button, h("div", { key: 'ee1d50d8f50fe5071861521f05764f80c3b83376', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: 'c01045f52c3ac7ffadca96395cc929c6dbbf8ac2' }))));
|
|
81753
81759
|
}
|
|
81754
81760
|
componentDidLoad() {
|
|
81755
81761
|
this.openChangeHandle();
|
|
@@ -81782,7 +81788,7 @@ const XvOverflowMenuItem = class {
|
|
|
81782
81788
|
this.itemClick.emit({ event, value: this.value });
|
|
81783
81789
|
}
|
|
81784
81790
|
render() {
|
|
81785
|
-
return (h(Host, { key: '
|
|
81791
|
+
return (h(Host, { key: 'fe75fb34037e2f5d7e4ceecf42f82ef46a9eee4c', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '11b7ed8a8bdf49ba7e7ea79f548ea7dcc8b264b2' })));
|
|
81786
81792
|
}
|
|
81787
81793
|
};
|
|
81788
81794
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss();
|
|
@@ -81880,7 +81886,7 @@ const XvPagination = class {
|
|
|
81880
81886
|
this.observer.disconnect();
|
|
81881
81887
|
}
|
|
81882
81888
|
render() {
|
|
81883
|
-
return (h(Host, { key: '
|
|
81889
|
+
return (h(Host, { key: '210ea26a1c7b5e6f918ffa409c510f42adea955a', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: 'a21c82c679fc7712e19c87e129aa754df3cbe563', class: "block" }, h("select", { key: '6adb81a9df98ff2739c709f30f06f6b605c48cfb', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => h("option", { value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: '3186923b5dc8dbf37b95f63ebff4376fe1af21cf', 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: '0b7b91b64d03c2de54398d29596b75b489651c3d', class: "block" }, h("select", { key: '8534960f2926fc2bdc436a1b61490bb3b5c97f53', 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: 'bf0bf2394a14871e6ab26859fdc121d567a4ef99' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: '433b98c39e914807ca40971387f06352a7f30b9e', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '1dfe5751c70a4fa7ecb8b95c3f0b3903c2482dd4', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: '8ee832bb9e54a8c6cbd1dd18042a9b9cbfcb901c', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: 'c9c71a002290fc0e5ad13bbc5959ada62f9f4b73', 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: 'f4f995312525551b7be50a677bae9e5781fb3aea', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '8fa7602b0c320f038e615ccad47bef7f76b16e9e', slot: "icon-left", class: "icon icon_next" }))));
|
|
81884
81890
|
}
|
|
81885
81891
|
get el() { return getElement(this); }
|
|
81886
81892
|
};
|
|
@@ -81949,7 +81955,7 @@ const XvProgressIndicator = class {
|
|
|
81949
81955
|
this.updateChildItems();
|
|
81950
81956
|
}
|
|
81951
81957
|
render() {
|
|
81952
|
-
return (h(Host, { key: '
|
|
81958
|
+
return (h(Host, { key: 'ebd0a63a5152f0ad74670b0543bca1e6d9abcbd7', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '7082a16388f12c76f5dc45f0de81c3aaffab4e03' })));
|
|
81953
81959
|
}
|
|
81954
81960
|
get el() { return getElement(this); }
|
|
81955
81961
|
static get watchers() { return {
|
|
@@ -81968,7 +81974,7 @@ const XvProgressIndicatorItem = class {
|
|
|
81968
81974
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
81969
81975
|
}
|
|
81970
81976
|
render() {
|
|
81971
|
-
return (h(Host, { key: '
|
|
81977
|
+
return (h(Host, { key: '6d7f6e40bbed6d60731afb883f716cf911593925', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'e12633afebc77d85ffd39351c0abc4c619cb3ad1', class: "line" }), h("span", { key: 'e822fb95db2630949388193537ccd1f656f9878c', class: "icon" }, h("svg", { key: '4c64d4ed53899217f24cb7d765ba8b93dc237ec4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'a68876b14e85a91d59cacf6f7f35bbc705e81194', 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: '1a021d4c96e5835c79a378e67474c7fcc4b501a7', class: "label" }, h("slot", { key: '5cbe1f8e41050f339df125f969f495d559198214' }))));
|
|
81972
81978
|
}
|
|
81973
81979
|
get el() { return getElement(this); }
|
|
81974
81980
|
};
|
|
@@ -82000,12 +82006,12 @@ const XvRadio = class {
|
|
|
82000
82006
|
}
|
|
82001
82007
|
}
|
|
82002
82008
|
render() {
|
|
82003
|
-
return (h("div", { key: '
|
|
82009
|
+
return (h("div", { key: '9e4404e53c7ddad6d043d89852f5637dfa8d9332', class: {
|
|
82004
82010
|
'xv-radio': true,
|
|
82005
82011
|
'xv-radio--reverse': this.reverse,
|
|
82006
82012
|
'xv-radio--block': this.block,
|
|
82007
82013
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
82008
|
-
} }, this.label && h("p", { key: '
|
|
82014
|
+
} }, this.label && h("p", { key: '5eef3abe5242c2f2d2fcafa099fd9318335d8931', class: "xv-radio_label" }, this.label), h("label", { key: 'f42c19f04af68872a2735d1c59557a927d89fc6d', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '6691149a0d00ae2a2cacc598bdfbe4a640249adb', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '01adc0687b015fbaef1700026e053f0153528786', 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: 'ca7528bb5652ab0ead8522b7453d8ac3d3eb5c51', class: "xv-radio_input__mark" })), h("span", { key: '4677a9db2e9eea4008210cbeba997ebf6427e2df', class: "xv-radio_container__label" }, h("slot", { key: '0fa0141c2f4cb8339cb357e47c47683be717927d' }))), this.error && typeof this.error === 'string' && (h("span", { key: '8f2938e66f84ae38a4c42216d7258f74fc833f2d', class: "xv-radio_msg xv-radio_msg--error" }, h("span", { key: '7e074de049d10724c0b15e35275d3b61e6ea8f6c', class: "xv-radio_msg__status", "aria-hidden": "true" }, "!"), this.error)), this.warning && typeof this.warning === 'string' && (h("span", { key: 'bb9be776cd0ff00bb5a53bf39d4a38c163cca3cd', class: "xv-radio_msg xv-radio_msg--warning" }, h("span", { key: '51c0bd16a2e58587e996b2a1b6d79fd241588b14', class: "xv-radio_msg__status", "aria-hidden": "true" }, "\u26A0"), this.warning)), h("slot", { key: '3830382c6da7bf627bdbe2e0f0e594a1ae97ca2c', name: "info" })));
|
|
82009
82015
|
}
|
|
82010
82016
|
connectedCallback() {
|
|
82011
82017
|
var _a;
|
|
@@ -82089,7 +82095,7 @@ const XvSlider = class {
|
|
|
82089
82095
|
this.setValue(this.min);
|
|
82090
82096
|
}
|
|
82091
82097
|
render() {
|
|
82092
|
-
return (h(Host, { key: '
|
|
82098
|
+
return (h(Host, { key: '8b322666d452c6a121197af24bfe9cb5b93c49ed', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '8bad8aca9a606e9a7b1a8738f54997d1a2ab6126', class: "label" }, this.label), h("div", { key: 'f09dd0b6186144ec0d60a4d3984f60e73217f41b', class: "control" }, h("span", { key: '33009cbd0d363af54a7ad2e6feac0d1ebafe6bb1', class: "control_label" }, this.min), h("input", { key: 'cefa05026013b2fcc15ab7916eba5ce3575babac', 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: '9dad1b9ae99c15238c90c4fa717bcc0cb075ea15', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: 'e1ce3acf3facbb3464e22d44e3ac867e40e3e3b5', 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 })))));
|
|
82093
82099
|
}
|
|
82094
82100
|
static get formAssociated() { return true; }
|
|
82095
82101
|
};
|
|
@@ -82104,7 +82110,7 @@ const XvTab = class {
|
|
|
82104
82110
|
this.loading = false;
|
|
82105
82111
|
}
|
|
82106
82112
|
render() {
|
|
82107
|
-
return (h(Host, { key: '
|
|
82113
|
+
return (h(Host, { key: '3eef9824ccca51378d048f64e001aa649684b55e', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
82108
82114
|
}
|
|
82109
82115
|
};
|
|
82110
82116
|
XvTab.style = xvTabCss();
|
|
@@ -82144,7 +82150,7 @@ const XvTable = class {
|
|
|
82144
82150
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
82145
82151
|
}
|
|
82146
82152
|
render() {
|
|
82147
|
-
return (h(Host, { key: '
|
|
82153
|
+
return (h(Host, { key: '3378f93964286016aead896cf9ddeb8441fc5cf1', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '03200d295f8e39378533529e5a4fb1d8e2887ee8', name: "title" }, !!this.el.title && h("h2", { key: '7121289ae3921e43723e94e4d99767000b687139', class: "xv-table-title" }, this.el.title)), h("slot", { key: 'ca77ad256b3f4f92e883530bc95b4d7bd94c21ae', name: "toolbar" }), h("div", { key: 'd58ea2535869bf5cda6f8f9b6bf4177082a36a5f', class: "xv-table" }, h("div", { key: '33847f258beded610a2fc3c73507701f1e7e478e', class: "batch-actions" }, h(Fragment, { key: '07d9960b1bba4e66d84f888075dcf6aa5db4f291' }, h("div", { key: 'f12a52d421438cd568518939b70216f4301f086b', class: "batch-actions_content" }, h("slot", { key: '080804c92ad1499e470cf2cf4cbb9b6af4e13374', name: "batch" })), h("p", { key: 'd9b3d215bc14ba806e08bfe007348e20ab33a47b', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '321c75950513f8fe09230c5d5bfcfe39b65811d2', class: "xv-table_wrapper" }, h("slot", { key: '42b1cbf019c96bd7b54ae4384ec23b47ff974e12' }), h("slot", { key: '5f8aa00056ad68d7273bc9450c394ed844f73b31', name: "footer" })), !!this.loading && (h("div", { key: '93014f426b2f0cdf60b741bf0736844fce7d5bdf', class: "xv-table_loading" }, h("xv-loader-v2", { key: '997eba60cddc9ffecc983d2f6b6a30574bbd67d0', size: SIZE_VAR.LG }))))));
|
|
82148
82154
|
}
|
|
82149
82155
|
componentWillLoad() {
|
|
82150
82156
|
this.setColsSizeTemplate();
|
|
@@ -82185,7 +82191,7 @@ const XvTableCell = class {
|
|
|
82185
82191
|
}
|
|
82186
82192
|
;
|
|
82187
82193
|
render() {
|
|
82188
|
-
return (h(Host, { key: '
|
|
82194
|
+
return (h(Host, { key: '61dd47a88ca67ed66807044fc1ad6c9affe13a5d' }, h("slot", { key: 'c7f2d9149f9f511fab2e2b58dc797513ca22686e' })));
|
|
82189
82195
|
}
|
|
82190
82196
|
get el() { return getElement(this); }
|
|
82191
82197
|
};
|
|
@@ -82206,7 +82212,7 @@ const XvTableExpand = class {
|
|
|
82206
82212
|
};
|
|
82207
82213
|
}
|
|
82208
82214
|
render() {
|
|
82209
|
-
return (h(Host, { key: '
|
|
82215
|
+
return (h(Host, { key: '18e3c240044738ea523308e1456a31fde740bc53' }, h("button", { key: '71b0e10898b4c5f7783038b1b80c5c5bba228f57', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '84daaed9e0d914c59ef17f5a6772f44f03b7360e', name: XV_EXPANDABLE_KEY }), h("div", { key: '5a7986f3df5509bca78aeb1210f0f5bdb1269c29', class: { expandableContent: true, open: this.open } }, h("slot", { key: '98402f8d72e82032cb5d4a82d19752071c10f73c' }))));
|
|
82210
82216
|
}
|
|
82211
82217
|
componentDidLoad() {
|
|
82212
82218
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -82261,7 +82267,7 @@ const XvTableRow = class {
|
|
|
82261
82267
|
}
|
|
82262
82268
|
}
|
|
82263
82269
|
render() {
|
|
82264
|
-
return (h(Host, { key: '
|
|
82270
|
+
return (h(Host, { key: '718559c442dba13b80325517022c409ecadf2eb6' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '9b3f731e0736633a442b740fecc028970f8c7724', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '87c1313181781c0064e20d6f49b4230b725250e1', 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: '2129bdb4b59933945f354eab41a687aee314c193', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '78076201fd11d65f3fc4204f03ec495aebd39358' })));
|
|
82265
82271
|
}
|
|
82266
82272
|
componentWillLoad() {
|
|
82267
82273
|
this.setInitialAttrs();
|
|
@@ -82619,12 +82625,12 @@ const XvTagCombobox = class {
|
|
|
82619
82625
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
82620
82626
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
82621
82627
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
82622
|
-
return (h(Host, { key: '
|
|
82628
|
+
return (h(Host, { key: '69c01e9eb583ef71fbaa080b573d10f303b7e24e', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '7ce01090e6ab5d6aaaf8ef1116088f5c41d79466', class: "label" }, this.label), h("div", { key: '6601abee6d549eaac2ba3687a037e13e344f09b7', class: {
|
|
82623
82629
|
'control': true,
|
|
82624
82630
|
'control--disabled': this.disabled,
|
|
82625
82631
|
'control--error': !!this.error,
|
|
82626
82632
|
'control--readonly': !!this.readonly,
|
|
82627
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
82633
|
+
}, onClick: () => this.blockClick() }, h("div", { key: 'fc1705925c693e26fc5524b16d74ad2392fd9c1b', 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: '2182ba45435c85c97cbd371521403de255a2845a', 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' && (h("p", { key: 'd774d251a06f2370d8390d20e6fbc64fc1b26cce', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (h("p", { key: '3bc2e30ee8fa1975c0745c81fbe048f9cf04014c', class: "message message--warning" }, this.warning)), suggestionsVisible && (h("ul", { key: 'aed3104df95c11adeb59d1ee0ecca2e8c49afcef', 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)))))))))));
|
|
82628
82634
|
}
|
|
82629
82635
|
get host() { return getElement(this); }
|
|
82630
82636
|
static get watchers() { return {
|
|
@@ -82656,7 +82662,7 @@ const XvTag = class {
|
|
|
82656
82662
|
this.closeClick.emit(e);
|
|
82657
82663
|
}
|
|
82658
82664
|
render() {
|
|
82659
|
-
return (h(Host, { key: '
|
|
82665
|
+
return (h(Host, { key: 'a38b9c4edca72c2bc9540e113ad18a7c129d0eb5', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'a691bc698b9abfd62988a83f1105fe352713bdaa', class: "xv-tag_content", part: "details-content" }, h("slot", { key: '0b52ffe899a57a3dcb3cf38fde2eec851db60566' })), this.closeable && (h("button", { key: '0c1c396fde3b9ccae2bb549e1f17923cb1bfa9b9', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
82660
82666
|
}
|
|
82661
82667
|
};
|
|
82662
82668
|
XvTag.style = xvTagCss();
|
|
@@ -82690,13 +82696,13 @@ const XvTextInput = class {
|
|
|
82690
82696
|
};
|
|
82691
82697
|
}
|
|
82692
82698
|
render() {
|
|
82693
|
-
return (h(Host, { key: '
|
|
82699
|
+
return (h(Host, { key: '4d65dd8f35349da24017e2535fc1aa6839252517', class: { disabled: !!this.disabled } }, h("label", { key: 'cf9e97e3e8f254b8bee917123f7031a19053f6b5', class: "control" }, this.label && h("span", { key: '2c9f2652bed4b03348c72f8529e5d84492cb3d38', class: "control_label" }, this.label), h("div", { key: '3a7c7dc519926d55cf97f5a211b18958426ab53f', class: {
|
|
82694
82700
|
'control_input': true,
|
|
82695
82701
|
readonly: !!this.readonly,
|
|
82696
82702
|
[this.size]: true,
|
|
82697
82703
|
error: !!this.error,
|
|
82698
82704
|
warning: !!this.warning,
|
|
82699
|
-
} }, h("input", { key: '
|
|
82705
|
+
} }, h("input", { key: '463f1fa9022d49cdebdb426bad0ba20ed5dea187', 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: 'b392d7074784bc519033ed4b60c0bddf27e3148a', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '227a1369f29a1df2733003efe9633679411229b4', 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, this.type === 'password' && (h("button", { key: 'd87f42fff67093e7d02c684f9a864cd3dc1baa68', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: 'e127d604539f9493b28ecfc488e486efb45adfac', 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" })))))))), this.helper && h("p", { key: 'cef010892248f0a153b3861b91b9eb061d621943', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
|
|
82700
82706
|
}
|
|
82701
82707
|
static get formAssociated() { return true; }
|
|
82702
82708
|
};
|
|
@@ -82733,12 +82739,12 @@ const XvTextarea = class {
|
|
|
82733
82739
|
this.value && this.internals.setFormValue(this.value);
|
|
82734
82740
|
}
|
|
82735
82741
|
render() {
|
|
82736
|
-
return (h(Host, { key: '
|
|
82742
|
+
return (h(Host, { key: 'fc5dbe9fb52d30b25cb7d683b007346e8c61a8d2', class: { disabled: !!this.disabled } }, h("label", { key: '7f8e53ff338ad8233754e2c6a7f31aac472eca81', class: "control" }, (this.label || this.max) && (h("p", { key: 'e740b5e3b5d9dcae4b3d6a993e3b0c8b2d9d62fb', class: "control_label" }, h("span", { key: '210a67e96a33953bec8a282e77d0fe3dfc0cf6b2' }, this.label, this.info && h("xv-tooltip-v2", { key: '614da1dcaf72c181831477d90e94f954db0fef92', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'a366836e74bef780dbc9e03c79548a2f74bb81b6', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '0a6a63118039397b94bf56db1b4e74259ddd5805', class: {
|
|
82737
82743
|
'control_input': true,
|
|
82738
82744
|
readonly: !!this.readonly,
|
|
82739
82745
|
error: !!this.error,
|
|
82740
82746
|
warning: this.warning !== undefined,
|
|
82741
|
-
} }, h("textarea", { key: '
|
|
82747
|
+
} }, h("textarea", { key: 'e6a447b9e88c552ea4baa86d0ff396c4827ab9af', 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: '037a3abc525c94d0a9235cbb8fbdbdcad4e49558', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: '594fa0b7c651da7a550d12381452d74dcd167c1f', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
|
|
82742
82748
|
}
|
|
82743
82749
|
_renderIcon() {
|
|
82744
82750
|
if (this.loading)
|
|
@@ -82789,7 +82795,7 @@ const XvTile = class {
|
|
|
82789
82795
|
this.checked = !this.checked;
|
|
82790
82796
|
}
|
|
82791
82797
|
render() {
|
|
82792
|
-
return (h(Host, { key: '
|
|
82798
|
+
return (h(Host, { key: 'eba688ac0e37c4d7fe63283b206d773deb6fb02e', class: "xv-tile--host" }, h("label", { key: 'e4dae8ce836bba81536a94fea4165c22b04ba15f', class: {
|
|
82793
82799
|
[this.el.className]: !!this.el.className,
|
|
82794
82800
|
'xv-tile': true,
|
|
82795
82801
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -82797,7 +82803,7 @@ const XvTile = class {
|
|
|
82797
82803
|
'xv-tile--disabled': !!this.disabled,
|
|
82798
82804
|
'selected': !!this.checked,
|
|
82799
82805
|
'xv-tile--error': !!this.error,
|
|
82800
|
-
} }, h("div", { key: '
|
|
82806
|
+
} }, h("div", { key: '112c0028686851beb729223a7bea2ca59326fbd0', class: "xv-tile_content" }, this.label && h("p", { key: 'cedae08b6ee1ee1b2e0cc9b547542d69ad323fa9', class: "xv-tile_content__title" }, this.label), h("slot", { key: 'e025b8a24f1b4a1eaf5dbb60c0390eb299bfbf56' })), this.variant === 'selectable' && (h("div", { key: '6f855e5728dfe0e138bd96339876fa27456605e3', 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: '1f01ab0d8fd9bdd533d0d8e1430192d5badfde56', class: "xv-tile_footer" }, h("button", { key: '2b7746235d3e615c17820a3ac114a6b135ab4655', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: 'e9f0c6eb5391808becf9fe9316867da7eb08be9f', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '4d7dcced19f482007e4ed8f5f5f688ea0a16d454', name: "expandable" })))));
|
|
82801
82807
|
}
|
|
82802
82808
|
get el() { return getElement(this); }
|
|
82803
82809
|
};
|
|
@@ -82829,7 +82835,7 @@ const XvToggle = class {
|
|
|
82829
82835
|
};
|
|
82830
82836
|
}
|
|
82831
82837
|
render() {
|
|
82832
|
-
return (h(Host, { key: '
|
|
82838
|
+
return (h(Host, { key: '9cd6d5181ea21c81733a3a495ca6e44db7a05e81', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '37147b16da923ed78b6aa6fb0d1fb84de6f7fa38', class: "label" }, this.label), h("label", { key: '309bf4d0698104bd1ad365652af76746719339c8', class: "control" }, h("slot", { key: '400db9b086ee9762b717efa4a1550c769231a6e3', name: "before" }), h("div", { key: '69f05d329f7988c7cedfa4ed0adec4f0514a7c81', class: "control_input" }, h("input", { key: '35a2575ba9af06b1e395da07ab7d9f3ff0b09db8', 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: '88136787ed0d5fa0eac007bc08914ff8cef7df77', class: "toggle" })), h("slot", { key: '5c1f66033ab5a4373a4b8ce708a23fb82a75f5b6', name: "after" }))));
|
|
82833
82839
|
}
|
|
82834
82840
|
static get formAssociated() { return true; }
|
|
82835
82841
|
};
|
|
@@ -82906,7 +82912,7 @@ const XvToggleTip = class {
|
|
|
82906
82912
|
}
|
|
82907
82913
|
;
|
|
82908
82914
|
render() {
|
|
82909
|
-
return (h(Host, { key: '
|
|
82915
|
+
return (h(Host, { key: 'b9832d8cc8c0738d6cccffe456b48276940dd3c6', class: "xv-toggle-tip" }, h("div", { key: '717dc1fd3365a8713580632424d3a01d53bf5a61', 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: 'fee164d01725d44a5c4224e9733832725d053e7d', name: "trigger" }, h("svg", { key: '42edf72fd6b4c7ff5a232529523743bb98b6da92', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'f3a54030e7109483d09e790dddc323ba875be313', 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: 'c523fdf032539304ce2ef99ab54bfac74c8ec83a', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '24296777fa2a2dfde798f27d581d730e3827f15d', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'd3f363b8721659298acd6cecf85ac2d2c2e830b5', class: "popover-content" }, h("slot", { key: '42392813a987586fd89d379b079eb823bd609aa7', name: "header" }), h("slot", { key: '2da6d4e87c53be604af7662cc7afa6faeaa209e8', name: "body" }), h("slot", { key: 'f1403607d6dc1d8e29a36a4f0cf8c74161fc25c2', name: "footer" })))));
|
|
82910
82916
|
}
|
|
82911
82917
|
disconnectedCallback() {
|
|
82912
82918
|
this.destroyPopper();
|
|
@@ -82961,11 +82967,11 @@ const XvTooltip = class {
|
|
|
82961
82967
|
this.destroyTooltip();
|
|
82962
82968
|
}
|
|
82963
82969
|
render() {
|
|
82964
|
-
return (h(Host, { key: '
|
|
82970
|
+
return (h(Host, { key: 'cad0556cdb230e1733aa12e3ba2e79edea9f5a93', role: "tooltip", class: {
|
|
82965
82971
|
'xv-tooltip-wrapper': true,
|
|
82966
82972
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
82967
82973
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
82968
|
-
} }, h("slot", { key: '
|
|
82974
|
+
} }, h("slot", { key: '2ede8aebcab177c4ae8d0697c52bf6d7dc48dc1a' }, h("svg", { key: '45bdcce104fb2c23e454c6d92298bee5ee8f7037', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'e51c755a78b03357882791601e59d1789a579c44', 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" })))));
|
|
82969
82975
|
}
|
|
82970
82976
|
get el() { return getElement(this); }
|
|
82971
82977
|
};
|