xv-webcomponents 1.19.2 → 1.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{_vars-A07oKwJ_.js → _vars-DMytunQw.js} +9 -6
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{xv-accordion-v2_47.cjs.entry.js → xv-accordion-v2_48.cjs.entry.js} +448 -90
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -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/collection-manifest.json +1 -0
- package/dist/collection/components/xv-button/xv-button-v2.css +8 -8
- package/dist/collection/components/xv-button/xv-button.js +25 -2
- package/dist/collection/components/xv-button-group/xv-button-group.css +173 -0
- package/dist/collection/components/xv-button-group/xv-button-group.js +206 -0
- package/dist/collection/components/xv-card/xv-card.js +1 -1
- package/dist/collection/components/xv-checkbox/xv-checkbox.js +2 -2
- package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.js +1 -1
- package/dist/collection/components/xv-content-switcher/xv-content-switcher.js +2 -2
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js +2 -2
- package/dist/collection/components/xv-data-table/xv-data-table.js +1 -1
- package/dist/collection/components/xv-datepicker/xv-datepicker.js +2 -2
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +1 -1
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +1 -1
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-header/xv-header.css +4 -71
- package/dist/collection/components/xv-header/xv-header.js +10 -4
- package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
- package/dist/collection/components/xv-overflow-menu/_vars.js +7 -6
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.css +48 -8
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js +84 -2
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.css +28 -2
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +373 -22
- 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.css +7 -0
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +37 -9
- 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/{_vars-C6jsOjam.js → _vars-CDEU4jkD.js} +7 -7
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{xv-accordion-v2_47.entry.js → xv-accordion-v2_48.entry.js} +448 -91
- package/dist/esm/xv-header-next.entry.js +2 -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-button/xv-button.d.ts +2 -0
- package/dist/types/components/xv-button-group/xv-button-group.d.ts +54 -0
- package/dist/types/components/xv-overflow-menu/_vars.d.ts +14 -5
- package/dist/types/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.d.ts +10 -0
- package/dist/types/components/xv-overflow-menu/xv-overflow-menu.d.ts +43 -3
- package/dist/types/components/xv-tag-combobox/xv-tag-combobox.d.ts +1 -0
- package/dist/types/components.d.ts +177 -0
- package/dist/xv-webcomponents/{p-9284f4be.entry.js → p-0b0ce8e2.entry.js} +1 -1
- package/dist/xv-webcomponents/p-9edaba20.entry.js +8 -0
- package/dist/xv-webcomponents/p-CDEU4jkD.js +1 -0
- package/dist/xv-webcomponents/{p-3a20074c.entry.js → p-fa1779f0.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-6bb184f5.entry.js +0 -8
- package/dist/xv-webcomponents/p-C6jsOjam.js +0 -1
|
@@ -4,7 +4,7 @@ export class XvCard {
|
|
|
4
4
|
this.variant = 'vertical';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: 'debeef927ae357d90bc496b616ae851ac7d2a2bf', class: `xv-card xv-card_${this.variant}`, part: this.variant }, h("div", { key: 'e5797327edf341eabd431d5da99c29076527bb53', class: "xv-card_media" }, h("slot", { key: '74711e7ab0ee8ea2398c6db897d2e07b44a5ecbe', name: "media" }, this.media && h("img", { key: 'f8d0e9bbc2bc85e826d6ba1d15ba05dfb0df293e', class: "xv-card_media__content", src: this.media, alt: this.header }))), h("div", { key: '384f1af6ce89280bf780603434622b52bd4cfd2d', class: "xv-card_content" }, h("div", { key: '1d4d31575cd1f2bd29156b98c4fcebe8735d9b6d', class: "xv-card_header" }, h("slot", { key: 'c234c229570dbe3adea5539be538d30b76b94dc4', name: "header" }, this.header && h("p", { key: 'd1276aa41d2d7448e9dcde8353a386d41c4b896a', class: "xv-card_header__content" }, this.header))), h("div", { key: '05e03cc8ee98ced05a24af018e0e0a6e56041f58', class: "xv-card_body" }, h("slot", { key: '56fc5e21bf601688e70b25600f1beb2578396778', name: "body" }, this.body && h("p", { key: '8d4dce44c752cbd2bd91657174e5a278868113e2', class: "xv-card_body__content" }, this.header))), h("div", { key: 'd556eaa66c876154b9e918bf662492792db96a5a', class: "xv-card_footer" }, h("slot", { key: 'c101c5341266e0b24ec9e66756b0f60894c6ff12', name: "footer" }, this.footer)))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "xv-card-v2"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -69,12 +69,12 @@ export class XvCheckbox {
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: '32ba4e94a80b3f54e362c63f1578c24b9ae7d38f' }, h("label", { key: '34e5648a0c6f455a9537a940dc4fd7ad059fc0cf', class: {
|
|
73
73
|
'xv-checkbox': true,
|
|
74
74
|
disabled: this.disabled,
|
|
75
75
|
readonly: this.readonly,
|
|
76
76
|
[`xv-checkbox--align-${this.align}`]: !!this.align,
|
|
77
|
-
} }, h("input", { key: '
|
|
77
|
+
} }, h("input", { key: 'aee7409afdb28f31003be2e639812a396fa79611', ref: el => (this.inputEl = el), type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, indeterminate: this.indeterminate, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("span", { key: 'd44782c42397ba989ba1b46e62ae87f2f6a8e2c6', class: `checkmark ${this.partial ? 'checkmark-partial' : ''}` }), h("div", { key: '50ccc9ca04a1020d11903d671fc11afc7e5f03f7', class: "label" }, h("slot", { key: '1beb2ec12d33aed1b6e31933cb1ec0cba215c9e8' }, this.label && h("span", { key: '524a4e284b87e576006fc771eb8eeeac43d5e842', class: "label_str" }, this.label)))), h("slot", { key: 'e94f73ced700cb22dcd6bd9d681bc38e6b30f598', name: "info" }), !!this.error && h("span", { key: '70f12567216440af10b3685cc24ff7e850f5ac4c', class: "error" }, this.error)));
|
|
78
78
|
}
|
|
79
79
|
componentDidLoad() {
|
|
80
80
|
if (this.indeterminate) {
|
|
@@ -20,7 +20,7 @@ export class XvContentSwitcherItem {
|
|
|
20
20
|
this.disabled = false;
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: '3c6d341d5fbeb6f91ceb326e35a56238be9c8e01' }, h("slot", { key: '85e165a849945f8f4bede9d0cdbb7af8676f85ec' })));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "xv-content-switcher-item-v2"; }
|
|
26
26
|
static get encapsulation() { return "shadow"; }
|
|
@@ -133,14 +133,14 @@ export class XvContentSwitcher {
|
|
|
133
133
|
return null;
|
|
134
134
|
}
|
|
135
135
|
render() {
|
|
136
|
-
return (h(Host, { key: '
|
|
136
|
+
return (h(Host, { key: '1298193e6670d6f13e6c9026a29d34b486d78d7e' }, h("div", { key: '102fd42b1d02d166bc298bdcc78e6f9d89bb7301', class: "switcher", role: "tablist", "aria-orientation": "horizontal" }, this.items.map((item, index) => {
|
|
137
137
|
const key = this.getItemKey(item, index);
|
|
138
138
|
const selected = this.isSelected(item, index);
|
|
139
139
|
const itemDisabled = this.isItemDisabled(item);
|
|
140
140
|
const label = item.getAttribute('label') || '';
|
|
141
141
|
const icon = item.getAttribute('icon');
|
|
142
142
|
return (h("button", { type: "button", role: "tab", class: { switcher_item: true, selected }, "aria-selected": selected ? 'true' : 'false', "aria-label": this.iconOnly ? label || undefined : undefined, title: this.iconOnly ? label || undefined : undefined, disabled: itemDisabled, tabIndex: selected ? 0 : -1, onClick: () => this.select(key), onKeyDown: (event) => this.handleKeyDown(event, index) }, icon && h("i", { class: `switcher_item-icon ${icon}`, "aria-hidden": "true" }), !this.iconOnly && label && h("span", { class: "switcher_item-label" }, label)));
|
|
143
|
-
})), h("div", { key: '
|
|
143
|
+
})), h("div", { key: 'd420e3ee370e1f610b5503dc3e2b6539a5046bdf', class: "switcher_content", role: "tabpanel", tabindex: -1 }, h("slot", { key: '307a4c1892cc42a659e531303676341ef6aef50c', onSlotchange: this.collectItems }))));
|
|
144
144
|
}
|
|
145
145
|
static get is() { return "xv-content-switcher-v2"; }
|
|
146
146
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,7 +22,7 @@ export class XvDataTableCell {
|
|
|
22
22
|
}
|
|
23
23
|
;
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '40236670a4c8e778ce7d3b42cbdef0e2723eed58', role: "cell", style: { width: this.width }, class: {
|
|
26
26
|
multiline: this.multiline !== undefined,
|
|
27
27
|
[`align--${this.align}`]: !!this.align
|
|
28
28
|
} }, !this.multiline || isNaN(this.multiline) ? this.__renderWithTooltip() : (h("div", { class: "line-clamp", style: { ['-webkit-line-clamp']: `${this.multiline}` } }, this.__renderWithTooltip()))));
|
package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js
CHANGED
|
@@ -15,7 +15,7 @@ export class XvDataTableCollapse {
|
|
|
15
15
|
rows.forEach((row) => row === null || row === void 0 ? void 0 : row.setAttribute('collapsable', ''));
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '855f6ef7ca66001aefcad04c5c4498c305b88ea8', id: this.el.id, part: "xv-collapse", class: this.el.className, collapsed: this.collapsed, expanded: !this.collapsed }, h("slot", { key: '2337058eec638c4f27f014a05e87849b12be4e99' })));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "xv-data-table-collapse"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -74,7 +74,7 @@ export class XvDataTableRow {
|
|
|
74
74
|
const isGroup = !!this.collapse || !!this.group;
|
|
75
75
|
const isDraggableRow = this.reorderable && !isHeader && !isFooter && !this.group;
|
|
76
76
|
const showHandleCell = this.reorderable && this.reorderHandleMode === 'icon';
|
|
77
|
-
return (h(Host, { key: '
|
|
77
|
+
return (h(Host, { key: '373373acefd9af83de30333e5b113f390e2e6217', role: "row", part: "xv-row", class: {
|
|
78
78
|
checked: this.checked,
|
|
79
79
|
hover: this.hover,
|
|
80
80
|
disabled: this.disabled,
|
|
@@ -82,7 +82,7 @@ export class XvDataTableRow {
|
|
|
82
82
|
header: isHeader,
|
|
83
83
|
footer: isFooter,
|
|
84
84
|
'reorder-row': isDraggableRow && this.reorderHandleMode === 'row',
|
|
85
|
-
} }, showHandleCell && (h("xv-data-table-cell", { key: '
|
|
85
|
+
} }, showHandleCell && (h("xv-data-table-cell", { key: '83b525965e82466c54118754217e672e0396eda3', width: "16px", class: "cell-control cell-control--drag" }, isDraggableRow && (h("span", { key: 'cee824eaa91f021ba60ecee5fb0ff8a85d753972', class: `cell-control_drag ${XV_ROW_DRAG_HANDLE_CLASS}`, "aria-label": "Drag to reorder" }, h("svg", { key: '3fc73eec2a1034d64e0994da564958dc48f67b43', viewBox: "0 0 8 14", width: "8", height: "14", fill: "currentColor", "aria-hidden": "true" }, h("circle", { key: 'e4a9a528e494a67d50073a3df5ea84ce362b5b42', cx: "2", cy: "2", r: "1.2" }), h("circle", { key: 'a6980f7e7d7a938d211d1da27ab46f643ce78e0b', cx: "6", cy: "2", r: "1.2" }), h("circle", { key: '2382f97b904f4aa49e0b31caebdbbda50873e63d', cx: "2", cy: "7", r: "1.2" }), h("circle", { key: 'ed741113a78560e3e7b8ade59527e7d15aacba80', cx: "6", cy: "7", r: "1.2" }), h("circle", { key: '7ea397ea58e5f79c98f81c675ee18c4842aa8011', cx: "2", cy: "12", r: "1.2" }), h("circle", { key: '950d8006bac3ff32f893d0e214984ad7a8a08cbd', cx: "6", cy: "12", r: "1.2" })))))), (!!this.variant || this.collapsable) && (h("xv-data-table-cell", { key: '236f7a4f3abd0dcc1a229962e78ea2cbd2877835', width: !!this.variant ? '16px' : '0', class: "cell-control" }, !!this.collapse && (h("button", { key: '16581137aafc05d90e97c3b1ba71d1f2ff23e9d9', class: { 'cell-control_collapse': true, open: !this.collapsed }, onClick: this.collapseClick })), this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'd7ec1732f4c73f44385c39317a3fd0060465ad14', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, readonly: this.readonly, required: this.required, onEventChange: this.checkedChangeHandle, class: "cell-control_checkbox" })))), h("slot", { key: '6ab432afa57d1df631872c51a0ece74a62f05a8f', onSlotchange: this.setInitialState })));
|
|
86
86
|
}
|
|
87
87
|
static get is() { return "xv-data-table-row"; }
|
|
88
88
|
static get encapsulation() { return "shadow"; }
|
|
@@ -104,7 +104,7 @@ export class XvDataTable {
|
|
|
104
104
|
this.initSortable();
|
|
105
105
|
}
|
|
106
106
|
render() {
|
|
107
|
-
return (h(Host, { key: '
|
|
107
|
+
return (h(Host, { key: '9bfdf5a7608cd53743e79f71c1d64e3bc9b494ea', class: "xv-data-table" }, h("caption", { key: 'f3e7c40d0a89ef38c142ddb914652bb4ba690351' }, h("slot", { key: '16a25ea4df7e58fb7092314a8fa99bb683093aee', name: "title" })), h("div", { key: '16c283141a44ee147e0d5d7d3ba97748bb9cd3b4', class: "bar" }, h("div", { key: '79aaa8aa765a4607ba8280870d1b2c9676949711', class: "bar_batch" }, h("slot", { key: '31a69635f2eff40282fae73e97589ce97d46c7fa', name: "batch" })), h("div", { key: 'cb4ce2e11bc511737c48165464827656d7a72589', class: "bar_toolbar" }, h("slot", { key: 'ef48a443241b8c4175a2c56b692e8aac33c4e2f6', name: "toolbar" }))), h("table", { key: '632139c3e130422d4612810afd643c2dc3aa45b0', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: 'd90e13684bb2cb7c017c91848105f1bf42747326' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '1b06590f01a8e54c37dd443e47fd08a89e134570' }, h("slot", { key: 'eb6e14c86b57e93b8ded7e7a0c11b591c6110df8', name: "header" })), h("tbody", { key: '6e1a268ff840ab451f40c481c5e44f8b143ce38a' }, h("slot", { key: 'ee3db294cffd71778083bbaf6cbb6963098448d4' })), h("tfoot", { key: 'b17b1cbcc2ade5f4a8ee68212ef5420bf11061bd' }, h("slot", { key: 'acbf2ff04a4ecc77104210eaa42ef80597a8ff2a', name: "footer" }))), !!this.loading && (h("div", { key: '5a4b730b4feaded1a2faeea351d9993337e144a8', class: "loading" }, h("xv-loader-v2", { key: '48b115063b7f6a1ead7461b0bc92c2dfacb38690', size: SIZE_VAR.LG })))));
|
|
108
108
|
}
|
|
109
109
|
static get is() { return "xv-data-table"; }
|
|
110
110
|
static get encapsulation() { return "shadow"; }
|
|
@@ -228,12 +228,12 @@ export class XvDatepicker {
|
|
|
228
228
|
}
|
|
229
229
|
render() {
|
|
230
230
|
const [start, end] = this.value;
|
|
231
|
-
return (h(Host, { key: '
|
|
231
|
+
return (h(Host, { key: '0aafb4638713263a78600eae3f9765384116536b', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: '648d2c679e70a7a89ba9970c307d8242d58766c9', "aria-controls": "popover", class: "control" }, this.label && h("label", { key: 'ce60e99ae454e29d70daa95b2b02cc448b5e560e', class: "control_label" }, this.label), h("div", { key: '5ce3af8b823cba5e29c0c87a285da1349a69bc9c', class: {
|
|
232
232
|
'control_field': true,
|
|
233
233
|
loading: this.loading,
|
|
234
234
|
error: !!this.error || !!this.localError,
|
|
235
235
|
warning: this.warning !== undefined,
|
|
236
|
-
}, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '
|
|
236
|
+
}, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '5d3cd24b98479a230f8add829b61c52a4a9a1f5d', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: '308729dc895e0be29b86e89193a6ddb414c0ec4d', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: end ? dateFns.format(end, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'end'), onBlur: (e) => this.handleBlur(e, 'end'), onKeyDown: (e) => this.handleKeydown(e, 'end') }))), (this.helper || this.error || this.warning || this.localError) && (h("div", { key: '95f2973e5fdcb8720b274cddae28b64cc099da39' }, this.helper && h("p", { key: '9fbc0d4de5f35932b414bbc3a2b0ef23d5183652', class: "control_message helper" }, this.helper), (this.error || this.warning || this.localError) && (h("p", { key: 'e8abe7fd7c5772d10d012ced52f457aa7db168ce', class: { control_message: true, error: !!this.error || !!this.localError } }, this.error || this.localError || this.warning))))), h("div", { key: 'd4396486599a6ed66dd63eb3d9f46dc8430a6749', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: 'aa227b586801a453468ea52d099eb8b269b1ab64', class: "header" }, h("xv-button-v2", { key: '1c440d5cf1924575b93bc859e9710892c8f3b3ca', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '1bfd67bbd807287fb5d84ee66e70fe449a4a3e5f', slot: "icon-left", class: "header_icon prev" })), h("p", { key: '615c56c593d8129bb8bec31cbe4d247311178cee', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: de }), h("input", { key: '3821fb5922add935193bcb2dd78182935489f820', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: '7fda8d66daf94a359ac93bfde25e950160e99369', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: '89caa272c23b28a20df17c57561393447460e937', slot: "icon-left", class: "header_icon next" }))), h("div", { key: '4b1ed14eadc14cd9dd08527beba67506449cc3bd', class: "week" }, h("p", { key: 'd9d8d23fb60f508bf281a8d6582bfffa0b0be404', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: '0a09c7958ee87729cb0b46618c4691ebfa31ad04', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
|
|
237
237
|
'week_day': true,
|
|
238
238
|
inRange: this.variant === 'range' && dateFns.isWithinInterval(day.date, { start, end }),
|
|
239
239
|
isToday: day.isToday,
|
|
@@ -24,7 +24,7 @@ export class XvDropdownItem {
|
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: 'ebd69bf9875a413d092065c6c3a0f2ffe2de7da4', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (h("xv-checkbox-v2", { key: 'fe72e087d4bc21ac9979ca9c5e69df61bd84e8fe', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), h("slot", { key: 'aa88674788627153e8044a0d38270b6dc1d4c011' }), (!this.multiple && this.selected) && h("span", { key: 'e8f64a88b588c3b16a449acf67dbcaea9ec5b0d0', class: "checkmark far fa-check" })));
|
|
28
28
|
}
|
|
29
29
|
componentWillLoad() {
|
|
30
30
|
if (!this.value)
|
|
@@ -281,7 +281,7 @@ export class XvDropdown {
|
|
|
281
281
|
}
|
|
282
282
|
/* endregion Search methods */
|
|
283
283
|
render() {
|
|
284
|
-
return (h(Host, { key: '
|
|
284
|
+
return (h(Host, { key: 'f3db547d2489dc0df41c384ff6c5f6920dba77b8', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.open ? this.listboxId : null, size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : 0 }, (this.label || this.info) && (h("label", { key: '92280cbde45dc37612083ccd7b57cf411f6cfa59', class: "label" }, h("slot", { key: '980a33a7b46542a7861ef936c316f599f4e4706b', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: 'fe62f15b930d246597ede27da290476c6fd88769', class: "label_info", message: this.info }))), h("div", { key: 'd680025a2f348d541fcb5851f4373e4ba531123d', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: '1b194b8b7797e36edb433ffc1caac4ca74883491', class: "control_count", onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: 'b8cca74c658cafd416fb034bc7e7d905ab18bb11', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 448 512" }, h("path", { key: '6f7b9ecd9c5c30ea089a00ced738a2eacab84fd2', d: "M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" }))), this.open && h("div", { key: '9388b1b76b8c94f063bec3db8e59426830b1d9e8', ref: (el) => (this.optionsEl = el), id: this.listboxId, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : null, class: { options: true, right: this._appliedPosition() === 'right', search: !!this.search } }, this.search && (h("div", { key: 'd5674d487690460b290ae7bb9fab76674486cea9', class: "options_search" }, h("xv-text-input-v2", { key: 'd55502d54267d46904e84b4e2f2835c5cfded135', type: "search", ref: (el) => (this.searchInputEl = el), block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), (this.helper || typeof this.error === 'string' || this.warning) && (h("p", { key: '583e977ce735986f372e5316247d0cb7cd46064d', class: "helper" }, this.error || this.warning || this.helper))));
|
|
285
285
|
}
|
|
286
286
|
componentDidLoad() {
|
|
287
287
|
this.syncOpenState();
|
|
@@ -84,7 +84,7 @@ export class XvFileUploader {
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
render() {
|
|
87
|
-
return (h(Host, { key: '
|
|
87
|
+
return (h(Host, { key: '6292271bd4914ff55c44d08738f27b9b0b7d600d', class: { 'upload-wrapper': true, [`uploader-${this.size}`]: true, disabled: !!this.disabled, error: !!this.error } }, this.label && h("label", { key: '2b0009b61d76a027b462a0d7dd1ce9a205f16cdb', class: "label" }, this.label), this.description && h("p", { key: '8bc79a289823a8baf4dfaa427a30ddcfcfe096e6', class: "description" }, this.description), this.variant === 'button' ? (h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (h("div", { class: { 'drop-zone': true, active: this.dragActive }, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onClick: () => this.fileInput.click() }, this.addText || 'Dateien hierher ziehen oder darauf klicken, um eine Datei auszuwählen.')), h("input", { key: '88384c7673c185b0e2ece0a6c3680868ca43535f', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), this.error && h("p", { key: '125cf535821332a446a244643a9d62002ddc45f0', class: "global-error" }, this.error), h("ul", { key: 'f05b167c928d00863a4bc1e29686bd243254723e', class: "file-list" }, this.files.map((file, index) => {
|
|
88
88
|
var _a, _b;
|
|
89
89
|
return (h("li", { class: { file: true, withError: !!(((_a = this.errors) === null || _a === void 0 ? void 0 : _a[index]) || ((_b = this.errorMessages) === null || _b === void 0 ? void 0 : _b[index])) } }, h("div", { class: "file_container" }, h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index)), this._renderError(index)));
|
|
90
90
|
}))));
|
|
@@ -34,7 +34,7 @@ export class Xvfooter {
|
|
|
34
34
|
render() {
|
|
35
35
|
const { categories, socials, logo, legalLinks, payments, partners, advantages } = this.data || {};
|
|
36
36
|
const hasDataLength = ((categories === null || categories === void 0 ? void 0 : categories.length) || (partners === null || partners === void 0 ? void 0 : partners.length) || (payments === null || payments === void 0 ? void 0 : payments.length) || (socials === null || socials === void 0 ? void 0 : socials.length));
|
|
37
|
-
return (h("footer", { key: '
|
|
37
|
+
return (h("footer", { key: '3e1f93bd2d975ce559934451e530eca99e453748', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (h("div", { key: '52f610bf099c0b69f83dfeb0eee564e3d95c70e4', class: "xv-footer-advantages" }, h("div", { key: '0cbf70bebcd6375602181048302ec1b80dc7af92', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (h("div", { key: '82b65b07d459533d66b7357fc302d165acfc8bd7', class: "xv-container" }, h("div", { key: '0a39d278e9b9016b126ac12a1798c6686becad12', class: "xv-footer__grid xv-footer-y-spacing" }, h("div", { key: 'a7cb81bdc33b283d944c41818396462d5781cb58', class: "xv-footer__col-main" }, h("ul", { key: '4375709da3a491eda99ba4f96f2a2c4492ca5aca', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (h("li", null, h("p", { class: "xv-label-02" }, category.label), h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (h("li", null, h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), h("div", { key: 'e32e14f89256029552076423773bb519dc4dac38', class: "xv-footer__col-sidebar" }, this._renderFooterList(partners, { label: 'crossvertise Partner' }), this._renderFooterList(payments, { label: 'Bequem und sicher bezahlen' }), this._renderFooterList(socials, { label: 'Folgen Sie uns', isRow: true }))))), (legalLinks === null || legalLinks === void 0 ? void 0 : legalLinks.length) > 0 && (h("div", { key: 'a387c5a322b6eab5389c0a11056929adca272881', class: "xv-footer-legal" }, h("div", { key: 'ce2ba2792824e82db293e91a88e686428b0b2f01', class: "xv-container" }, h("div", { key: '385687cf42b2f41523299acd42fabf307a9cb13e', class: "xv-footer-legal-row" }, logo && (h("a", { key: 'eb83309d41bb170ba88ad5bc9443f2add56f7325', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && h("span", { key: '7ab53e5ffd2381847dab8edf8609b23283324685', class: "xv-label-02" }, logo.label), h("img", { key: 'f139554e919952dcc9515ec94911bae0b0bd595a', loading: "lazy", src: logo.image, alt: logo.label }))), h("ul", { key: '1e7b003ae7683de0cb3f4d7850b57edf6ae508e6' }, legalLinks.map((item) => {
|
|
38
38
|
if (item.label === 'Cookie Einstellungen') {
|
|
39
39
|
return h("li", null, h("a", { class: "xv-helper-text-02", onClick: this.openCookieSettings }, item.label));
|
|
40
40
|
}
|
|
@@ -470,84 +470,17 @@ header.header .header-top .notifications-item-body {
|
|
|
470
470
|
header.header .header-top .myArea {
|
|
471
471
|
position: relative;
|
|
472
472
|
}
|
|
473
|
-
header.header .header-top .myArea-
|
|
474
|
-
|
|
475
|
-
margin: 0;
|
|
476
|
-
list-style: none;
|
|
477
|
-
max-height: 0;
|
|
478
|
-
overflow-y: scroll;
|
|
479
|
-
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
480
|
-
position: absolute;
|
|
481
|
-
right: 0;
|
|
482
|
-
top: calc(100% + var(--spacing-02, 5px));
|
|
483
|
-
min-width: 100%;
|
|
484
|
-
background-color: var(--background);
|
|
485
|
-
z-index: 999;
|
|
486
|
-
border-radius: 3px;
|
|
487
|
-
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
|
|
488
|
-
display: flex;
|
|
489
|
-
flex-direction: column;
|
|
490
|
-
white-space: nowrap;
|
|
491
|
-
}
|
|
492
|
-
@supports (scrollbar-width: thin) {
|
|
493
|
-
header.header .header-top .myArea-list {
|
|
494
|
-
scrollbar-width: thin;
|
|
495
|
-
scrollbar-color: var(--layer-01) transparent;
|
|
496
|
-
}
|
|
497
|
-
}
|
|
498
|
-
header.header .header-top .myArea-list::-webkit-scrollbar {
|
|
499
|
-
width: 4px;
|
|
500
|
-
height: 4px;
|
|
501
|
-
}
|
|
502
|
-
header.header .header-top .myArea-list::-webkit-scrollbar-thumb {
|
|
503
|
-
background: var(--layer-01, #F7F7F7);
|
|
504
|
-
border-radius: 4px;
|
|
505
|
-
}
|
|
506
|
-
header.header .header-top .myArea-list::-webkit-scrollbar-track {
|
|
507
|
-
background: transparent;
|
|
473
|
+
header.header .header-top .myArea .myArea-btn[aria-expanded=true] .caret {
|
|
474
|
+
transform: rotate(-135deg);
|
|
508
475
|
}
|
|
509
|
-
header.header .header-top .myArea-
|
|
510
|
-
height: 2px;
|
|
511
|
-
min-height: 2px;
|
|
512
|
-
width: 100%;
|
|
513
|
-
background-color: var(--layer-01, #F7F7F7);
|
|
514
|
-
padding-block: 0 !important;
|
|
515
|
-
}
|
|
516
|
-
header.header .header-top .myArea-list--category {
|
|
517
|
-
padding: var(--spacing-03) var(--spacing-05);
|
|
518
|
-
margin-inline: var(--spacing-02);
|
|
519
|
-
color: var(--text-primary);
|
|
520
|
-
font-weight: bold;
|
|
521
|
-
}
|
|
522
|
-
header.header .header-top .myArea-list > li:first-child {
|
|
523
|
-
margin-top: var(--spacing-02);
|
|
524
|
-
}
|
|
525
|
-
header.header .header-top .myArea-list > li:last-child {
|
|
526
|
-
margin-bottom: var(--spacing-02);
|
|
527
|
-
}
|
|
528
|
-
header.header .header-top .myArea-list > li > * {
|
|
529
|
-
--link-primary: var(--text-secondary, #515151);
|
|
530
|
-
--link-visited: var(--text-secondary, #515151);
|
|
531
|
-
display: block;
|
|
532
|
-
cursor: pointer;
|
|
533
|
-
padding-inline: var(--spacing-05);
|
|
534
|
-
padding-block: var(--spacing-02);
|
|
535
|
-
margin-inline: var(--spacing-02);
|
|
536
|
-
}
|
|
537
|
-
header.header .header-top .myArea-list .category-badge {
|
|
476
|
+
header.header .header-top .myArea .category-badge {
|
|
538
477
|
margin-left: var(--spacing-02);
|
|
539
478
|
}
|
|
540
|
-
header.header .header-top .myArea
|
|
479
|
+
header.header .header-top .myArea .category-badge::part(details-content) {
|
|
541
480
|
line-height: 1;
|
|
542
481
|
font-size: 11px;
|
|
543
482
|
padding: var(--spacing-01) var(--spacing-02);
|
|
544
483
|
}
|
|
545
|
-
header.header .header-top .myArea.isOpen .caret, header.header .header-top .myArea.onHover:hover .caret {
|
|
546
|
-
transform: rotate(-135deg);
|
|
547
|
-
}
|
|
548
|
-
header.header .header-top .myArea.isOpen .myArea-list, header.header .header-top .myArea.onHover:hover .myArea-list {
|
|
549
|
-
max-height: 85vh;
|
|
550
|
-
}
|
|
551
484
|
header.header .xv-container {
|
|
552
485
|
box-sizing: content-box;
|
|
553
486
|
line-height: normal;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
2
|
import { SIZE_VAR } from "../../types/enum";
|
|
3
3
|
import { api, debounce, getBaseUrl, getMetaNav } from "../../utils/utils";
|
|
4
4
|
import { OverflowMenuVariant } from "../xv-overflow-menu/_vars";
|
|
@@ -151,11 +151,17 @@ export class XvHeader {
|
|
|
151
151
|
} }), h("div", { class: "notifications-item-body" }, h("span", null, "Rechnungsentwurf f\u00FCr Auftrag ", notification.orderId, " ist ausstehend"), h("xv-link-v2", { variant: notification.isRead ? 'ghost' : 'standalone', href: `/de-de/manager/ordersales/details/${notification.orderId}` }, "Auftrag anschauen")))))))));
|
|
152
152
|
}
|
|
153
153
|
_renderAccount() {
|
|
154
|
-
var _a, _b, _c, _d, _e, _f, _g, _h
|
|
154
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
155
155
|
if (!((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.IsAuthenticated)) {
|
|
156
156
|
return (h("li", null, h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.MD, onClick: () => this.showLoginModal = true }, h("i", { class: "header-icon far fa-user" }), h("span", { class: "header-label xv-body-02" }, "Mein Konto"))));
|
|
157
157
|
}
|
|
158
|
-
|
|
158
|
+
const menuItems = [
|
|
159
|
+
...(((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ManagerCockpitMenu) || []),
|
|
160
|
+
...(((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.ManagerEntitiesMenu) || []),
|
|
161
|
+
...(((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ManagerMenu) || []),
|
|
162
|
+
...(!((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) ? (((_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.UserMenu) || []) : []),
|
|
163
|
+
];
|
|
164
|
+
return (h("li", { class: "myArea" }, h("xv-button-v2", { id: "xv-header-myarea-trigger", class: "myArea-btn", variant: "ghost", size: SIZE_VAR.MD }, h("i", { class: "far fa-user" }), h("div", { class: "header-label xv-body-02" }, ((_g = this.metaNav) === null || _g === void 0 ? void 0 : _g.IsManager) && h("small", { class: "xv-label-01" }, "Manager"), h("span", null, ((_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.UserMenuText) || 'Mein Konto')), h("i", { class: "caret" })), h("xv-overflow-menu-v2", { anchor: "#xv-header-myarea-trigger", alignment: "start" }, menuItems.map((item) => (h("xv-overflow-menu-v2-item", { value: item.Url, href: item.Url, target: item.Target }, item.Text, item.BadgeText && (h("xv-tag-v2", { class: "category-badge", color: "var(--text-inverse, #FFF)", bg: "var(--icon-interactive, #97BF0D)" }, item.BadgeText))))), h("xv-overflow-menu-v2-item", { divider: true, value: "logoff", href: `${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}` }, "Abmelden"))));
|
|
159
165
|
}
|
|
160
166
|
// endregion Account
|
|
161
167
|
// region ShoppingCart
|
|
@@ -167,7 +173,7 @@ export class XvHeader {
|
|
|
167
173
|
render() {
|
|
168
174
|
var _a, _b, _c, _d, _e;
|
|
169
175
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
170
|
-
return (h("header", { key: '
|
|
176
|
+
return (h("header", { key: '1e8cbed3efe14824ce65b9b79009855f45e88552', class: "header" }, h("div", { key: '871071d55e53c9b3a059be62da7f59b79af83fe9', class: "header-wrapper" }, h("div", { key: 'f005f1602fdb23d8539c7b4365195def15050f03', class: "xv-container" }, h("div", { key: 'd83e928b21387c5eb5a66cdec842a36291822dc7', class: "header-top" }, h("div", { key: '553f7db352b179760b4de59722d2ac625c7296c3', class: "header-top--left" }, h("xv-button-v2", { key: '04ebf462cbd0c2fafae3723ac58d78c7c41f37d9', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '88dcb80ecd93050c90333486b36689b7a07fbc16', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '84c84d341d22ac8014a87f83f08470eb951ecabe', href: `${window.location.origin}/` }, h("picture", { key: '120e34cb407d46a0a3824b8c32c406d0f06ce832' }, h("source", { key: '31960a37deffe4afc81f9d177d6638abd992c78a', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: '75a7705d025f5022022f768e1c7dc5128b5bdf80', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: 'c8048b30b3227359fb65cfcca80e5600724f3bc2', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '5de18779cc415b556513ff30a116f9001a1f56a6', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'e17eadf61593034d5fab4129036e57283d0cd255' }, h("xv-link-v2", { key: 'c5df24226e52225840eaf116fe99d43eebe73a96', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '845132fd6507e39479e12df1fe8b473cf088e70f', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '54eb518f58300ccbf4e74f628d7b6379670f1c26', class: "header-icon far fa-envelope" }), h("span", { key: '959c6ae9267cc4a2114a9eec78e798caa50e961e', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'c097773be84472755fda77718f38150a709b32a7' }, h("xv-link-v2", { key: 'b8ea823caecadd2e393751b5edcc69688457783e', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '9d39739c1e35812bfac290e457676937819aaacf', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '1c450da39d5a602e0d9bee2782480bb19be46eee', class: "header-icon far fa-question-circle" }), h("span", { key: '0c8a1a901069832219f66b58bc835c104ba71a6a', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '33c0caebc768f200874997b0732297df7fcd79a8', class: "header-wrapper--bg" }, h("div", { key: '92070c591038efc772c263b328f264bf06cf7de9', class: "xv-container" }, h("xv-mega-menu", { key: 'c06727e455019dff71ce7b68149d4e757391de00', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: 'dde492343f352dadaa27e4c06c21ce85c914aae8', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
171
177
|
}
|
|
172
178
|
static get is() { return "xv-header"; }
|
|
173
179
|
static get originalStyleUrls() {
|
|
@@ -205,7 +205,7 @@ export class XvHeaderNext {
|
|
|
205
205
|
render() {
|
|
206
206
|
var _a, _b, _c, _d, _e;
|
|
207
207
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
208
|
-
return (h("header", { key: '
|
|
208
|
+
return (h("header", { key: 'c0012b5ecac3c6471b4ec7b1bfd2eccc3f86dd5f', class: "header" }, h("div", { key: 'cfb8213dac2c3fc8ceef915067a51aa0d7a9555f', class: "header-wrapper" }, h("div", { key: 'd3d2ccf65f3cefe5c67546e43fed176917877ead', class: "xv-container" }, h("div", { key: 'a8fe5efaba57b5687516513d374f9cfba0c705b2', class: "header-top" }, h("div", { key: '4b2119408ec66776a86af787383b79ebee41106d', class: "header-top--left" }, h("xv-button-v2", { key: 'f097db3d55ace0242e871961e6108436e0131aad', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: '0986f3d44c8898a3e2f0bd298f2819f3e9a5a34b', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'bf800f74bd14a7c425fcb6eb61aa8225dfcc3ee3', href: `${window.location.origin}/` }, h("picture", { key: '5c976747d8ff1cfdd6393340873ed45358cb181d' }, h("source", { key: 'a7b14ff940f436afe7f7efd6c04db248b0a06729', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: 'd3a1889224b26633def31994483a8bcdfb56e774', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: 'b1aba193ddf6c193f4ea05e3bf3856b50261ef67', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '1c91ec33597c7c8ac8f92f3f7c5e759ef50e1dda', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '1dc84281285f1b66a3942f8b51055be5d05dd846' }, h("xv-link-v2", { key: 'de90e6054b9f0cd9bf1fee2b8cbb3f6aedbf9767', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '4fd63e27baad255ef62e36b5e4b6ced436fdf01e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '1c2569b332c7caa5518e0884b646020a11b5ae43', class: "header-icon far fa-envelope" }), h("span", { key: 'f890b2fbbdcd750cd1f19fd3d0b8731db1163013', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'd5a450877b90b5cf8671e7cf315f0af03c392a03' }, h("xv-link-v2", { key: '9ab83170245eb9cc36e47969f381b7fb2229b010', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'ca823e73d6088c2be70335658187eb8aedd5142e', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '0b72b8d4c39c1a986590275ba486249f94fc915a', class: "header-icon far fa-question-circle" }), h("span", { key: '41ae816f63d86995f5ae92fb383fd7f42374bedb', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'c591fc53113a711ae4f716ca58246b076931ab3a', class: "header-wrapper--bg" }, h("div", { key: '2be8a3100c70b41cf60ca423fa7bedc9fd220d6d', class: "xv-container" }, h("xv-mega-menu-next", { key: 'd0f07991030a2067a8250ccc1f5efef36dbe74b3', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'dd27d33edef87ad2915151573005dbf0e0291005', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
209
209
|
}
|
|
210
210
|
static get is() { return "xv-header-next"; }
|
|
211
211
|
static get originalStyleUrls() {
|
|
@@ -41,7 +41,7 @@ export class XvImageViewer {
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
44
|
+
return (h(Host, { key: 'bd15b24608ded6a06e014f436b91053a1605ec6f', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: 'c841135421670f016cf8366184b1a4ca30b586fb', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: '03bc57bf48199dc91231d14fc80d62c0dd8e31bd', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: '79dd3b3662c2d89ff3cdbae8885cb4f86c1d6a62', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("div", { key: '1f5067d6f981c8853809e34f0083d65eb1719bed', class: "fullscreen-overlay", onClick: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: 'a6abc0aee2ef57f901c7bc917819509806a7a0cd', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '2d88fa62dc2ed889c73570ef94b973cb2ec6fde3', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
45
45
|
'fullscreen-image': true,
|
|
46
46
|
loaded: this.fullscreenLoaded,
|
|
47
47
|
} })))));
|
|
@@ -12,7 +12,7 @@ export class XvLink {
|
|
|
12
12
|
e.stopPropagation();
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '121a30abee76537568ff1759fd0efd8d2cc4e047', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: '8062a5cdbc385c2f78aaa18894e4d792d43190e8', 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: '7de4e11afef772000204b892e9a16cf1395d07cf', name: "icon-left" }), h("slot", { key: '0df87b0502375a6d0a353651e1442f135e30a3b1' }), h("slot", { key: '6264cf3d54e1bce0a03ca210b35a4704e5ad5380', name: "icon-right" }))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "xv-link-v2"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -59,7 +59,7 @@ export class XvMegaMenu {
|
|
|
59
59
|
void this.fetchMenuData();
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: '3df71e4a8eaab5418f2ac9615b4522ff20f31fc1' }, h("nav", { key: 'cbfd9eed6298da39b7d668219fd6598ca44267e0', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '1483dad2c668d32dca9068cbf71a8f40a422720d', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '8c8d830813dfad2de945a7b86987c69286202db7' }))), h("ul", { key: '325c0c06573d9eef071049758c5206b4d56fa256', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
63
63
|
var _a, _b;
|
|
64
64
|
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
65
65
|
var _a;
|
|
@@ -69,7 +69,7 @@ export class XvMegaMenu {
|
|
|
69
69
|
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
70
70
|
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
71
71
|
}))))));
|
|
72
|
-
}), h("li", { key: '
|
|
72
|
+
}), h("li", { key: '8f1feb52d5dedb5ce6ea4186ac64004ed0c95bc4', class: "menu--right" }, h("slot", { key: '230779f7de9541bb841c5a8fe6dcbec206a828ec', name: "menu-right" })), this.open && (h("li", { key: '1c49d2f7f43ece4b1a8fc1a5138f7c760dd40f06', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
73
73
|
}
|
|
74
74
|
static get is() { return "xv-mega-menu"; }
|
|
75
75
|
static get encapsulation() { return "shadow"; }
|
|
@@ -94,7 +94,7 @@ export class XvMegaMenuNext {
|
|
|
94
94
|
void this.fetchMenuData();
|
|
95
95
|
}
|
|
96
96
|
render() {
|
|
97
|
-
return (h(Host, { key: '
|
|
97
|
+
return (h(Host, { key: 'f72d11053417cb7e999a24257f38ff00ba1a7097' }, h("nav", { key: '721da64fcb2d4a0268f1d26592225da518284457', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'fbe58f4d8b44bffd9dc868d21d44c0f70361a1a1', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'd6b9dfb3bfd9026db6f4be158e558bdb993c9f08' }))), h("ul", { key: '208ad56e913ba59ed28f6781eed51e48d0843ab9', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
98
98
|
var _a, _b;
|
|
99
99
|
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
100
100
|
var _a;
|
|
@@ -104,7 +104,7 @@ export class XvMegaMenuNext {
|
|
|
104
104
|
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
105
105
|
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
106
106
|
}))))));
|
|
107
|
-
}), h("li", { key: '
|
|
107
|
+
}), h("li", { key: '773b59d60bf0410b1fc60c59c24e6772e856492b', class: "menu--right" }, h("slot", { key: '89c6b08cdc47fc264308cf2f962c89266c6d5073', name: "menu-right" })), this.open && (h("li", { key: '5e3e1d1e38a97c72dbcb8ee3f521f16d4aba3cbd', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
108
108
|
}
|
|
109
109
|
static get is() { return "xv-mega-menu-next"; }
|
|
110
110
|
static get encapsulation() { return "shadow"; }
|
|
@@ -58,7 +58,7 @@ export class XvModal {
|
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
60
|
var _a;
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: 'd719dda6d5a55092ca62a85ceba9c391a889897e', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '50dfd619c707d997a3068c709180e031d8f396e3', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'e3e1607c716c5bed1ec678a9d7e8cdaa9cd3081b', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'a128cc4077cc1ab8401503cc5ab04c90d9bc1668', class: "modal" }, h("button", { key: 'da141f5bd522e820fc89b58f9ce662da37b04e38', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '224828f7f8b110dadc6ed4e3bf46a0dc5e886053', class: "modal_header" }, h("slot", { key: '8ae8146a302c27f8fbdb2832fc45ef672924b846', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: 'ef81962dc14df688ed3d46afc3255690973dbcee', class: "modal_header__title" }, this.el.title))), h("div", { key: 'ab61b6bc218b815242a4664089889735d9a08953', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: 'bc53b9b9a543c39e647abad09f182bab6d3aff2c' })), h("div", { key: '5dc7449ae5e5a4549d584f048199ff2353f2e7a7', class: "modal_footer" }, h("slot", { key: '5e464769fd71db35eb9463b93069eb82d3e11c6c', name: "footer" })), !!this.loading && (h("div", { key: 'fe053e84a02095732b1b3d32e021a29ac6f3f469', class: "loading" }, h("xv-loader-v2", { key: '0cafb57f80b4716b06160556b809e9359fb5f3fc', size: SIZE_VAR.LG })))))));
|
|
62
62
|
}
|
|
63
63
|
disconnectedCallback() {
|
|
64
64
|
this.removeTriggerListener();
|
|
@@ -25,7 +25,7 @@ export class XvNotification {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: 'fd2a890616909b0476525b8245e0141ea7aae4bc', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '61278767c2c99f564891bf0bc7217f5b64507c50', class: "content" }, h("div", { key: '5d1504f83bfa2ff8150a13428c4c7c677154993f', class: "content_wrapper" }, this.el.title && h("h5", { key: 'a4ff6ebe179e40424d8d42cc7048b4b685aed708', class: "content_title" }, this.el.title), h("slot", { key: '14002960ca2abf44b428aa98afcc7799ca653b1c' })), h("slot", { key: 'b0f83f834cb93725e6cbffe346558e9d95e6e73b', name: "footer" })), this.dismissible && h("button", { key: '973928d389586e7f914348e5706e011707716834', class: "close", onClick: this.closeHandle })));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "xv-notification-v2"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -32,12 +32,12 @@ export class XvNumberInput {
|
|
|
32
32
|
this.valueChange.emit(this.value);
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '48433efcac2571e9c35132a59671f2490f353620', class: { disabled: !!this.disabled } }, h("label", { key: 'd723e4ee9ea4923a4c97bd0882b2eb545325c439', class: "control" }, this.label && h("span", { key: '53bba2ac60f9b25f1d3ba0d718071c2c08580611', class: "control_label" }, this.label), h("div", { key: '822b57366a90669a54f9e74db068ee90b54826a2', class: {
|
|
36
36
|
'control_input': true,
|
|
37
37
|
readonly: !!this.readonly,
|
|
38
38
|
error: !!this.error,
|
|
39
39
|
warning: !!this.warning
|
|
40
|
-
} }, h("input", { key: '
|
|
40
|
+
} }, h("input", { key: '2ac3ba2d2fe7982437c0d28c436a478f22964d6f', 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: '0b7aa503686f72815b8d489863b7711c26cb83fc', 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: '5276fa743cd4d7cf9cacf9305d2ea22964335e75', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '9385c41e5eb131833939e4878ecaf7dacd231138', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '2c9bc7b907000edf36ac45d72bc660853a5ba959' }), h("xv-button-v2", { key: 'a871b573841a63c989c1c811c8eb3557dffc02a4', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '6da92f9046004c27b3c03607d08e6c70f6310b87', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: '1b094da19ac32b498efbaa92d956b121f503fbbc', 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));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "xv-number-input-v2"; }
|
|
43
43
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export const OverflowMenuVariant = {
|
|
2
|
+
DEFAULT: '',
|
|
3
|
+
DANGER: 'danger',
|
|
4
|
+
GHOST: 'ghost',
|
|
5
|
+
};
|
|
6
|
+
/** Tag used to discover menu items (roving keyboard navigation, size mirroring). */
|
|
7
|
+
export const OverflowMenuItemSelector = 'xv-overflow-menu-v2-item';
|