xv-webcomponents 0.1.65-qa.0 → 0.1.67-qa.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/xv-accordion-v2_40.cjs.entry.js +40 -40
- package/dist/cjs/xv-accordion-v2_40.cjs.entry.js.map +1 -1
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.css +17 -1
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +5 -5
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js.map +1 -1
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-header/xv-header.js +3 -3
- package/dist/collection/components/xv-link/xv-link.css +21 -9
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-link/xv-link.js.map +1 -1
- package/dist/collection/components/xv-login-modal/xv-login-modal.js +1 -1
- package/dist/collection/components/xv-login-modal/xv-login-modal.js.map +1 -1
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js +1 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +2 -2
- package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-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-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/xv-accordion-v2_40.entry.js +40 -40
- package/dist/esm/xv-accordion-v2_40.entry.js.map +1 -1
- package/dist/xv-webcomponents/{p-87177606.entry.js → p-dd76640e.entry.js} +2 -2
- package/dist/xv-webcomponents/p-dd76640e.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-87177606.entry.js.map +0 -1
|
@@ -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: 'c0655fa2f062c51c8c7ea182122ce8af7ff2c28f', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '5daa6e40395fee3102b387cea93541ce2ccfa2f0', class: "label" }, this.label), h("div", { key: '2e282877c05fe3d52990f0e3e98df223333ff9ed', class: "control" }, h("span", { key: '23d5a3f7d216de05062025cb85fdc6c3c3ca980d', class: "control_label" }, this.min), h("input", { key: 'df8e38c1639410f4da0d246e36557bd915717c60', 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: 'c84db82801881ab6497fd9ef49a7ccda0caff5c1', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '1958970562dca9d654c09c4b6b403dfe8a11eb47', 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: '4d2602babd580d244c06e85309101e5f1f5213a4' }, h("slot", { key: '8fb2fa51d47986e658cb6c3a6c466b8b241b2dc8' })));
|
|
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: 'c8c5c76c04e3434cc4c1b82b27547ea2048fc890' }, h("button", { key: 'b812acec5bc513371a3c94e10d0f45fca34c95f6', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '71cec6069aeeba1a3275f7a24d8d0b556c18b9d9', name: XV_EXPANDABLE_KEY }), h("div", { key: 'b04c050f47fce3b08bfd1d992bf61f8c8a670c69', class: { expandableContent: true, open: this.open } }, h("slot", { key: 'daf9912e611a08b2dfc631f2ccd32329c9808eec' }))));
|
|
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: '64689e578104c1bb5bc7d1404c51df6986a2197e' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'a1325b2601bfaf13bbc8e1f395e2d17c12e6a2cf', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '5d62de3e325eba9c019c45f49a29ef0ef4cb5a83', 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: '38fab0b79d8b4ba6696ab8cd13643c4da6632d50', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '1153d3cc508ad66b76fc6955f2a1160fbe66583a' })));
|
|
46
46
|
}
|
|
47
47
|
componentWillLoad() {
|
|
48
48
|
this.setInitialAttrs();
|
|
@@ -31,7 +31,7 @@ export class XvTable {
|
|
|
31
31
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '36a59cf0af4e0b976e62f14e497dd347405c1b0e', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'd14fd69da134640f59d1660754fef5a4a8907eed', name: "title" }, !!this.el.title && h("h2", { key: '52bda7196e920a9f8c1c013d704c96726c83d44e', class: "xv-table-title" }, this.el.title)), h("slot", { key: '3ee283e16819f7771b1a568f6087ee8bd1d51999', name: "toolbar" }), h("div", { key: '971af2a00ae6734f4323acfee9d4072b851fede1', class: "xv-table" }, h("div", { key: '6f698cfb0338a28279cceb0232c5eef2b00bcb20', class: "batch-actions" }, h(Fragment, { key: '3d456d03e0eba428ad46f3875b88fcb688c0b42b' }, h("div", { key: '4b00351fd106d941e4386a503fe65bdfc3ca87f1', class: "batch-actions_content" }, h("slot", { key: '605d9eb4ca5598097559d0884a8bfb643ed6b3b4', name: "batch" })), h("p", { key: '9bfa8b7a91a66fbf606d35a6a15f29c35c2cfdb2', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'ddb7b5a50a70649804bcea5d5052098020e3362c', class: "xv-table_wrapper" }, h("slot", { key: '164ccdb97fd58bb0fb087fba867be013eb77ca55' }), h("slot", { key: '57b6ccbdeaa025c1ad10ce8ee1f577b445d7a9cd', name: "footer" })), !!this.loading && (h("div", { key: 'd62dc4b1a6c3e698d527699cdc852936a7e2afb6', class: "xv-table_loading" }, h("xv-loader-v2", { key: '75cadcd6a507d2c7802dbd5bea9c935525258f4e', size: SIZE_VAR.LG }))))));
|
|
35
35
|
}
|
|
36
36
|
componentWillLoad() {
|
|
37
37
|
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: '4500349e0c36e2f13bee801d4264c9fa099e0355', 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: '22760bd86f45e5acdb688d681d43088f6e43ba69', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '1e4e9bf03b6e4e375ad46f473dcd5184ef87e77d', class: "xv-tag_content" }, h("slot", { key: 'c79624e453b88600c8f51730475a997a9d1ad679' })), this.closeable && (h("button", { key: '67c0bd73e88147530154cc478cc386b08d3e1080', 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"; }
|
|
@@ -23,13 +23,13 @@ export class XvTextInput {
|
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: 'e3965d60337e9808731f3e7ca45f04c69cf7a754', class: { disabled: !!this.disabled } }, h("label", { key: '65fcccd63ac3dee9b5f1038861d3f46f506588d0', class: "control" }, this.label && h("span", { key: 'cc219d63283e7c14c046731b3e6c94324824b92f', class: "control_label" }, this.label), h("div", { key: 'ad17795d84daa7d398623b665171388a7c00353e', 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: '698274d0121fdec2fde658b25002d87054541dfd', 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: 'fd7ab32b7a0d052a3bae558d867e61bdb655092c', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '0a1d9c35eff7772c03246de884f948eee1be39a5', 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: '42bd1d5dededf1ecbdaeac25f4882f0ce05f7675', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '4e0bb44f06dcd24baefb5ad94fd805e797841e7b', 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: 'ee25c05f5fed14aed5e725f1ec803e3b266e4f10', 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"; }
|
|
@@ -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: '119c8ff1a60f2d319f34a1c9b29c4605e488f2d2', class: { disabled: !!this.disabled } }, h("label", { key: '3d5fea794b744d4bf44ab53f70e1da4f691314a7', class: "control" }, (this.label || this.max) && (h("p", { key: '5c35751069300e6e935aadca0e98a18586511feb', class: "control_label" }, h("span", { key: '3351f265050f0eebe0c3876ef231378c6ebd67b7' }, this.label, this.info && h("xv-tooltip-v2", { key: '2796f259a915f2df4cd29a3c4881eff7a9038640', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '970bcc104f89f9fc56bde94ecc416f4853ff4f01', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '65776ae2f9b320c68d0ed227fa4fd27cb699f5c4', class: {
|
|
24
24
|
'control_input': true,
|
|
25
25
|
readonly: !!this.readonly,
|
|
26
26
|
error: this.error !== undefined,
|
|
27
27
|
warning: this.warning !== undefined,
|
|
28
|
-
} }, h("textarea", { key: '
|
|
28
|
+
} }, h("textarea", { key: '573b9b6f4475f1741680507b2b1d39dd1f40e228', 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: 'd5bd1b4d62393b60b627eec470afb4ba5a95f5e2', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: 'af3ea0fe21005a20dc089171a7752e717cd810ba', 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)
|
|
@@ -28,7 +28,7 @@ export class XvTile {
|
|
|
28
28
|
this.checked = !this.checked;
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: 'ee077272a031f8c753e10be44b4108becad767db', class: "xv-tile--host" }, h("label", { key: 'a29ef82c216da4e46bc1acdc24edc71519bceb62', class: {
|
|
32
32
|
[this.el.className]: !!this.el.className,
|
|
33
33
|
'xv-tile': true,
|
|
34
34
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -36,7 +36,7 @@ export class XvTile {
|
|
|
36
36
|
'xv-tile--disabled': !!this.disabled,
|
|
37
37
|
'selected': !!this.checked,
|
|
38
38
|
'xv-tile--error': this.error !== undefined,
|
|
39
|
-
} }, h("div", { key: '
|
|
39
|
+
} }, h("div", { key: '85d4802231f387612f8262df93083a65055950e3', class: "xv-tile_content" }, this.label && h("h4", { key: '3049f2d9f1bd08baee07fd146280feaaf5c55de2', class: "xv-tile_content__title" }, this.label), h("slot", { key: 'd133d7927fe40ba12de339672b5fe8e2bff2e8f4' })), this.variant === 'selectable' && (h("div", { key: '1db9e3743816f3bd139db323e7a8dea5ccbd3484', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (h("input", { type: "radio", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (h("div", { key: 'ac64fdd1244180707754321b41858eed324f4ac8', class: "xv-tile_footer" }, h("button", { key: 'f075592678c0f80fb45e06ccc0d215a093f637f3', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: 'a67eaa9b643a4529f029dc076a75446e59be255e', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '3d1278ce8c568f75260e06de4b35a2e0ca533f16', name: "expandable" })))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "xv-tile"; }
|
|
42
42
|
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: '9f8f530a17a8075488fcc85c92acecab803fe8f0', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '1c96cfd9198d0526ec399b9bd3b480ab211f8822', class: "label" }, this.label), h("label", { key: 'c47f23246071d3a44090be01c4e4ffa741fa23b4', class: "control" }, h("slot", { key: 'd20c9e1d402233f07247369f2be56b24d82b6c2e', name: "before" }), h("div", { key: '5514741e4e04a3de5ca9ad72a23b9bd1b377be5a', class: "control_input" }, h("input", { key: 'a4a578be505579b2df0251bc3988f09072c712f2', 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: 'fbffacbb758f6ae1329a58ead8546cb1641ae4e3', class: "toggle" })), h("slot", { key: '77128695f31b7e1af3f7dded667c063da20ad6b0', name: "after" }))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "xv-toggle"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -65,7 +65,7 @@ export class XvToggleTip {
|
|
|
65
65
|
}
|
|
66
66
|
;
|
|
67
67
|
render() {
|
|
68
|
-
return (h(Host, { key: '
|
|
68
|
+
return (h(Host, { key: '5e8fc4e4aa86141eca3a47d71ee1821ceb22eed6', class: "xv-toggle-tip" }, h("div", { key: '297a7f21709054a5d44629cca46455803db0d6d6', class: "trigger", 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: '4251201f4bf03d2ebce442278d93b1d56f51e0da', name: "trigger" }, h("svg", { key: '26c9af2c5a785d6ceb15c216e9829e81ba81aa3d', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'ca23d9ea9aca4d9c49921a7866e2310ccc05ce82', 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: '7a9512cf7d0a94db7e58aec59e853f5c3163e026', class: { popover: true }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '0e8d2cfb30af4d03ee8dcb8faf686ceec5f9df74', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'fe347079598a3c092445412242fce61e04c2969a', class: "popover-content" }, h("slot", { key: 'daebe203c568fe31674838120258dd053708744b', name: "header" }), h("slot", { key: 'c30f01930707aa5330238b527229715148dd0826', name: "body" }), h("slot", { key: '5f294cc361b5da3a5b78c4b1f47ac1512937c820', name: "footer" })))));
|
|
69
69
|
}
|
|
70
70
|
disconnectedCallback() {
|
|
71
71
|
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: '40163af50048de51001777263f9f2f5a62cc30d6', 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: 'c8bb0a765459862fdfa641e0f14c6b4b5adc0d12' }, h("svg", { key: '1219be09101859b51d78cb3537d4178435d852f9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '8434b45b990f9cfd4585ef52b39a3e2e9ebe2e3b', 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() {
|