xv-webcomponents 1.17.1-staging.0 → 1.17.3-dev.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 → xv-accordion-v2_47.cjs.entry.js} +402 -67
- package/dist/cjs/xv-header-next.cjs.entry.js +1 -1
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/xv-content-switcher/_vars.js +14 -0
- package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.css +134 -0
- package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.js +118 -0
- package/dist/collection/components/xv-content-switcher/xv-content-switcher.css +275 -0
- package/dist/collection/components/xv-content-switcher/xv-content-switcher.js +310 -0
- 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.css +4 -4
- 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.css +23 -6
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +205 -4
- 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.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.css +6 -3
- 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.css +2 -2
- package/dist/collection/components/xv-radio/xv-radio.js +2 -2
- package/dist/collection/components/xv-slider/xv-slider.css +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 +2 -2
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.css +1 -1
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.css +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 → xv-accordion-v2_47.entry.js} +401 -68
- package/dist/esm/xv-header-next.entry.js +1 -1
- package/dist/esm/xv-mega-menu-next.entry.js +2 -2
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-content-switcher/_vars.d.ts +13 -0
- package/dist/types/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.d.ts +32 -0
- package/dist/types/components/xv-content-switcher/xv-content-switcher.d.ts +78 -0
- package/dist/types/components/xv-dropdown/xv-dropdown.d.ts +24 -1
- package/dist/types/components.d.ts +249 -0
- package/dist/xv-webcomponents/{p-1b5a4f4c.entry.js → p-1cb6cc34.entry.js} +1 -1
- package/dist/xv-webcomponents/p-422065b1.entry.js +8 -0
- package/dist/xv-webcomponents/{p-50f8cd72.entry.js → p-dc64e134.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-593183a5.entry.js +0 -8
|
@@ -25,7 +25,7 @@ export class XvNotification {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '235e7eeac319dc62f6fdda891c89eeb7eff6436b', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: 'a3a9a61c8d1d9dcacf4d62da5c68b88f27e90ac0', class: "content" }, h("div", { key: 'b6a14771fc956020fa3c98706835dbaa8007d175', class: "content_wrapper" }, this.el.title && h("h5", { key: 'c8da5f2ababfa11e208a6f547f80be6dc06f6117', class: "content_title" }, this.el.title), h("slot", { key: 'faf09191d7393005fe665adedf71d6eb4e9a697c' })), h("slot", { key: '10839bbdfe5833733f95a2b06e88c3a72a12134d', name: "footer" })), this.dismissible && h("button", { key: 'ea7e69ca969267efef32bc2726658ab1de3307db', class: "close", onClick: this.closeHandle })));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "xv-notification-v2"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -133,10 +133,10 @@
|
|
|
133
133
|
display: block;
|
|
134
134
|
margin-bottom: var(--spacing-03);
|
|
135
135
|
color: var(--text-secondary, #515151);
|
|
136
|
-
font-family: var(--ff-body,
|
|
136
|
+
font-family: var(--ff-body), sans-serif;
|
|
137
137
|
font-size: var(--fz-sm, 12px);
|
|
138
138
|
font-style: normal;
|
|
139
|
-
font-weight:
|
|
139
|
+
font-weight: 400;
|
|
140
140
|
line-height: var(--fz-md);
|
|
141
141
|
letter-spacing: 0.32px;
|
|
142
142
|
}
|
|
@@ -173,6 +173,7 @@
|
|
|
173
173
|
margin: 0;
|
|
174
174
|
padding-block: 0;
|
|
175
175
|
padding-inline: var(--spacing-05);
|
|
176
|
+
font-family: inherit;
|
|
176
177
|
box-sizing: border-box;
|
|
177
178
|
color: var(--text-primary);
|
|
178
179
|
min-width: 20px;
|
|
@@ -194,6 +195,8 @@
|
|
|
194
195
|
align-items: center;
|
|
195
196
|
align-self: center;
|
|
196
197
|
font-size: 1.35em;
|
|
198
|
+
font-weight: 400;
|
|
199
|
+
color: var(--icon-primary, #131313);
|
|
197
200
|
}
|
|
198
201
|
:host .control_input__icons .status-icon.error {
|
|
199
202
|
background-color: var(--support-error);
|
|
@@ -212,7 +215,7 @@
|
|
|
212
215
|
:host .control_input__icons hr {
|
|
213
216
|
border: none;
|
|
214
217
|
outline: none;
|
|
215
|
-
width:
|
|
218
|
+
width: 1px;
|
|
216
219
|
height: 60%;
|
|
217
220
|
align-self: center;
|
|
218
221
|
background-color: var(--border-subtle-01);
|
|
@@ -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: '4c2205967e9fa39e5b666a8887bb4d8b71c46108', class: { disabled: !!this.disabled } }, h("label", { key: '8dca0dde06e78d972ab03eed43e1d9de119b9aa3', class: "control" }, this.label && h("span", { key: '8f8c87e0acbe83723122d7b54620aa4356215cf4', class: "control_label" }, this.label), h("div", { key: '9b416f35eb4bf00ca31b77db749605dce47a10cb', 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: '5c8ae79945236934e457de24525d09b3ae0e6042', 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: '2f9f8d47a4544ca7cc033ee8ef7cd91e9064025f', 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: '7097cadf8d099044c102287f9f421a0775524172', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '99dc4fbc627b26d761da0408b3168fa588e62c73', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '5426ac1ecaba3e8764c0f29a2fbe4562181eee82' }), h("xv-button-v2", { key: 'aa3b6032cb85512977d90ff61d9f098c704844de', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '676cc79dfe281c5eaf1c8c388373c9693a04ca03', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: '1708cd3888daf09b1ab77780d6657f412a037f33', 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"; }
|
package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js
CHANGED
|
@@ -12,7 +12,7 @@ export class XvOverflowMenuItem {
|
|
|
12
12
|
this.itemClick.emit({ event, value: this.value });
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'dcb24e934cb3cfb138f543c08a3019616c45f06d', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: 'e7bc0635305bcc2c5076ab69d900e03563caae3f' })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "xv-overflow-menu-v2-item"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,8 +48,8 @@ export class XvOverflowMenu {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
const button = (h("button", { key: '
|
|
52
|
-
return (h(Host, { key: '
|
|
51
|
+
const button = (h("button", { key: '73720460fc78213115a31c0181c4c7f1385560e4', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("slot", { key: '166ef848a483e25b30680eac57d0b722dc52af02', name: "trigger" }, h("svg", { key: '2577f8a2282cf39f3e6895e771b38a252a73d95f', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '9205ac66ede166449766a20a71741ccac988424f', 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" })))));
|
|
52
|
+
return (h(Host, { key: '17e345c7cb7cc90ed3faf618923545091e205a21', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? h("xv-tooltip-v2", { message: this.tooltip }, button) : button, h("div", { key: 'f9bfd6ff02216be53e2318534f385d33d3476be6', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: 'ce9f3b5465c5fba9d3e2eccdddc061e891883596' }))));
|
|
53
53
|
}
|
|
54
54
|
componentDidLoad() {
|
|
55
55
|
this.openChangeHandle();
|
|
@@ -89,7 +89,7 @@ export class XvPagination {
|
|
|
89
89
|
this.observer.disconnect();
|
|
90
90
|
}
|
|
91
91
|
render() {
|
|
92
|
-
return (h(Host, { key: '
|
|
92
|
+
return (h(Host, { key: '1a7aab4fae3cc3a92ce20ed15839636d753bd3e6', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: 'a6dd623522eb06beccdce1f90c5ad3ca63fa3039', class: "block" }, h("select", { key: '800115649fcf5d758f00765b7b8a231f716b8660', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => h("option", { value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: '8a7cfffb7a1731d5ff9c29c63f51ecf656512cd2', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (h("div", { key: '5838adec4f878b2d424d7c43f2bcd333c38fc75d', class: "block" }, h("select", { key: 'c931eea3b5abb75b27d16fc094ab62db6d03c94a', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), h("span", { key: '12f06632f7aba021d629c212fd04d251c9714510' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: 'ce90ddcc1e33a7433b9634478e3e91282cbc3768', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '9d400ce87b4828192e0d5453ca2838eebe696f6d', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: 'cab1af288635b420d2ce24848afacdf059b91f24', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: '8aab2c1ad4749eaa5372b1790e1f9dcae9210f41', class: "list" }, this.visiblePagesWithDots.map((page) => (h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, h("span", { class: "list_page", slot: "icon-left" }, page)))))))), h("xv-button-v2", { key: 'f2aa2d873b60a5f38355bc9d78bd4a2820c0bfa6', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '39ebbf125c026ceed8e70057a7aa03ef6eea8b90', slot: "icon-left", class: "icon icon_next" }))));
|
|
93
93
|
}
|
|
94
94
|
static get is() { return "xv-pagination"; }
|
|
95
95
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
|
|
|
5
5
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: 'cfcb35613b67d35b40b0c1ece5715c4e0bb8f372', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '9c8d521503fb4a26e479257fecd720b78a2f2c34', class: "line" }), h("span", { key: 'c98ed72b0a3bfe908bf9ca671676552bee7ea0ef', class: "icon" }, h("svg", { key: '62fc0b686ca5704d23a2938e902497f717a2cdd8', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '2e7b4c3a6f348e54a770e606995904fec3e4f63c', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: 'c88fb4bf6b60702e68dee7179656838b4997c2b8', class: "label" }, h("slot", { key: '7e065b6163bcc6ece9e3bf5119c42027df5dae09' }))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "xv-progress-indicator-v2-item"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -55,7 +55,7 @@ export class XvProgressIndicator {
|
|
|
55
55
|
this.updateChildItems();
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: '45e33259c01f9dfb90532dbbf1cb3b7a1f5084fc', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '29fac0a6e79851f1d392aa9407bdf3002c553fd6' })));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "xv-progress-indicator-v2"; }
|
|
61
61
|
static get encapsulation() { return "shadow"; }
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
display: inline-flex;
|
|
131
131
|
flex-direction: column;
|
|
132
132
|
row-gap: var(--spacing-03);
|
|
133
|
-
font-family: var(--ff-body,
|
|
133
|
+
font-family: var(--ff-body), sans-serif;
|
|
134
134
|
font-size: var(--fz-sm, 12px);
|
|
135
135
|
font-style: normal;
|
|
136
136
|
font-weight: 400;
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
.xv-radio_label {
|
|
170
170
|
user-select: none;
|
|
171
171
|
color: var(--text-secondary, #515151);
|
|
172
|
-
font-weight:
|
|
172
|
+
font-weight: 400;
|
|
173
173
|
padding: 0;
|
|
174
174
|
margin: 0;
|
|
175
175
|
}
|
|
@@ -23,12 +23,12 @@ export class XvRadio {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { key: '
|
|
26
|
+
return (h("div", { key: '8f40f0a639e61e91f1c59e5c11c4acbcdd982f49', class: {
|
|
27
27
|
'xv-radio': true,
|
|
28
28
|
'xv-radio--reverse': this.reverse,
|
|
29
29
|
'xv-radio--block': this.block,
|
|
30
30
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
31
|
-
} }, this.label && h("p", { key: '
|
|
31
|
+
} }, this.label && h("p", { key: 'f277cccd732c2bbe7b8539ff91330d070539f738', class: "xv-radio_label" }, this.label), h("label", { key: '98a6b0281a0c01d4a9ae5399d50e375bd737575d', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '7bbf06b3f63f074597f174feaadd1eca83b5ccdf', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '431866b919a68b2d78dc2f0c61b9407290d8ca5a', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: '92ffae36802ea09bfeb5f6bd11cf200824821dad', class: "xv-radio_input__mark" })), h("span", { key: 'b13471b0a20c2aeef4a5395aece483edbcbaaaab', class: "xv-radio_container__label" }, h("slot", { key: '1ab86f9ef84bb60c47396228333a9031f34be03d' }))), this.error && typeof this.error === 'string' && (h("span", { key: 'dc647adaffebc46e783b906eab32611fbfc59f2b', class: "xv-radio_msg xv-radio_msg--error" }, h("span", { key: 'cc9257571ac674a36bb18eecd6225fc4e7d5cdfd', class: "xv-radio_msg__status", "aria-hidden": "true" }, "!"), this.error)), this.warning && typeof this.warning === 'string' && (h("span", { key: '9533a6c9e04f662e08527096c38fd745b6eedcf8', class: "xv-radio_msg xv-radio_msg--warning" }, h("span", { key: 'c904e88f9bf6c11f0f79fb15c5dc6be861b1ec60', class: "xv-radio_msg__status", "aria-hidden": "true" }, "\u26A0"), this.warning)), h("slot", { key: 'b648ea9fb57255ef87678fce182730960bb96a10', name: "info" })));
|
|
32
32
|
}
|
|
33
33
|
connectedCallback() {
|
|
34
34
|
var _a;
|
|
@@ -130,12 +130,12 @@
|
|
|
130
130
|
flex-direction: column;
|
|
131
131
|
gap: var(--spacing-03, 8px);
|
|
132
132
|
text-align: left;
|
|
133
|
-
font-family: var(--ff-body);
|
|
133
|
+
font-family: var(--ff-body), sans-serif;
|
|
134
134
|
}
|
|
135
135
|
:host .label {
|
|
136
136
|
color: var(--text-secondary, #515151);
|
|
137
137
|
font-size: var(--fz-sm);
|
|
138
|
-
font-weight:
|
|
138
|
+
font-weight: 400;
|
|
139
139
|
line-height: var(--fz-md);
|
|
140
140
|
letter-spacing: 0.32px;
|
|
141
141
|
}
|
|
@@ -38,7 +38,7 @@ export class XvSlider {
|
|
|
38
38
|
this.setValue(this.min);
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: 'c142eca9d5cbadff35ae17d08660aa4f1b035209', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '1f143f27dfdb97e89f22878ce078e95e0c62dcb9', class: "label" }, this.label), h("div", { key: '519812acc6e027e02e513d60c15bfa0e580b2baa', class: "control" }, h("span", { key: '77d924c0384c02ed708f7ca004269a728dfd34f9', class: "control_label" }, this.min), h("input", { key: '8786885b500f564d1f172e954bd71f7c7f74ceed', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), h("span", { key: '06dc306d120db3aa865ebe9e332eaa8e08e96e84', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '75914e5010ebe2771a707629024c623f3703b377', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "xv-slider-v2"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,7 +22,7 @@ export class XvTableCell {
|
|
|
22
22
|
}
|
|
23
23
|
;
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '5aaf16353f90d653196ac50a51f83e3b3a93d3c4' }, h("slot", { key: 'b9d5003075bb5d204d0489ff82a0c7982ca6840c' })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "xv-table-v2-cell"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class XvTableExpand {
|
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '3886cb72495a7e6c97330e76b0cd882b4fd8b287' }, h("button", { key: '943b84f05767b86e9f53d6b395542cda235cfcc1', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '3cc39988d4691155b5719f3ee8f0fa33255a1fd4', name: XV_EXPANDABLE_KEY }), h("div", { key: 'b6cfe72340454dd7e18fd9baa22f12305c3bfef2', class: { expandableContent: true, open: this.open } }, h("slot", { key: '5b61c681533023603bb0c6d2f877f122b9bf6dd4' }))));
|
|
14
14
|
}
|
|
15
15
|
componentDidLoad() {
|
|
16
16
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -42,7 +42,7 @@ export class XvTableRow {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '27a864a3a27877c89f674b72ad405f7376e1bdc0' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '70904c820a234f20f4076c9f39b4793b42348536', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'a2897549f2b2cf2d97ac6f130aee539d3c064822', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (h("input", { key: 'd048ee4e9b0162c36222c0153944c0b4ee6b1ebe', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '2c92a52ed6d00ebfedd539b7322e8c40393f6282' })));
|
|
46
46
|
}
|
|
47
47
|
componentWillLoad() {
|
|
48
48
|
this.setInitialAttrs();
|
|
@@ -32,7 +32,7 @@ export class XvTable {
|
|
|
32
32
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '09bf013de8bd7c6fc948cb00347ebac3d09c8852', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '69d6b93a823d43a79caba584f32e65aab7251e43', name: "title" }, !!this.el.title && h("h2", { key: '6bc91577912a4653983c6a39494196bb4db09473', class: "xv-table-title" }, this.el.title)), h("slot", { key: '55cef1ba4d2c67b8f288d4b578961d50df1f8480', name: "toolbar" }), h("div", { key: '6e226e6bed369bf2565f0feec0273b371158eb7c', class: "xv-table" }, h("div", { key: '4164dd3b54a71355190383fcb8d7c48a04657c43', class: "batch-actions" }, h(Fragment, { key: '33e22ccdcbc6ef94bf960ec10d4ed3362df608f6' }, h("div", { key: '3e22bb85ad78afa3b026c4e30b33a03a240c3762', class: "batch-actions_content" }, h("slot", { key: 'c3f8246007a325026b6a4d761a505de06fe30762', name: "batch" })), h("p", { key: 'ecfb7e5d27ea779cb0294028fad812b2a3645327', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '64579ed1062c6001f5ff7a92ee3914fe6d02f0e6', class: "xv-table_wrapper" }, h("slot", { key: 'e9fc226e5f4da71bbc24635ed28b3e5583e31386' }), h("slot", { key: 'aa787b29455594cbdcbfc1b1332c5080147c6429', name: "footer" })), !!this.loading && (h("div", { key: '3463995af96e5894d77f4f6e996d7a62e960f815', class: "xv-table_loading" }, h("xv-loader-v2", { key: 'dcd88d13a9036bcca5bdc17e532d38ada18fec98', size: SIZE_VAR.LG }))))));
|
|
36
36
|
}
|
|
37
37
|
componentWillLoad() {
|
|
38
38
|
this.setColsSizeTemplate();
|
|
@@ -6,7 +6,7 @@ export class XvTab {
|
|
|
6
6
|
this.loading = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '21f71a5d1a5dec85149615069b8d1bb1904da3db', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "xv-tab-v2"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,7 +13,7 @@ export class XvTag {
|
|
|
13
13
|
this.closeClick.emit(e);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '4d462b6ff04dbb9db9675b0c99e8da16d4536f9b', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '76379a9ee13b77649aa67a61cd8ccd150e1b5aba', class: "xv-tag_content", part: "details-content" }, h("slot", { key: 'a53a8802f5978856351ace83b1a87a119a352b90' })), this.closeable && (h("button", { key: '5b9a53d9c20e5bd4e5ecc47e91aeb2c8dd5f4f44', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "xv-tag-v2"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -137,10 +137,10 @@
|
|
|
137
137
|
display: block;
|
|
138
138
|
margin-bottom: var(--spacing-03);
|
|
139
139
|
color: var(--text-secondary, #515151);
|
|
140
|
-
font-family: var(--ff-body,
|
|
140
|
+
font-family: var(--ff-body), sans-serif;
|
|
141
141
|
font-size: var(--fz-sm, 12px);
|
|
142
142
|
font-style: normal;
|
|
143
|
-
font-weight:
|
|
143
|
+
font-weight: 400;
|
|
144
144
|
line-height: var(--fz-md);
|
|
145
145
|
letter-spacing: 0.32px;
|
|
146
146
|
}
|
|
@@ -232,12 +232,12 @@ export class XvTagCombobox {
|
|
|
232
232
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
233
233
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
234
234
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
235
|
-
return (h(Host, { key: '
|
|
235
|
+
return (h(Host, { key: '91dae1582cb4246be4893facdf13777fe993c19c', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '409bd22d48bee345018003500e4790e13858fad2', class: "label" }, this.label), h("div", { key: '10e50e6b56954cbca5e04c8ec61c68ab666b450f', class: {
|
|
236
236
|
'control': true,
|
|
237
237
|
'control--disabled': this.disabled,
|
|
238
238
|
'control--error': !!this.error,
|
|
239
239
|
'control--readonly': !!this.readonly,
|
|
240
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
240
|
+
}, onClick: () => this.blockClick() }, h("div", { key: '89da5d24f1c9a78120851cf10ea22df2bce3bfe9', class: "control-chips", role: "list" }, this.selected.map((s, i) => (h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), h("input", { key: '633c1f8e9d2bd90e44c3be09dc594e8101afc5a1', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled }))), this.error && typeof this.error === 'string' && (h("p", { key: 'f9bd812962df75191af5c515103cb927cac49452', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (h("p", { key: '203509e3ab990bbc2e3aecb3935fda61188056eb', class: "message message--warning" }, this.warning)), suggestionsVisible && (h("ul", { key: '35de0b5c6bc376d5b3388308e4f0f1e7235358e5', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, h("div", { class: "suggestions-opt-content" }, opt.bg ? h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? h("span", { key: i }, seg) : h("strong", { key: i }, seg.match)))))))))));
|
|
241
241
|
}
|
|
242
242
|
static get is() { return "xv-tag-combobox"; }
|
|
243
243
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,13 +23,13 @@ export class XvTextInput {
|
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '420f4a0d02558a7171550c34669f5644496103cf', class: { disabled: !!this.disabled } }, h("label", { key: '782e7a0f80116150e7fe9cb2412127b1e3e1587c', class: "control" }, this.label && h("span", { key: '77d2e12b964be91c371c9724c1687931f2878353', class: "control_label" }, this.label), h("div", { key: '45a936403569b342d9b28a9cb7dce084b171a490', class: {
|
|
27
27
|
'control_input': true,
|
|
28
28
|
readonly: !!this.readonly,
|
|
29
29
|
[this.size]: true,
|
|
30
30
|
error: !!this.error,
|
|
31
31
|
warning: !!this.warning,
|
|
32
|
-
} }, h("input", { key: '
|
|
32
|
+
} }, h("input", { key: '9e24b77c8752590ca921767651525d4d653c06e5', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), h("div", { key: 'd72b4669c8eb2f92268dff31f39f1c2babc633ed', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '0fc051cdf9a905f29bb06cc20bee19ba73fec490', size: SIZE_VAR.XS }), !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (h("button", { key: '1ea8abe015adb0e58a836a811fe881712d297332', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '964a623003f5b3dfd52f8a5748e917260d047a63', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), this.helper && h("p", { key: '2879f0a0baea4adf950ece4c9dbb9bfb30a474af', 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));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "xv-text-input-v2"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -135,10 +135,10 @@
|
|
|
135
135
|
column-gap: var(--spacing-03);
|
|
136
136
|
margin: 0 0 var(--spacing-03);
|
|
137
137
|
color: var(--text-secondary, #515151);
|
|
138
|
-
font-family: var(--ff-body,
|
|
138
|
+
font-family: var(--ff-body), sans-serif;
|
|
139
139
|
font-size: var(--fz-sm, 12px);
|
|
140
140
|
font-style: normal;
|
|
141
|
-
font-weight:
|
|
141
|
+
font-weight: 400;
|
|
142
142
|
line-height: var(--fz-md);
|
|
143
143
|
letter-spacing: 0.32px;
|
|
144
144
|
}
|
|
@@ -20,12 +20,12 @@ export class XvTextarea {
|
|
|
20
20
|
this.value && this.internals.setFormValue(this.value);
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: '34e946e9178df48959fc501b2608dbb06f9c1ce6', class: { disabled: !!this.disabled } }, h("label", { key: '7d78cf03eb9a09c6c6dda1f8241b846fa6d6ed1b', class: "control" }, (this.label || this.max) && (h("p", { key: 'c62efd11a2133fddb9bbebd715ef36ee8c462684', class: "control_label" }, h("span", { key: '1599ae0b7d495d43a277628b13f973744b05dd49' }, this.label, this.info && h("xv-tooltip-v2", { key: 'cb152cbc452ce846562ffea62f95699fc7eedbe3', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '89b29468e7fb4866889829f21814aeee3eece0a2', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '47a5317512454488fa7e3627463ff12b6cc809d9', class: {
|
|
24
24
|
'control_input': true,
|
|
25
25
|
readonly: !!this.readonly,
|
|
26
26
|
error: !!this.error,
|
|
27
27
|
warning: this.warning !== undefined,
|
|
28
|
-
} }, h("textarea", { key: '
|
|
28
|
+
} }, h("textarea", { key: 'd88ec74fc0a798e8a32f5019c8146d97b40ce13a', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), h("div", { key: 'c5895fab0e7850bca64121c86b1fa5b8d64e8d7e', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: 'c795a389d5031142c378390713142da5b95f42d8', 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));
|
|
29
29
|
}
|
|
30
30
|
_renderIcon() {
|
|
31
31
|
if (this.loading)
|
|
@@ -29,7 +29,7 @@ export class XvTile {
|
|
|
29
29
|
this.checked = !this.checked;
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: '9a3af7defbb0ac4c83b727cf72cd114208d90b1d', class: "xv-tile--host" }, h("label", { key: '81d7b28f4038483639a03b4e3d158d2e5c40a9e7', class: {
|
|
33
33
|
[this.el.className]: !!this.el.className,
|
|
34
34
|
'xv-tile': true,
|
|
35
35
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -37,7 +37,7 @@ export class XvTile {
|
|
|
37
37
|
'xv-tile--disabled': !!this.disabled,
|
|
38
38
|
'selected': !!this.checked,
|
|
39
39
|
'xv-tile--error': !!this.error,
|
|
40
|
-
} }, h("div", { key: '
|
|
40
|
+
} }, h("div", { key: '7a155efc48c548c0d3f0055148f345b903a4703d', class: "xv-tile_content" }, this.label && h("p", { key: '2901366896f4cf5806425a2240e1dd7f461fb380', class: "xv-tile_content__title" }, this.label), h("slot", { key: '5279a18e3e8ecb3e30f581c51e953ffa0d1b40a6' })), this.variant === 'selectable' && (h("div", { key: '66cc022bad5fe1f435152bc22e2dc7062ed3bd83', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (h("div", { key: 'e6ce703a037fcb0a073a0e9c982dc84394c90744', class: "xv-tile_footer" }, h("button", { key: '6780db8c79ff091adf8c8be3b9a664b22a7f533f', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: 'e4c171531e526478ba4075f9b304fa69c095e79d', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'aee614238518c73a00deb5b48cc64b86362cc4fa', name: "expandable" })))));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "xv-tile"; }
|
|
43
43
|
static get originalStyleUrls() {
|
|
@@ -15,7 +15,7 @@ export class XvToggle {
|
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '2247390de134eeb3ca9e75d8838f2f89ab453eda', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: 'a23b0a053442c73c1b753d33bd6793bf501655c0', class: "label" }, this.label), h("label", { key: '14088188c883890aafffb18ce1c3eb6da92c6732', class: "control" }, h("slot", { key: '723c3915395699a8b7343a298c2eac5ecfebd27c', name: "before" }), h("div", { key: 'b3252d819d64a511b2c3c3323fc3946631e3aadc', class: "control_input" }, h("input", { key: '5c5a209ee7d4d09a09b7e370b885ab7965b50fe0', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), h("span", { key: '407db6561c45d1dd9649f94533f7ecdf893c6a28', class: "toggle" })), h("slot", { key: '9d75faa2183417eb8c8537d680666529e8260180', name: "after" }))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "xv-toggle"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -67,7 +67,7 @@ export class XvToggleTip {
|
|
|
67
67
|
}
|
|
68
68
|
;
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: '92fc5a31de3637018876b5530c36f153ddc4123b', class: "xv-toggle-tip" }, h("div", { key: '675966f43c5c21cbd8a64e5945df8a357bdf0703', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, h("slot", { key: '94215d0cf8a60848b92cbe7dd9309cb39264cbfa', name: "trigger" }, h("svg", { key: 'b316b67ef454f87795c4e576e64d570d6bc7dd82', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '64c233df6d036f41960c40c1b6a8b098bdf0ccca', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), h("div", { key: 'b027cb97e4a3fb6d96d70e97d3c19c098d2971df', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: 'e930a39f9a1a8d6ed531375da1706b7caab6a078', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '3dc3a8e73a8f3ffef127c004ac65ae820a974b55', class: "popover-content" }, h("slot", { key: 'd7a6502e1be0fe9ec4d24e0cd473d3537b0aaa53', name: "header" }), h("slot", { key: '6c9cbece231e22ede5b7e4ac8e9570d916fbbb3a', name: "body" }), h("slot", { key: 'f25f29402bf908afac30237733e682d621780e8a', name: "footer" })))));
|
|
71
71
|
}
|
|
72
72
|
disconnectedCallback() {
|
|
73
73
|
this.destroyPopper();
|
|
@@ -38,11 +38,11 @@ export class XvTooltip {
|
|
|
38
38
|
this.destroyTooltip();
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '3c25e03b919fe975522757407c114a2a7fa01758', role: "tooltip", class: {
|
|
42
42
|
'xv-tooltip-wrapper': true,
|
|
43
43
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
44
44
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
45
|
-
} }, h("slot", { key: '
|
|
45
|
+
} }, h("slot", { key: '3aa9b34adda1865b53e3905326699a556be3af2a' }, h("svg", { key: '31a94a5001d746180ac050203e997cfcb0e6e57b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'f56da185cd078fdcb58546f692530fffcd752880', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "xv-tooltip-v2"; }
|
|
48
48
|
static get originalStyleUrls() {
|
package/dist/esm/loader.js
CHANGED
|
@@ -4,7 +4,7 @@ export { s as setNonce } from './index-Cv2gugMt.js';
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy([["xv-accordion-
|
|
7
|
+
return bootstrapLazy([["xv-accordion-v2_47",[[0,"xv-header",{"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"readonly":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"value":[1032],"variant":[1],"position":[1],"selected":[32],"selectedMap":[32],"resolvedPosition":[32]},[[0,"itemSelected","handleItemSelected"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"multiple":[{"multipleChangeHandle":0}],"value":[{"valueChange":1}]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32],"reorderable":[32],"reorderHandleMode":[32],"close":[64]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":[{"openChange":0}],"month":[{"getCalendarGrid":0}],"value":[{"handleValueChange":0}]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513]}],[1,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":[{"checkedChangeHandle":0}]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[520],"loading":[4],"columnWidths":[16],"multiple":[516],"hover":[4],"reorderable":[516],"reorderHandle":[513,"reorder-handle"]},null,{"reorderable":[{"reorderableChanged":0}],"reorderHandle":[{"reorderHandleChanged":0}]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[1,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":[{"setColsSizeTemplate":0}]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"hideSingleTab":[4,"hide-single-tab"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":[{"watchOptions":0}],"value":[{"watchValue":0}]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-content-switcher-item-v2",{"value":[520],"label":[513],"icon":[513],"disabled":[516]}],[257,"xv-content-switcher-v2",{"selected":[1544],"size":[513],"iconOnly":[516,"icon-only"],"disabled":[516],"block":[516],"controlled":[516],"items":[32]}],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[0,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":[{"updateChildItems":0}]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":[{"onCheckedChange":0}]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"message":[513],"value":[1025],"checked":[1028],"readonly":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[520],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[2,"xv-login-modal",{"visible":[4],"urls":[32],"loading":[32],"errorMessage":[32]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4]},[[0,"click","handleClick"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"align":[513],"hasFocus":[32]},null,{"checked":[{"onCheckedChange":0}]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"value":[1],"name":[1],"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]],["xv-mega-menu-next",[[257,"xv-mega-menu-next",{"open":[1540],"menuData":[1,"menu-data"],"activeItem":[32],"activeGroup":[32],"menuItems":[32],"applicationContext":[32],"menuLoading":[32]},[[4,"click","handleClickOutside"]],{"menuData":[{"onMenuDataChange":0}]}]]],["xv-header-next",[[0,"xv-header-next",{"menuData":[1,"menu-data"],"metaNav":[32],"orgUnit":[32],"baseUrl":[32],"loading":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]]]]], options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|