xv-webcomponents 1.3.43-qa.0 → 1.3.45-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_45.cjs.entry.js +39 -90
- package/dist/cjs/xv-accordion-v2_45.cjs.entry.js.map +1 -1
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-header/xv-header.js +4 -56
- 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/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_45.entry.js +39 -90
- package/dist/esm/xv-accordion-v2_45.entry.js.map +1 -1
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-header/xv-header.d.ts +0 -5
- package/dist/xv-webcomponents/{p-2cf8c03a.entry.js → p-02a1b031.entry.js} +2 -2
- package/dist/xv-webcomponents/p-02a1b031.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-2cf8c03a.entry.js.map +0 -1
|
@@ -77998,7 +77998,6 @@ const XvHeader = class {
|
|
|
77998
77998
|
constructor(hostRef) {
|
|
77999
77999
|
index.registerInstance(this, hostRef);
|
|
78000
78000
|
this.htmlContent = '';
|
|
78001
|
-
this.htmlSearchForm = '';
|
|
78002
78001
|
this.showLoginModal = false;
|
|
78003
78002
|
this.isCockpitMenuExpanded = true;
|
|
78004
78003
|
this.isEntitiesMenuExpanded = true;
|
|
@@ -78014,20 +78013,6 @@ const XvHeader = class {
|
|
|
78014
78013
|
this.megaMenu = false;
|
|
78015
78014
|
this.onMetaNavUpdated = () => this.loadMetaNav();
|
|
78016
78015
|
this.currentSuggestion = null;
|
|
78017
|
-
this.searchInputs = [];
|
|
78018
|
-
this.inputHandlers = [];
|
|
78019
|
-
this.handleClickOutside = (ev) => {
|
|
78020
|
-
if (!this.suggestions.length)
|
|
78021
|
-
return;
|
|
78022
|
-
const suggestionsEl = this.el.querySelector('#xv-search-suggestions');
|
|
78023
|
-
const target = ev.target;
|
|
78024
|
-
if (this.searchInputs.some(input => input.contains(target)))
|
|
78025
|
-
return;
|
|
78026
|
-
if (suggestionsEl && suggestionsEl.contains(target))
|
|
78027
|
-
return;
|
|
78028
|
-
this.suggestions = [];
|
|
78029
|
-
this.currentSuggestion = null;
|
|
78030
|
-
};
|
|
78031
78016
|
this.openLoginModal = () => {
|
|
78032
78017
|
this.showLoginModal = true;
|
|
78033
78018
|
};
|
|
@@ -78113,25 +78098,6 @@ const XvHeader = class {
|
|
|
78113
78098
|
}
|
|
78114
78099
|
componentDidLoad() {
|
|
78115
78100
|
window.addEventListener('xv:metaNav-update', this.onMetaNavUpdated);
|
|
78116
|
-
const inputs = Array.from(this.el.querySelectorAll('input[name="Q"]'));
|
|
78117
|
-
this.searchInputs = inputs;
|
|
78118
|
-
inputs.forEach(input => {
|
|
78119
|
-
const handleInput = this.handleSearchInput.bind(this);
|
|
78120
|
-
const handleKeyDown = this.handleKeyDown.bind(this);
|
|
78121
|
-
input.addEventListener('input', handleInput);
|
|
78122
|
-
input.addEventListener('keydown', handleKeyDown);
|
|
78123
|
-
this.inputHandlers.push({
|
|
78124
|
-
input: input,
|
|
78125
|
-
listeners: [
|
|
78126
|
-
['input', handleInput],
|
|
78127
|
-
['keydown', handleKeyDown],
|
|
78128
|
-
],
|
|
78129
|
-
});
|
|
78130
|
-
if (!this.searchInput) {
|
|
78131
|
-
this.searchInput = input;
|
|
78132
|
-
}
|
|
78133
|
-
});
|
|
78134
|
-
document.body.addEventListener('click', this.handleClickOutside);
|
|
78135
78101
|
}
|
|
78136
78102
|
getBaseUrl() {
|
|
78137
78103
|
const hostname = window.location.hostname;
|
|
@@ -78200,14 +78166,6 @@ const XvHeader = class {
|
|
|
78200
78166
|
}
|
|
78201
78167
|
disconnectedCallback() {
|
|
78202
78168
|
window.removeEventListener('xv:metaNav-update', this.onMetaNavUpdated);
|
|
78203
|
-
this.inputHandlers.forEach(({ input, listeners }) => {
|
|
78204
|
-
listeners.forEach(([event, handler]) => {
|
|
78205
|
-
input.removeEventListener(event, handler);
|
|
78206
|
-
});
|
|
78207
|
-
});
|
|
78208
|
-
this.inputHandlers = [];
|
|
78209
|
-
this.searchInputs = [];
|
|
78210
|
-
document.body.removeEventListener('click', this.handleClickOutside);
|
|
78211
78169
|
}
|
|
78212
78170
|
componentWillLoad() {
|
|
78213
78171
|
void this.initHeader();
|
|
@@ -78231,16 +78189,7 @@ const XvHeader = class {
|
|
|
78231
78189
|
const response = await fetch(`https://crossvertise.blob.core.windows.net/nav-sync-${env}/nav.html`);
|
|
78232
78190
|
const text = await response.text();
|
|
78233
78191
|
const parser = new DOMParser();
|
|
78234
|
-
|
|
78235
|
-
const mixedMenu = doc.querySelector('.alle-kategorien-menu');
|
|
78236
|
-
const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');
|
|
78237
|
-
const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');
|
|
78238
|
-
if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {
|
|
78239
|
-
allCategoriesContainer.appendChild(mixedMenu);
|
|
78240
|
-
allCategoriesContainer.appendChild(allCategoriesGenerals);
|
|
78241
|
-
}
|
|
78242
|
-
this.htmlSearchForm = doc.querySelector('form.navbar-form[role="search"]').innerHTML;
|
|
78243
|
-
this.htmlContent = doc.body.innerHTML;
|
|
78192
|
+
this.htmlContent = parser.parseFromString(text, 'text/html').body.innerHTML;
|
|
78244
78193
|
}
|
|
78245
78194
|
catch (error) {
|
|
78246
78195
|
console.error('Failed to fetch header HTML:', error === null || error === void 0 ? void 0 : error.message, error);
|
|
@@ -78250,9 +78199,9 @@ const XvHeader = class {
|
|
|
78250
78199
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
|
|
78251
78200
|
const baseUrl = window.location.origin;
|
|
78252
78201
|
const isMegaMenuEnabled = !!(((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.EnableMegaMenu) || this.megaMenu);
|
|
78253
|
-
return (index.h("div", { key: '
|
|
78254
|
-
_w.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.IsManager) && (index.h("li", { key: '
|
|
78255
|
-
_8.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), index.h("li", { key: '
|
|
78202
|
+
return (index.h("div", { key: 'b2d72ae623e7dfe4a5464146885285c493e63767', id: "nav-container", class: "xv-header" }, index.h("nav", { key: 'd6fb8c6769a4426cff01c6852d8d1db71db10216', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, index.h("div", { key: '2f81d64f318b4a2d5b16485072ac63d2d7db125f', class: "generic-wrapper" }, index.h("div", { key: '0fbeb8da6c9eb4695d9c4f8f84ce5a4fb8eca309', class: "container" }, index.h("div", { key: '4f6abc6972f189c10ee4fb062b03ddaa1a44bffd', class: "xv-header-row" }, index.h("div", { key: '22ca124bbfd010910e7e395ddaa0e89f4d7051d8', class: "xv-header-col xv-header-col--left" }, index.h("div", { key: 'cee3080500aa218d92835a9b5c68c14792484599', class: "navbar-header" }, index.h("button", { key: '2cf6730b7a0333bf9c404c50ee3238c023e35dca', class: "btn btn-default navbar-toggle pull-left navbar-btn", onClick: this.toggleMobMenu }, index.h("i", { key: '25ba3bc8ab521a2bc3a50cab40884b8393d7fdcb', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), index.h("div", { key: '7cd3998464f7feb8d0f345c21b053f4c1030005d', class: "visible-xs-inline visible-sm-inline" }, index.h("a", { key: '1ce45c9359284b066187b7d7532c51120b8ea088', href: `${baseUrl}/`, class: "navbar-brand" }, index.h("img", { key: 'e839387378413d25e8f1176a2497ec8ae418bdca', src: this.getSmallLogoUrl(), alt: "Crossvertise" }))), index.h("div", { key: '8ca1b61622ebb0208f4fef6f9d3d6cddd2e9d775', class: "hidden-xs hidden-sm" }, index.h("a", { key: '64361fc52c686a37a3a7bffa9b5d4cd14a3acac6', href: `${baseUrl}/`, class: "navbar-brand" }, index.h("img", { key: '7ee172d300fc7b8b7fd1a405ed55b4ab436d92cb', loading: "lazy", src: this.getLogoUrl(), alt: "Crossvertise" })))), this.orgUnit && (index.h("xv-link-v2", { key: '4d1901805473294f83cbb224494279e958ee2fb6', size: "lg", class: "xv-header--link-no-visited", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index.h("div", { key: '10f5f50c64884c64e6046eac7eb40e7a5cf2597c', class: "xv-header-col xv-header-col--right" }, index.h("ul", { key: 'c3d5610bb6d461dbd444f93ac54044f12a6cfff1', class: "nav nav-pills nav-meta pull-right" }, ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) && (index.h("li", { key: '36322d35aa71dcd9c8d8fe39d9ac0ad478a65e08' }, index.h("div", { key: 'cb568b1b125e8fe52cebe6f311c20b32c547669b', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, index.h("i", { key: '91d14492029e11442dd4aa087dceaf21ec9388ce', class: "fa fa-user" }), index.h("i", { key: '28b99554bbb6690adde10c530876708a0226b164', class: "fa fa-exchange-alt" })), index.h("div", { key: 'b7adef0c72e76e8999422eb4598fcf31e234b002', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, index.h("div", { key: 'd070282c1f3e86694acefa46fb46d325683daa59', class: "arrow" }), index.h("h3", { key: '80f564bab89ba01e5602f227eb812311adfa4637', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), index.h("div", { key: '23f372cd42a39a9498da53296a16384f6fe136d1', class: "popover-content" }, index.h("div", { key: 'd9a63158e2e9f9cd117e51c8e8d8b03cd876ca6b', class: "row" }, index.h("div", { key: '0ce05ec3f18ad52967bf1304937c150b5c760bf7', class: "col-xs-12" }, index.h("table", { key: '4caa19d3d92b13271754f4a974bd4518c3653bae', class: "table-condensed" }, index.h("tbody", { key: '4895a1614922ef8b9631728a767d5b071463fbec' }, index.h("tr", { key: '2fd19372fec88dc26ca1d709dac3926a6ce7fa1a' }, index.h("td", { key: 'aa5b5bd303f536bf93d37566ac892cf6bdb56eb9' }, index.h("span", { key: '3cf635f0c52048f387c716950ffeace9cceb9364' }, (_d = (_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.ImpersonationInfo) === null || _d === void 0 ? void 0 : _d.NameAndTitle))), index.h("tr", { key: '2b13d8bd2a7c6c505eb63866a0381190241294eb' }, index.h("td", { key: '3b1ee6a84d21db6d7c18e97c06fe24f6cb00bf9d' }, index.h("span", { key: 'c3e9d8b0894baad3b389e0af2a79320ee632285c' }, (_f = (_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.ImpersonationInfo) === null || _f === void 0 ? void 0 : _f.CompanyName))), index.h("tr", { key: 'd1e4faa5539c66c451845f5359f5130a8f3e0d75' }, index.h("td", { key: '00b18ae09c08f1dcd9337d838a25a734cffcc953' }, index.h("span", { key: 'acbfd9c00651e4b857f79fd8a2d4c30a1f71813b' }, (_h = (_g = this.metaNav) === null || _g === void 0 ? void 0 : _g.ImpersonationInfo) === null || _h === void 0 ? void 0 : _h.Email))), index.h("tr", { key: 'e7d94bb3e26b195189d73672028e4ce6f4ce6f75' }, index.h("td", { key: 'a2c6ecdc0decc8fd2df4beaf8178b125055cfcdb' }, index.h("span", { key: 'ab20b3c476522d4a7c99aeacf764d4141131822f' }, (_k = (_j = this.metaNav) === null || _j === void 0 ? void 0 : _j.ImpersonationInfo) === null || _k === void 0 ? void 0 : _k.PhoneOffice)))))))), index.h("div", { key: 'b84b635965e70de3441efbcdaa81dabb49f69be7', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, index.h("div", { key: 'd3473fcf0c293254a5cd5078ae1a2c0b18172c21', class: "col-xs-12" }, index.h("a", { key: 'e3dbeb5b33b44ab850a1ff2623b8fceb9e4502f1', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), index.h("li", { key: 'ddc586b8903208b8a21c700f2af6754a43b02412' }, index.h("a", { key: '5a5358da48594e24f8a172305fe775158c43ca31', class: "btn btn-link navbar-btn hidden-xs", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, "Kontakt"), index.h("a", { key: '3311f066c4f0427ae6db847515084fabac245113', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), index.h("a", { key: '07d18bed5a3f6b7388263b594cb6fc5e67c0dba6', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, index.h("i", { key: '691f980c8f3533062539f17cbf8ba0bd872b1cd3', class: "fa fa-phone" }))), ((_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.IsManager) && (index.h("li", { key: 'db73ee26134fe5de0bd50929d9294b5edc7b8ab8', class: "dropdown", "data-bind": "visible: $root.isManager", id: "notifications-dropdown" }, index.h("a", { key: '0a619d3924133d71ea82942e329957b15c6d6f1d', id: "notifications-dropdown-toggle", "data-target": "#", class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, index.h("i", { key: 'fae59968e4bb3e22d0d83074824ce874b5cb2979', class: "fas fa-bell fa-lg" }), this.notificationsCount > 0 && (index.h("span", { key: 'f76d963d408fc36c48a9cbc69d4288992dbf254f', id: "notifications-count", class: "badge badge-success badge-top-right" }, this.notificationsCount))), this.notificationsHtml && (index.h("ul", { key: '24dd4f72b9dd5bd785e7bbbf33b29469f0334322', id: "notifications-menu", class: "dropdown-menu dropdown-menu-left notification-panel" }, index.h("div", { key: '18142cd91976d7c414214e573f03f7ecc836c4c7', class: "notification-body", id: "notification-body" }, index.h("div", { key: 'b61d634d85939ae73f7d57211c54dead5f35a05f', class: "notifications", innerHTML: this.notificationsHtml })))))), ((_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.IsAuthenticated) && (index.h("li", { key: 'da055bbf92fd1853d4773137654fa41abc5f3b78', class: "dropdown", id: "my-xv-menu" }, index.h("a", { key: '01d9b81ddf2b2d7e63c8eae04a4984c4b0040ba6', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, index.h("i", { key: 'd85d54bd38a0949df10074c682191af9b2ac6082', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", index.h("span", { key: '8ab69565ea75fc718fe234db959046f102a7c325', class: "hidden-xs" }, (_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.UserMenuText), "\u00A0", index.h("span", { key: '1734bb3e5d1c2ec1c8f9a3b9819e417f8ab145ad', class: "caret" })), index.h("ul", { key: '6c5b3bb8f65e66ae187962fcd0968319bae9a2f6', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_p = this.metaNav) === null || _p === void 0 ? void 0 : _p.IsManager) && (index.h("li", { key: '846d40f35ec1608a54e0bdfe4b09d150b367e183' }, index.h("a", { key: 'bb945874c6a2660ffe370f8db2826928f1f3bf2d', onClick: () => this.toggleCockpitMenu() }, index.h("i", { key: 'c0599ff56608687aaf94cb3869a4edbb0f062e47', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen \u00A0", index.h("i", { key: '2137d185082a10019eb13a7679047451f9657968', class: "fa fa-caret-down" })))), this.isCockpitMenuExpanded && ((_r = (_q = this.metaNav) === null || _q === void 0 ? void 0 : _q.ManagerCockpitMenu) === null || _r === void 0 ? void 0 : _r.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0\u00A0", item.Text))))), ((_s = this.metaNav) === null || _s === void 0 ? void 0 : _s.IsManager) && (index.h("li", { key: 'f87e28acbd18d718c9882eb0abecd20dbbdef860' }, index.h("a", { key: '30a634e5e48b78a6274df47cefd1df1a49e9c65e', onClick: () => this.toggleEntitiesMenu() }, index.h("i", { key: '1dfb05e695432acedd5ed00f84901e03cb80d7ab', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten \u00A0", index.h("i", { key: 'be21805f962c2885271b91697334478d3bf885aa', class: "fa fa-caret-down" })))), this.isEntitiesMenuExpanded && ((_u = (_t = this.metaNav) === null || _t === void 0 ? void 0 : _t.ManagerEntitiesMenu) === null || _u === void 0 ? void 0 : _u.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text))))), (_w = (_v = this.metaNav) === null || _v === void 0 ? void 0 : _v.ManagerMenu) === null || _w === void 0 ? void 0 :
|
|
78203
|
+
_w.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.IsManager) && (index.h("li", { key: '91d05ebc94d98f6731b38da231ce0ef8c7ec35ab', role: "separator", class: "divider" })), ((_y = this.metaNav) === null || _y === void 0 ? void 0 : _y.IsManager) && (index.h("li", { key: '55392bef67f3ce7df4f1144b82acd8e3fc031f7f' }, index.h("a", { key: 'd699191eeeb4cacb623f5611d0789a8ef72824f5', onClick: () => this.toggleUserMenu() }, index.h("i", { key: '1ad80b8e00dced451134bbd64cd6574001df2d01', class: "fa fa-user" }), "\u00A0Mein Crossvertise \u00A0", index.h("span", { key: 'f4edfb85c2f7102a9bdc2f7a1e17147f47a70807', class: "badge" }, (_z = this.metaNav) === null || _z === void 0 ? void 0 : _z.PendingItems), index.h("i", { key: '546dbdb90e2b93b19ea692a9f7e20bab4afc8886', class: "fa fa-caret-down" })))), this.isUserMenuExpanded && ((_1 = (_0 = this.metaNav) === null || _0 === void 0 ? void 0 : _0.UserMenu) === null || _1 === void 0 ? void 0 : _1.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self', class: "user-menu-item-link" }, index.h("i", { class: item.CssClass }), item.Text, "\u00A0", item.BadgeText && (index.h("span", { class: "badge" }, item.BadgeText))))))), ((_3 = (_2 = this.metaNav) === null || _2 === void 0 ? void 0 : _2.ImpersonationInfo) === null || _3 === void 0 ? void 0 : _3.isImpersonated) && (index.h("li", { key: '3debc40527c8014daf03e44f482b273206ec2d6f', class: 'user-menu-item' }, index.h("a", { key: '145d9a319f3c603d5bd8393371fcea4a5b826e03', href: (_5 = (_4 = this.metaNav) === null || _4 === void 0 ? void 0 : _4.ImpersonationInfo) === null || _5 === void 0 ? void 0 : _5.ClearImpersonationUrl }, index.h("i", { key: 'e343c7e7b0f2076cd9f50405521e8ccdb28879ad', class: "fa fa-exchange-alt" }), "Kundenperspektive verlassen"))), ((_6 = this.metaNav) === null || _6 === void 0 ? void 0 : _6.IsManager) && (index.h("li", { key: '7b829f2a351978ce2179b694b5a8a3e549b0351b', role: "separator", class: "divider" })), (_8 = (_7 = this.metaNav) === null || _7 === void 0 ? void 0 : _7.ActionsMenu) === null || _8 === void 0 ? void 0 :
|
|
78204
|
+
_8.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), index.h("li", { key: '65696c2c7851f2e1e6d5d7d50825820828964b7e' }, index.h("a", { key: '57876bca99c70a0909e80a17900ed9f552eae570', href: `${this.getBaseUrl()}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}` }, index.h("i", { key: '751caee3b63db2000f5dcb72062d987911055ec5', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "Logout"))))), !((_9 = this.metaNav) === null || _9 === void 0 ? void 0 : _9.IsAuthenticated) && (index.h("li", { key: '63ab31dc3ceea5fcfc6d290783934e0257492026', class: "hidden-md hidden-lg" }, index.h("a", { key: '9238edc94dd096e7764a8a59ae1d06a16773461f', class: "btn btn-default navbar-btn btn-link mob-login", href: `${this.getBaseUrl()}//de-de/mycrossvertise/account/logon` }, index.h("i", { key: 'b7316eccc78d838dc0adb7d347ed2740222bbf13', class: "fa fa-user fa-lg", "aria-hidden": "true" })))), index.h("xv-login-modal", { key: 'ccdd084bef122c4d65d51eb4b33be841fdfaf3e9', visible: this.showLoginModal, onClose: this.closeLoginModal }), !((_10 = this.metaNav) === null || _10 === void 0 ? void 0 : _10.IsAuthenticated) && (index.h("li", { key: '296e2abe0310ad17c340c0adc09080acf01b888e', class: "hidden-xs hidden-sm" }, index.h("a", { key: 'a23c3b06c4bb333cfd33847ced2f6705ed1ff3ac', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, index.h("i", { key: '047db7384278d0e3742c2779857bfde91b3fc6cf', class: "fa fa-user fa-lg", "aria-hidden": "true" }), index.h("span", { key: '5241bda1c1f9ab8dbe03417eac2340079ce8f5f3', class: "padding-sm-left" }, "Login")))), !((_11 = this.metaNav) === null || _11 === void 0 ? void 0 : _11.IsAuthenticated) && (index.h("li", { key: '3178b833272e40f5198ec329d2e7ebbe15ced65c', class: "hidden-xs" }, index.h("a", { key: 'fc0c9339753b96ce1c9c5b33e93eb8122484007a', class: "btn btn-default navbar-btn btn-link", href: `${this.getBaseUrl()}/de-de/mycrossvertise/account/register` }, index.h("span", { key: 'bdd12930785274864eac53200dfc5b3a283b5a63' }, "Registrieren")))), index.h("li", { key: '13efe2a3ca1ebfe7a97fa050aedd5fb852cf8299', class: "navbar-divider hidden-xs" }), index.h("li", { key: '84056d0fc454c3dfc22c83f17831fb3050631456' }, index.h("xv-button-v2", { key: 'ef0f9ce169582f9ed7db7b5d552e31a96aabc8f4', class: "navbar-btn", variant: 'accent', onClick: () => window.location.href = `${this.getBaseUrl()}/de-de/mycrossvertise/shoppingcart/activecart` }, index.h("span", { key: '4cca211d034c8ed403e5a39640c6644d95a353cc', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), index.h("span", { key: 'ed18d28000d745ded72a8ca60aad3581aa1ae2bb', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), index.h("xv-tag-v2", { key: '1a544cd7be0b7378bf13170ef9fee38c1eca15d1', id: "shopping-cart-items-badge", size: 'sm', bg: "var(--background)", color: "var(--icon-interactive)" }, ((_13 = (_12 = this.metaNav) === null || _12 === void 0 ? void 0 : _12.Cart) === null || _13 === void 0 ? void 0 : _13.NumberOfItems) || 0)))))))), index.h("div", { key: '07ba78645bcf0227103576e5a6911f9794fd2971', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, index.h("div", { key: 'ee9565d8b34bbab11b4c81614851df85d39cfce5', class: "container" }, index.h("form", { key: 'd12cfbaf9f70b6d1762483c969a0f602285265aa', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, index.h("div", { key: '83ca4da9e31938426a6310c925e6d830e00415fc', class: "input-group" }, index.h("input", { key: '85e0e2d5701aab9cf563102dc0a9a5deecae6950', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), index.h("span", { key: '526749a29a3d79af192b88cb0ab961d592b29445', class: "input-group-btn force-full-width" }, index.h("button", { key: 'ca1e696ad0b8e5e399c30b4d3bc0cbb35da23edc', class: "btn btn-default search-addon", type: "submit" }, index.h("i", { key: '9159204777277235253d1ee48a2464ce99ef7007', class: "fa fa-search", "aria-hidden": "true" }))))))), isMegaMenuEnabled && (index.h("div", { key: '4e98d2f1ecee3c69398cdaa60f6fa389c0787863', class: "xv-header-nav xv-header-nav--shadow" }, index.h("div", { key: 'bc9c2cbbe9966f2cc940e8b7d998ce9b443aafba', class: "container" }, index.h("xv-mega-menu", { key: 'a50984a887760f4fb229714ed86d772092199778', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu }, ((_14 = this.metaNav) === null || _14 === void 0 ? void 0 : _14.EnableMegaMenuSearch) || isMegaMenuEnabled && (index.h("form", { key: '72cf63915fb787119c5df691d13b7b60b53430d1', slot: "menu-right", action: `${this.getBaseUrl()}/de-de/media/search` }, index.h("div", { key: '7502a32c84a4794bf8663f199d59002674c5d013', class: "input-group" }, index.h("input", { key: '671c3825d0d5ba1c404e4c479a523f6dcf282fff', class: "form-control", onInput: this.handleSearchInput, onKeyDown: this.handleKeyDown, autocomplete: "off", "data-val": "true", "data-val-required": "Das Feld \"Q\" ist erforderlich.", name: "Q", placeholder: "Suche", type: "search" }), index.h("span", { key: '408806fd048e3ac48e751c299329a26fd7e4d74e', class: "input-group-btn force-full-width" }, index.h("button", { key: 'c1d8ae2970158fb03c026e6b3645eaafe16dd77e', class: "btn btn-default search-addon", type: "submit" }, index.h("i", { key: 'f0a8e430a7fbcdd397c268c6380a9d971b3a46a2', class: "fa fa-search", "aria-hidden": "true" }))))))))))), !isMegaMenuEnabled && index.h("div", { key: '48aaa5f6ef0e4c4dac618b109d4674abd37e3ca3', innerHTML: this.htmlContent }), isMegaMenuEnabled && (index.h("ul", { key: 'c3aab9bd6cab1c9206f06a4904c27c1b98e7b119', class: "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all", id: "xv-search-suggestions", style: {
|
|
78256
78205
|
width: `${(_15 = this.listPosition) === null || _15 === void 0 ? void 0 : _15.width}px`,
|
|
78257
78206
|
top: `${(_16 = this.listPosition) === null || _16 === void 0 ? void 0 : _16.top}px`,
|
|
78258
78207
|
left: `${(_17 = this.listPosition) === null || _17 === void 0 ? void 0 : _17.left}px`,
|
|
@@ -78361,7 +78310,7 @@ const XvImageViewer = class {
|
|
|
78361
78310
|
}
|
|
78362
78311
|
}
|
|
78363
78312
|
render() {
|
|
78364
|
-
return (index.h(index.Host, { key: '
|
|
78313
|
+
return (index.h(index.Host, { key: '64c1dd530f83194280c28ed1355441aa11e40fa8', 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: '281faa567bb8e62179609ea00e94e6af22987a29', class: "fullscreen-overlay", onClick: this.closeFullscreen }, !this.fullscreenLoaded && index.h("xv-loader-v2", { key: 'eb10750e0034c73eefd1207ec7135f7f576741ac', class: "loading", size: SIZE_VAR.LG }, this.placeholder), index.h("img", { key: '9f7e51f8923bb011792bbdc0e2559b0fa9168f29', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
78365
78314
|
'fullscreen-image': true,
|
|
78366
78315
|
loaded: this.fullscreenLoaded,
|
|
78367
78316
|
} })))));
|
|
@@ -78386,7 +78335,7 @@ const XvLink = class {
|
|
|
78386
78335
|
e.stopPropagation();
|
|
78387
78336
|
}
|
|
78388
78337
|
render() {
|
|
78389
|
-
return (index.h(index.Host, { key: '
|
|
78338
|
+
return (index.h(index.Host, { key: 'b3444506d23b27658bf13a77c8ccd6b2da043bc8', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, index.h("a", { key: '12b5ec0897d900b4a05b348b5bbfcf8ad0b96498', 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: '0750c5f6e5d6bc73b4c3ad66e1a3ea752b1f6756', name: "icon-left" }), index.h("slot", { key: 'e512990ffd93f36d364acc8d12a09924ee984f48' }), index.h("slot", { key: '36f227be74491e6e9947376c6f0de9c1bdf63814', name: "icon-right" }))));
|
|
78390
78339
|
}
|
|
78391
78340
|
};
|
|
78392
78341
|
XvLink.style = xvLinkCss;
|
|
@@ -78587,13 +78536,13 @@ const XvMegaMenu = class {
|
|
|
78587
78536
|
}
|
|
78588
78537
|
}
|
|
78589
78538
|
render() {
|
|
78590
|
-
return (index.h(index.Host, { key: '
|
|
78539
|
+
return (index.h(index.Host, { key: '98b7f053a9b396d4b4d158bb25500b06262d3b07' }, index.h("nav", { key: '029889b5b52b4f23853a9f99c50f418a72e4c51f', class: { 'xv-menu': true, open: this.open } }, this.loading && (index.h("div", { key: 'd4ff9e79c82c1dc37c082ea906b7e32cbe350e7b', class: { 'xv-menu-loader': true, open: this.open } }, index.h("xv-loader-v2", { key: '28d9b024d98ead5465e8439cc18ff9571a819c65' }))), index.h("ul", { key: '73c07ccfbf678067824e01adebd6dc11112fb7b6', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
78591
78540
|
var _a;
|
|
78592
78541
|
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) => {
|
|
78593
78542
|
var _a, _b;
|
|
78594
78543
|
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"))))))))));
|
|
78595
78544
|
}))));
|
|
78596
|
-
}), index.h("li", { key: '
|
|
78545
|
+
}), index.h("li", { key: '250de0156df08e614a205e22c4bcdef15dc38c78', class: "menu--right" }, index.h("slot", { key: 'cf5e7a40ca67304bef59d2baac2098ba21c3ca2e', name: "menu-right" })), this.open && (index.h("li", { key: '7bdfcc6ab8071d33b1d3d40d5d7e771fffdad3d0', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
78597
78546
|
}
|
|
78598
78547
|
get el() { return index.getElement(this); }
|
|
78599
78548
|
};
|
|
@@ -78661,7 +78610,7 @@ const XvModal = class {
|
|
|
78661
78610
|
}
|
|
78662
78611
|
render() {
|
|
78663
78612
|
var _a;
|
|
78664
|
-
return (index.h(index.Host, { key: '
|
|
78613
|
+
return (index.h(index.Host, { key: '8b2b8b15ed0622547898dd958ca387c39b1242f0', role: "dialog", size: this.size, id: this.el.id }, index.h("slot", { key: '15d68a6e860dc7cbecdabf3372b72490d6ad7553', name: "trigger", onSlotchange: this.setupTrigger }), index.h("div", { key: '0e45de67f22bb391665ed42201e7869fc48f578a', class: { backdrop: true }, onClick: this.onBackdropClick }, index.h("div", { key: 'c2fc3679253c7a9968535b79d8258151510fa7ab', class: "modal" }, index.h("button", { key: 'eca81f5fb6f30736ad403191a273a45dba8c3e35', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index.h("div", { key: '12b2e2b3a9b92066fdef3b4b8c8d59da178b2899', class: "modal_header" }, index.h("slot", { key: '1b94e749471493fe30589c6631287cab379887a5', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index.h("h5", { key: '8f6dbcf199588e64b185912d48c215ef62ec312f', class: "modal_header__title" }, this.el.title))), index.h("div", { key: 'e923ea242f19725aff700651798e7b58fa0b9edd', class: { 'modal_content': true, overflow: this.overflow } }, index.h("slot", { key: '2447431ff80d7f3ff012e606efb30d4fc49e1c8d' })), index.h("div", { key: '6d9be3c5a0293c304ac3e631beb7ce5cfa587611', class: "modal_footer" }, index.h("slot", { key: 'c9a045b2802cee877206c4a7c60890cd7e777c1e', name: "footer" })), !!this.loading && (index.h("div", { key: 'df6468517a094d5e1c7ed55ce6c64b3a0080a854', class: "loading" }, index.h("xv-loader-v2", { key: '4d0e2aea1ec034fac810cf2f92ea8c8e15977f22', size: SIZE_VAR.LG })))))));
|
|
78665
78614
|
}
|
|
78666
78615
|
disconnectedCallback() {
|
|
78667
78616
|
this.removeTriggerListener();
|
|
@@ -78707,7 +78656,7 @@ const XvNotification = class {
|
|
|
78707
78656
|
};
|
|
78708
78657
|
}
|
|
78709
78658
|
render() {
|
|
78710
|
-
return (index.h(index.Host, { key: '
|
|
78659
|
+
return (index.h(index.Host, { key: '33e31872d8b388d198e3cf0dc1f816d58d3a0f56', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index.h("div", { key: '1313a6e56e879c2afc41cc5dd43eea4d674e1aba', class: "content" }, index.h("div", { key: '3f5575129d69248ad6cc75f47a713076aa937a97', class: "content_wrapper" }, this.el.title && index.h("h5", { key: '308916c21d1dc797c01ab3248296b55f8750f975', class: "content_title" }, this.el.title), index.h("slot", { key: '102c599d4f0e2c093456f791d54a3c8314271203' })), index.h("slot", { key: '04bba626d27f282669f31d450cef1ce29edc87a6', name: "footer" })), this.dismissible && index.h("button", { key: 'b606364bbce87f4ce2dab2e320c852a3dc492778', class: "close", onClick: this.closeHandle })));
|
|
78711
78660
|
}
|
|
78712
78661
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
78713
78662
|
get el() { return index.getElement(this); }
|
|
@@ -78757,12 +78706,12 @@ const XvNumberInput = class {
|
|
|
78757
78706
|
this.valueChange.emit(this.value);
|
|
78758
78707
|
}
|
|
78759
78708
|
render() {
|
|
78760
|
-
return (index.h(index.Host, { key: '
|
|
78709
|
+
return (index.h(index.Host, { key: '80c2ad2ffd1a74c53133e9039177098b089afcf7', class: { disabled: !!this.disabled } }, index.h("label", { key: 'bd5bacdccfcc70f9f92411232b98d207248db6d1', class: "control" }, this.label && index.h("span", { key: '24210b46d20d9c0feef52fed98506688f06bebd5', class: "control_label" }, this.label), index.h("div", { key: '2b89713cc0d93acd25f3467d9c01b87a5e4a53bc', class: {
|
|
78761
78710
|
'control_input': true,
|
|
78762
78711
|
readonly: !!this.readonly,
|
|
78763
78712
|
error: !!this.error,
|
|
78764
78713
|
warning: !!this.warning
|
|
78765
|
-
} }, index.h("input", { key: '
|
|
78714
|
+
} }, index.h("input", { key: '99be4fa9e236e257c626d9b23bccc00e0c3d1b9f', 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: 'aba0593a29c73f476269172e0c8d6fa66ae6fedc', 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: '34df2a2562ee8ba0b33ffea5195be3e602ef93a6', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index.h("span", { key: '6a18a5a5d1fd0952438fba14a335feed158159cd', slot: "icon-left", class: "status-icon" }, "\u2212")), index.h("hr", { key: 'd4962c991ee35918e7aac22622af0f1124625cd4' }), index.h("xv-button-v2", { key: '1dd9c22b29b5f6803fab62ea8a95882223a0f5ab', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index.h("span", { key: 'b028f1559a24f973219e3691b5533d1d304aa6cf', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && index.h("p", { key: '78aa66ffc8a11b7e85cbfbe6f3d9938236d4863f', 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));
|
|
78766
78715
|
}
|
|
78767
78716
|
static get formAssociated() { return true; }
|
|
78768
78717
|
};
|
|
@@ -78820,8 +78769,8 @@ const XvOverflowMenu = class {
|
|
|
78820
78769
|
}
|
|
78821
78770
|
}
|
|
78822
78771
|
render() {
|
|
78823
|
-
const button = (index.h("button", { key: '
|
|
78824
|
-
return (index.h(index.Host, { key: '
|
|
78772
|
+
const button = (index.h("button", { key: 'adbd7779bcd573203273ad5a999002aa3541ca78', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, index.h("slot", { key: '45265933f80678cd8188cb4794167d1c87cc7102', name: "trigger" }, index.h("svg", { key: '10fdff513a71aaebb9a6a0a84faac7b5597b7d42', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, index.h("path", { key: 'ca7f87293a7f1918022ae607ae7c32df7838c8a1', 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" })))));
|
|
78773
|
+
return (index.h(index.Host, { key: 'e8988b7d8348f4c0507e91295a34a335feb3a343', 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: '11fa52a70f5507b759c10e8ee4faf6ddf2e3e860', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, index.h("slot", { key: 'e5c678fd059e41f2082554567a3633cd1b065549' }))));
|
|
78825
78774
|
}
|
|
78826
78775
|
componentDidLoad() {
|
|
78827
78776
|
this.openChangeHandle();
|
|
@@ -78857,7 +78806,7 @@ const XvOverflowMenuItem = class {
|
|
|
78857
78806
|
this.itemClick.emit({ event, value: this.value });
|
|
78858
78807
|
}
|
|
78859
78808
|
render() {
|
|
78860
|
-
return (index.h(index.Host, { key: '
|
|
78809
|
+
return (index.h(index.Host, { key: 'd49f6133daf45ef2450efa8a7f3187d5cfd8e73a', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, index.h("slot", { key: '9728c9a27fd1206b9558ff6453ef0497b6626415' })));
|
|
78861
78810
|
}
|
|
78862
78811
|
};
|
|
78863
78812
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss;
|
|
@@ -78955,7 +78904,7 @@ const XvPagination = class {
|
|
|
78955
78904
|
this.observer.disconnect();
|
|
78956
78905
|
}
|
|
78957
78906
|
render() {
|
|
78958
|
-
return (index.h(index.Host, { key: '
|
|
78907
|
+
return (index.h(index.Host, { key: '2c6c1193ecbed8bba737389baf2d0fb0ea4ce2d6', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (index.h("div", { key: 'd79fe0737e9fdc6eea1c132e1c6ecfeaf20ded35', class: "block" }, index.h("select", { key: 'ca0d1091804b1a2be790ffc7c462140d7640defd', 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: '3c6f1c3c4873db4fcc7f889c6157c308a1d4656a', 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: 'b4357c573fccbd9b181d0965e190cb82fd68e1c0', class: "block" }, index.h("select", { key: 'f856caca4f37582783e627fb04588609dd15da4b', 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: 'b3cdb13d9ea5990bf31517a881c529742ce3e9de' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && index.h("span", { key: '7e5b7713cf9660cf48188b82a06857f77e2eac67', class: "block" }, "Seite ", this.page), index.h("xv-button-v2", { key: 'f0fae68d69f1c9f2466f8629bb70ecf5f5cc872f', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index.h("span", { key: 'c143fbbd9f453bc2c54fcbd645a14e57a4735a93', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (index.h("ul", { key: '50781af4cc25b36bd8d0a5063da9a1906ba18421', 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: 'd68226f00c2d5e5a39167be3a5e07fe1b4da58fe', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index.h("span", { key: 'ff4c6d5db145e56791f80c9b835d5fe34af6cd94', slot: "icon-left", class: "icon icon_next" }))));
|
|
78959
78908
|
}
|
|
78960
78909
|
get el() { return index.getElement(this); }
|
|
78961
78910
|
};
|
|
@@ -79030,7 +78979,7 @@ const XvProgressIndicator = class {
|
|
|
79030
78979
|
this.updateChildItems();
|
|
79031
78980
|
}
|
|
79032
78981
|
render() {
|
|
79033
|
-
return (index.h(index.Host, { key: '
|
|
78982
|
+
return (index.h(index.Host, { key: '7884f83c2b984e0bab619143c2fed2e9a4588169', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index.h("slot", { key: 'b7ea43556e66446614d596db71883f00f8806062' })));
|
|
79034
78983
|
}
|
|
79035
78984
|
get el() { return index.getElement(this); }
|
|
79036
78985
|
static get watchers() { return {
|
|
@@ -79047,7 +78996,7 @@ const XvProgressIndicatorItem = class {
|
|
|
79047
78996
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
79048
78997
|
}
|
|
79049
78998
|
render() {
|
|
79050
|
-
return (index.h(index.Host, { key: '
|
|
78999
|
+
return (index.h(index.Host, { key: '5f25f1718854cce1275d54d107837886d9151ea4', status: this.status, class: { 'xv-progress-indicator-item': true } }, index.h("span", { key: '9762e219b72d451e34882df66a01b8c4e52a58f0', class: "line" }), index.h("span", { key: '2de0a653e82a4aec3133ce407d637014cb8e9bd8', class: "icon" }, index.h("svg", { key: '9fa41d2ebc80b9b817012a6ac72f4ad3d0547d72', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index.h("path", { key: 'dc24c543caa78fac9dcf0d1f9b56d00b390ef422', 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: 'b5d80e37d1140b1ee239aefb30d2699276dec44d', class: "label" }, index.h("slot", { key: 'f839559e0be73f8936a1b051fbf8020977587874' }))));
|
|
79051
79000
|
}
|
|
79052
79001
|
get el() { return index.getElement(this); }
|
|
79053
79002
|
};
|
|
@@ -79079,12 +79028,12 @@ const XvRadio = class {
|
|
|
79079
79028
|
}
|
|
79080
79029
|
}
|
|
79081
79030
|
render() {
|
|
79082
|
-
return (index.h("div", { key: '
|
|
79031
|
+
return (index.h("div", { key: 'f1506757946b85ce46d8e5b89d95ef5a7317520f', class: {
|
|
79083
79032
|
'xv-radio': true,
|
|
79084
79033
|
'xv-radio--reverse': this.reverse,
|
|
79085
79034
|
'xv-radio--block': this.block,
|
|
79086
79035
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
79087
|
-
} }, this.label && index.h("p", { key: '
|
|
79036
|
+
} }, this.label && index.h("p", { key: '49e0ea78adb3231ac37a873d3e2cf182541e25a9', class: "xv-radio_label" }, this.label), index.h("label", { key: 'b0d6ef413e190075c842ccc389c500cfac82e5e5', class: { 'xv-radio_container': true, disabled: this.disabled } }, index.h("div", { key: '494559440296d9562eb95b4c125f72c5f93109b3', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, index.h("input", { key: 'b030130b3f498f4ad22c78ce3b3cb89239c8099e', 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: 'b2d560dfc7c0ce4c98d428b33924b734ae5cbfed', class: "xv-radio_input__mark" })), index.h("span", { key: 'f44473d85f72494da462884acca4ebba35277f2d', class: "xv-radio_container__label" }, index.h("slot", { key: 'cb017d0aa309e49f0b9c3ff0382f4e8803fbfa23' }))), this.error && typeof this.error === 'string' && (index.h("span", { key: '1ec54e939c94d310c7d306184288c92727ceaed9', class: "xv-radio_msg xv-radio_msg--error" }, index.h("span", { key: 'dfffab405276c206de5202530bf5cb5b04383da5', class: "xv-radio_msg__status", "aria-hidden": "true" }, "!"), this.error)), this.warning && typeof this.warning === 'string' && (index.h("span", { key: '02752c595f54d6dafb7096bd19caad942b49a1e4', class: "xv-radio_msg xv-radio_msg--warning" }, index.h("span", { key: '2dc921c18437e2dd5d86158dc528c19c08066f70', class: "xv-radio_msg__status", "aria-hidden": "true" }, "\u26A0"), this.warning)), index.h("slot", { key: 'c1e0729bfcf311fa10c75d002e1a3b0719c4925e', name: "info" })));
|
|
79088
79037
|
}
|
|
79089
79038
|
connectedCallback() {
|
|
79090
79039
|
var _a;
|
|
@@ -79166,7 +79115,7 @@ const XvSlider = class {
|
|
|
79166
79115
|
this.setValue(this.min);
|
|
79167
79116
|
}
|
|
79168
79117
|
render() {
|
|
79169
|
-
return (index.h(index.Host, { key: '
|
|
79118
|
+
return (index.h(index.Host, { key: '1849aece38293b5f18efe2b641d7a5e5ff69246f', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index.h("label", { key: '5c64fe2308971f92484327495a3239a8ee2359d4', class: "label" }, this.label), index.h("div", { key: 'a1f61a793edb43b574e5e0b67a71d27ecbc96051', class: "control" }, index.h("span", { key: 'ae1067e63e9c886be1fa08623a5a129875b37638', class: "control_label" }, this.min), index.h("input", { key: '29495cfbebd6b75c7450930366ee0f51b2b45b24', 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: '10c0f8943b1b7ec1068c3fe360c8da15faafcbad', class: "control_label" }, this.max), !this.notEditable && (index.h("input", { key: '48a80b82b96853483e2961de24c5fa334ddb92a5', 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 })))));
|
|
79170
79119
|
}
|
|
79171
79120
|
static get formAssociated() { return true; }
|
|
79172
79121
|
};
|
|
@@ -79181,7 +79130,7 @@ const XvTab = class {
|
|
|
79181
79130
|
this.loading = false;
|
|
79182
79131
|
}
|
|
79183
79132
|
render() {
|
|
79184
|
-
return (index.h(index.Host, { key: '
|
|
79133
|
+
return (index.h(index.Host, { key: '45576975c3fc396278b128e1896436f825ec3b47', disabled: this.disabled, name: this.name }, this.loading ? index.h("xv-loader-v2", { size: SIZE_VAR.LG }) : index.h("slot", null)));
|
|
79185
79134
|
}
|
|
79186
79135
|
};
|
|
79187
79136
|
XvTab.style = xvTabCss;
|
|
@@ -79220,7 +79169,7 @@ const XvTable = class {
|
|
|
79220
79169
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
79221
79170
|
}
|
|
79222
79171
|
render() {
|
|
79223
|
-
return (index.h(index.Host, { key: '
|
|
79172
|
+
return (index.h(index.Host, { key: '7716cc675c8843b9ef2456dabd1007802ea12fed', class: { batchVisible: !!this.selectedCount } }, index.h("slot", { key: 'ad22e90ce3d5800a6a986b009c3005904e1f7e57', name: "title" }, !!this.el.title && index.h("h2", { key: '16050528fb7c64b1c133756e30978eb69b5d3f9c', class: "xv-table-title" }, this.el.title)), index.h("slot", { key: '07031a85052e40799133c9d158a2872c4432eb27', name: "toolbar" }), index.h("div", { key: '199e19a9cce2673706023010da12fd0b2bf4bca6', class: "xv-table" }, index.h("div", { key: '56b95d0b115cfc5897a37c1976e030f183fc8754', class: "batch-actions" }, index.h(index.Fragment, { key: 'bb5b2f489a22b45bbb2717c9064f9d1c5c010dab' }, index.h("div", { key: '6f2c54560d44e3aee5c41af8910754c885113bed', class: "batch-actions_content" }, index.h("slot", { key: '58cdeb009bce437a46d242be2011af15cd0dce25', name: "batch" })), index.h("p", { key: 'a7981b13ae1db2a677788aa7c9b3f917675606d7', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index.h("div", { key: 'f1ae8bd6bea1507caac3e38493f24b3025934aac', class: "xv-table_wrapper" }, index.h("slot", { key: 'a241c060c564fcc3bfd2fbe0f7538db14996b825' }), index.h("slot", { key: '691818c0985242cc5a46cbc7edb08c768483f88a', name: "footer" })), !!this.loading && (index.h("div", { key: 'e9a6ba7d7ac61981e25b873838a7211e15c9bd17', class: "xv-table_loading" }, index.h("xv-loader-v2", { key: 'e02aae10086eb72a6be3adbdadf3d42328cd1935', size: SIZE_VAR.LG }))))));
|
|
79224
79173
|
}
|
|
79225
79174
|
componentWillLoad() {
|
|
79226
79175
|
this.setColsSizeTemplate();
|
|
@@ -79259,7 +79208,7 @@ const XvTableCell = class {
|
|
|
79259
79208
|
}
|
|
79260
79209
|
;
|
|
79261
79210
|
render() {
|
|
79262
|
-
return (index.h(index.Host, { key: '
|
|
79211
|
+
return (index.h(index.Host, { key: 'cd00fe91351ff96e1c4a4b4dcee7f326098428d9' }, index.h("slot", { key: '60539d442fed4704acdde61354e7f889e4a3ca34' })));
|
|
79263
79212
|
}
|
|
79264
79213
|
get el() { return index.getElement(this); }
|
|
79265
79214
|
};
|
|
@@ -79280,7 +79229,7 @@ const XvTableExpand = class {
|
|
|
79280
79229
|
};
|
|
79281
79230
|
}
|
|
79282
79231
|
render() {
|
|
79283
|
-
return (index.h(index.Host, { key: '
|
|
79232
|
+
return (index.h(index.Host, { key: '5a98f2c01ba92fefd9d8596c210e36891192e767' }, index.h("button", { key: 'd1e0870c142e9cfd32fb7661bae77b7e959b5015', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index.h("slot", { key: '9cda3a8eedbb6ecc23304eea5b432338a2e9e1f2', name: XV_EXPANDABLE_KEY }), index.h("div", { key: '3d988b4e4a276e78d7bff96675cedfd47f8e2d68', class: { expandableContent: true, open: this.open } }, index.h("slot", { key: '3bed86fb4532d78e3526f64098efdb5bac229458' }))));
|
|
79284
79233
|
}
|
|
79285
79234
|
componentDidLoad() {
|
|
79286
79235
|
index$1.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -79335,7 +79284,7 @@ const XvTableRow = class {
|
|
|
79335
79284
|
}
|
|
79336
79285
|
}
|
|
79337
79286
|
render() {
|
|
79338
|
-
return (index.h(index.Host, { key: '
|
|
79287
|
+
return (index.h(index.Host, { key: 'cddf0d200527519f0a28d537ffb3c17c3fc8056e' }, this.variant !== undefined && (index.h("xv-table-v2-cell", { key: '74058aab7fbbefa23747272bf556f1c5ac3a897c', class: "cell-control" }, this.variant === 'checkbox' && (index.h("xv-checkbox-v2", { key: 'd13fe98367c1fbb7749fdb56242758f76a5f5b21', 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: '03f9caeaa2421e98586812972098cf6d1272d3a4', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index.h("slot", { key: 'b61ec75d949c9ee81c56f56be345f2603ab72c81' })));
|
|
79339
79288
|
}
|
|
79340
79289
|
componentWillLoad() {
|
|
79341
79290
|
this.setInitialAttrs();
|
|
@@ -79688,12 +79637,12 @@ const XvTagCombobox = class {
|
|
|
79688
79637
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
79689
79638
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
79690
79639
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
79691
|
-
return (index.h(index.Host, { key: '
|
|
79640
|
+
return (index.h(index.Host, { key: '248844f1d19bfd8dc9782bbff94b16712ca155ad', class: "xv-combobox", part: "root", size: this.size }, this.label && index.h("label", { key: 'e8c36dfdc570481a7a746c753056f2e03503588e', class: "label" }, this.label), index.h("div", { key: '5add00e0c9147d07abbe7927445b4762bab7f4c1', class: {
|
|
79692
79641
|
'control': true,
|
|
79693
79642
|
'control--disabled': this.disabled,
|
|
79694
79643
|
'control--error': !!this.error,
|
|
79695
79644
|
'control--readonly': !!this.readonly,
|
|
79696
|
-
}, onClick: () => this.blockClick() }, index.h("div", { key: '
|
|
79645
|
+
}, onClick: () => this.blockClick() }, index.h("div", { key: '9399260d3ff5cef212284a2a98ad7908dd79765f', 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: 'e486c5f99aa56da911715dbe798895384766b9f4', 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: '538a321bb0dcebf87705fee5ee848c6062578896', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (index.h("p", { key: '9a6740243b2b175b7b16b7854ece3726446f234c', class: "message message--warning" }, this.warning)), suggestionsVisible && (index.h("ul", { key: 'f1d25020b463835e62a326bf79bfbd57093311e2', 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)))))))))));
|
|
79697
79646
|
}
|
|
79698
79647
|
get host() { return index.getElement(this); }
|
|
79699
79648
|
static get watchers() { return {
|
|
@@ -79721,7 +79670,7 @@ const XvTag = class {
|
|
|
79721
79670
|
this.closeClick.emit(e);
|
|
79722
79671
|
}
|
|
79723
79672
|
render() {
|
|
79724
|
-
return (index.h(index.Host, { key: '
|
|
79673
|
+
return (index.h(index.Host, { key: '39ecc255f5a885f4cd9550e9820a4bdb3049c2e5', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index.h("div", { key: '207b75ac857070e38803f48786ae0c726e8ee5fa', class: "xv-tag_content" }, index.h("slot", { key: 'd429ab65a7aac955ade0259275755bff4a9f7fef' })), this.closeable && (index.h("button", { key: '68562a9802ec6496d66730bc2388226c35872e43', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
79725
79674
|
}
|
|
79726
79675
|
};
|
|
79727
79676
|
XvTag.style = xvTagCss;
|
|
@@ -79755,13 +79704,13 @@ const XvTextInput = class {
|
|
|
79755
79704
|
};
|
|
79756
79705
|
}
|
|
79757
79706
|
render() {
|
|
79758
|
-
return (index.h(index.Host, { key: '
|
|
79707
|
+
return (index.h(index.Host, { key: 'b4b7cc7c90c57e840102729dc32704c41bf2c734', class: { disabled: !!this.disabled } }, index.h("label", { key: 'b92cb0583c9f0b0889f76ccfa84ab71f4c01a8fe', class: "control" }, this.label && index.h("span", { key: '6d997a6a353774faeb2d66e91e60a55d4093fe8e', class: "control_label" }, this.label), index.h("div", { key: 'ad336acc8bb808b7ba5d2e8e13f3a2a911b9b776', class: {
|
|
79759
79708
|
'control_input': true,
|
|
79760
79709
|
readonly: !!this.readonly,
|
|
79761
79710
|
[this.size]: true,
|
|
79762
79711
|
error: !!this.error,
|
|
79763
79712
|
warning: !!this.warning,
|
|
79764
|
-
} }, index.h("input", { key: '
|
|
79713
|
+
} }, index.h("input", { key: '278d092fb96f89df8dc0fb39437ad7396b501dad', 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: '6e1fd43277d83b7daa0d070bed4f2b0b59fa7bb9', class: "control_input__icons" }, this.loading && index.h("xv-loader-v2", { key: 'db021043efe93ef1a9fda937c22350a38b51fa3d', 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: '1b40b117be9b186e146481f27f93ee9af986401f', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index.h("svg", { key: '123f9e9df7a4ec3f1262171bc18061831b2ffc3e', 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: '58728928ba761cf58f7dd3c80b68fe3aa3ac7058', 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));
|
|
79765
79714
|
}
|
|
79766
79715
|
static get formAssociated() { return true; }
|
|
79767
79716
|
};
|
|
@@ -79798,12 +79747,12 @@ const XvTextarea = class {
|
|
|
79798
79747
|
this.value && this.internals.setFormValue(this.value);
|
|
79799
79748
|
}
|
|
79800
79749
|
render() {
|
|
79801
|
-
return (index.h(index.Host, { key: '
|
|
79750
|
+
return (index.h(index.Host, { key: 'f0a5fa2a78a5c5636be60f73c33238e9f6b807fa', class: { disabled: !!this.disabled } }, index.h("label", { key: 'c9fefb7f9010d21bde9d7882111ae104d335fa75', class: "control" }, (this.label || this.max) && (index.h("p", { key: 'e384704f9e756c1ce17633efb1511608db54570f', class: "control_label" }, index.h("span", { key: 'f96021e67d6da90b6b6aa441aa04810468ca7bdc' }, this.label, this.info && index.h("xv-tooltip-v2", { key: '8d433d7fb077cbd43e72f9336e12e20dce831417', message: this.info })), this.max !== undefined && !this.counterHide && (index.h("span", { key: 'ff65f36243750bcfd40cd10ff147ab07b80fbf34', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index.h("div", { key: '925a665ad37af81f92c93df21a26da3f024dabb1', class: {
|
|
79802
79751
|
'control_input': true,
|
|
79803
79752
|
readonly: !!this.readonly,
|
|
79804
79753
|
error: !!this.error,
|
|
79805
79754
|
warning: this.warning !== undefined,
|
|
79806
|
-
} }, index.h("textarea", { key: '
|
|
79755
|
+
} }, index.h("textarea", { key: '2759a04b5e1feb74d453723cb4bcf2f9f372db62', 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: '8382cc4eddd6cab1040f986fb280ee27b5843e9a', class: "control_input__icons" }, this._renderIcon()))), this.helper && index.h("p", { key: '7266da6a80e0a3d4668c818cd81068eebf2257e7', 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));
|
|
79807
79756
|
}
|
|
79808
79757
|
_renderIcon() {
|
|
79809
79758
|
if (this.loading)
|
|
@@ -79853,7 +79802,7 @@ const XvTile = class {
|
|
|
79853
79802
|
this.checked = !this.checked;
|
|
79854
79803
|
}
|
|
79855
79804
|
render() {
|
|
79856
|
-
return (index.h(index.Host, { key: '
|
|
79805
|
+
return (index.h(index.Host, { key: '4cc80f2f28de04a904e0328409867d925baafa94', class: "xv-tile--host" }, index.h("label", { key: 'c7e334b1b8399b73ca18f6ef5ec825e4e2a9a141', class: {
|
|
79857
79806
|
[this.el.className]: !!this.el.className,
|
|
79858
79807
|
'xv-tile': true,
|
|
79859
79808
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -79861,7 +79810,7 @@ const XvTile = class {
|
|
|
79861
79810
|
'xv-tile--disabled': !!this.disabled,
|
|
79862
79811
|
'selected': !!this.checked,
|
|
79863
79812
|
'xv-tile--error': !!this.error,
|
|
79864
|
-
} }, index.h("div", { key: '
|
|
79813
|
+
} }, index.h("div", { key: '6ed2d0c29b40fb3097973ba3aa1b2d35b3738961', class: "xv-tile_content" }, this.label && index.h("p", { key: '0e7619751eb383ab27babe8b3199cf873f6aef36', class: "xv-tile_content__title" }, this.label), index.h("slot", { key: 'd5c2b6b0ccc45c0649aaee04118e0f301d179c67' })), this.variant === 'selectable' && (index.h("div", { key: '7be9998819c2a414fba48149f135d65ec8b2adcd', 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: '08716e30404eafc9c72a7ec6836912ba3bad332b', class: "xv-tile_footer" }, index.h("button", { key: '55cae2eed31ea2becb45ca048f62d014ed3238dd', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index.h("div", { key: '3b18c8e2cc66268cca0c501059dca6e3b171aa32', class: { 'xv-tile_expandable': true, open: this.checked } }, index.h("slot", { key: '72e2493d598126ee8b61e60503cd107823b761e2', name: "expandable" })))));
|
|
79865
79814
|
}
|
|
79866
79815
|
get el() { return index.getElement(this); }
|
|
79867
79816
|
};
|
|
@@ -79893,7 +79842,7 @@ const XvToggle = class {
|
|
|
79893
79842
|
};
|
|
79894
79843
|
}
|
|
79895
79844
|
render() {
|
|
79896
|
-
return (index.h(index.Host, { key: '
|
|
79845
|
+
return (index.h(index.Host, { key: 'a91bab2e1cb3b326aacdffebd7484133d3022b9c', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index.h("span", { key: '4d7bd057beb626b5a9604a4208dc6e9fd3544991', class: "label" }, this.label), index.h("label", { key: 'af5d7f7f1e8715207ff9fa970e9e3203af77c5c2', class: "control" }, index.h("slot", { key: 'f50eea57a567ad02add4d6c472a26f353c8fe5e4', name: "before" }), index.h("div", { key: '6cbff8947c2311feb34d40ec6c86931011749013', class: "control_input" }, index.h("input", { key: '94225b2886d94d6d71b1f3f614288493eef8b931', 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: 'a9aa76bf5184cb5847af7fcbd5f1afb45e2d8e3f', class: "toggle" })), index.h("slot", { key: '1edcb5d43fe633c4290034f714b784def32af4b9', name: "after" }))));
|
|
79897
79846
|
}
|
|
79898
79847
|
static get formAssociated() { return true; }
|
|
79899
79848
|
};
|
|
@@ -79970,7 +79919,7 @@ const XvToggleTip = class {
|
|
|
79970
79919
|
}
|
|
79971
79920
|
;
|
|
79972
79921
|
render() {
|
|
79973
|
-
return (index.h(index.Host, { key: '
|
|
79922
|
+
return (index.h(index.Host, { key: '3c739d4705b36559629165525c0dda77c272c24e', class: "xv-toggle-tip" }, index.h("div", { key: '1fc3ee89a209d6a1b5d039d895b34ea84a4b4e6d', 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: 'b36abdded7eddca0515a37f9016793fdab1b1393', name: "trigger" }, index.h("svg", { key: '0faddc6bdb33f18d9f733afee20a8919cf643c34', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: 'a69e4b476e1708f6f69eee3a0e51a9bc4f8e3d94', 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: 'f146c31db8cb603bca3e15870e6eebdda3254aeb', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index.h("div", { key: 'a781e59259726f1ee196a972b32cc01df889259f', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index.h("div", { key: '3f5047e2528a4381b97fab2b8cc4c955ec6bdb70', class: "popover-content" }, index.h("slot", { key: '15bb742151b348040106bfbe92aa8a3f1fe34072', name: "header" }), index.h("slot", { key: '2056830e6f0081037ed2fc916a751f42585d9540', name: "body" }), index.h("slot", { key: '92f903d1edebf0984151cfbc18d2d4eb355f1b0f', name: "footer" })))));
|
|
79974
79923
|
}
|
|
79975
79924
|
disconnectedCallback() {
|
|
79976
79925
|
this.destroyPopper();
|
|
@@ -80023,11 +79972,11 @@ const XvTooltip = class {
|
|
|
80023
79972
|
this.destroyTooltip();
|
|
80024
79973
|
}
|
|
80025
79974
|
render() {
|
|
80026
|
-
return (index.h(index.Host, { key: '
|
|
79975
|
+
return (index.h(index.Host, { key: '5d248dd7c9a1fc5fbd701a8ae0e1d4a98498af11', role: "tooltip", class: {
|
|
80027
79976
|
'xv-tooltip-wrapper': true,
|
|
80028
79977
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
80029
79978
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
80030
|
-
} }, index.h("slot", { key: '
|
|
79979
|
+
} }, index.h("slot", { key: '662d38b57fb3a3a5c0f961229fc5dfede0e2a5c1' }, index.h("svg", { key: '3215343915c59224f12b4bfaf14127e25903f902', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: 'cb7ab241f253ccc4a1103e1fda592db328cf91a4', 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" })))));
|
|
80031
79980
|
}
|
|
80032
79981
|
get el() { return index.getElement(this); }
|
|
80033
79982
|
};
|