xv-webcomponents 1.25.1 → 1.25.2
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/{index-DpLAFt0R.js → index-CsKqwBc1.js} +644 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/xv-accordion-v2_50.cjs.entry.js +59 -41
- package/dist/cjs/xv-footer-next.cjs.entry.js +122 -0
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +7 -7
- package/dist/cjs/xv-webcomponents.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.css +2 -1
- package/dist/collection/components/xv-footer-next/xv-footer-next.css +486 -0
- package/dist/collection/components/xv-footer-next/xv-footer-next.js +167 -0
- package/dist/collection/components/xv-footer-next/xv-footer-next.model.js +17 -0
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +41 -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.css +46 -2
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +6 -7
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.css +42 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +20 -6
- 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-pagination/xv-pagination.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-radio/xv-radio.js +2 -2
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/{index-CQm2sRKT.js → index-D0yFoU2h.js} +1 -1
- package/dist/esm/{index-DmxA2ysB.js → index-Owr_mJOX.js} +644 -7
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/xv-accordion-v2_50.entry.js +60 -42
- package/dist/esm/xv-footer-next.entry.js +120 -0
- package/dist/esm/xv-header-next.entry.js +3 -3
- package/dist/esm/xv-mega-menu-next.entry.js +8 -8
- package/dist/esm/xv-webcomponents.js +3 -3
- package/dist/types/components/xv-footer-next/xv-footer-next.d.ts +42 -0
- package/dist/types/components/xv-footer-next/xv-footer-next.model.d.ts +43 -0
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +7 -0
- package/dist/types/components/xv-mega-menu-next/xv-mega-menu-next.d.ts +14 -0
- package/dist/types/components.d.ts +131 -0
- package/dist/xv-webcomponents/index.esm.js +1 -1
- package/dist/xv-webcomponents/p-3dd10203.entry.js +1 -0
- package/dist/xv-webcomponents/{p-CQm2sRKT.js → p-D0yFoU2h.js} +1 -1
- package/dist/xv-webcomponents/p-Owr_mJOX.js +2 -0
- package/dist/xv-webcomponents/p-b0fbf402.entry.js +8 -0
- package/dist/xv-webcomponents/p-ec19bcc7.entry.js +1 -0
- package/dist/xv-webcomponents/{p-f46bb687.entry.js → p-fbd8ca68.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/hydrate/index.d.ts +287 -0
- package/hydrate/index.js +113808 -0
- package/hydrate/index.mjs +113798 -0
- package/hydrate/package.json +12 -0
- package/package.json +8 -2
- package/dist/xv-webcomponents/p-7832549c.entry.js +0 -8
- package/dist/xv-webcomponents/p-DmxA2ysB.js +0 -2
- package/dist/xv-webcomponents/p-fe9b38f8.entry.js +0 -1
|
@@ -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: 'f0711170b3ad6dabbdd483b010dd6f22d7ec1631', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '4bc1e71e19c4680e46bb7f73465b72ff837c7a0c', name: "title" }, !!this.el.title && h("h2", { key: 'f918b06484a2566d69b5382236ae2324540774a2', class: "xv-table-title" }, this.el.title)), h("slot", { key: '9a21013605924298bcae24c74feb9f0c390efa56', name: "toolbar" }), h("div", { key: 'cf462e29071f77fee5a13b7f651da4e2bdcbc40d', class: "xv-table" }, h("div", { key: 'c2ed05b2c5b209cc62f2df8c691804ac21249ecd', class: "batch-actions" }, h(Fragment, { key: '5f32bd5629db70840d1d68ea78bede1e67bfd265' }, h("div", { key: 'ff4cc9e2f1d52f8d16fcc2d84e89ad0f3dfb00ff', class: "batch-actions_content" }, h("slot", { key: '198577df42ac304709684d15d8841025ee127d8a', name: "batch" })), h("p", { key: '5b1dfd8fd620731b67927c56af7fa5cf097d8836', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '20dad37417e9e41cded241e4007ac1f91d5eed94', class: "xv-table_wrapper" }, h("slot", { key: '9d01779970a97742f51068946aa2bc11162974ef' }), h("slot", { key: '5f2bd23674bc36f225136fe5df33accfdff18880', name: "footer" })), !!this.loading && (h("div", { key: '44ea0e246abce7c4d4e2d477f432eaa0eb4d9add', class: "xv-table_loading" }, h("xv-loader-v2", { key: '00a6383e74ab5d3683b16453abd40df0d2e4161d', 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: '9ddcc5b6377ee484d9a03c3140237415a3ed4de8', 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: 'aec18c111837e87eb107ce26f293dd72a1878096', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'c40e130e24d594a7dd8ef63e7f23d2267bcfb45e', class: "xv-tag_content", part: "details-content" }, h("slot", { key: '566781446b6268547d5e987c7935e4ebf394a376' })), this.closeable && (h("button", { key: 'ef60cf6a984087bb53f9db03ef96989ca9a691b8', 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"; }
|
|
@@ -242,12 +242,12 @@ export class XvTagCombobox {
|
|
|
242
242
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
243
243
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
244
244
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
245
|
-
return (h(Host, { key: '
|
|
245
|
+
return (h(Host, { key: '5e8248ac0331caec2320723d3c93d015e48ff6bb', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '5d19726d3bdfaab699f8811976226144b2f55e31', class: "label" }, this.label), h("div", { key: 'edbb58964e66116eadc42f7879d95e3e846937c9', class: {
|
|
246
246
|
'control': true,
|
|
247
247
|
'control--disabled': this.disabled,
|
|
248
248
|
'control--error': !!this.error,
|
|
249
249
|
'control--readonly': !!this.readonly,
|
|
250
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
250
|
+
}, onClick: () => this.blockClick() }, h("div", { key: 'ba53f5bfad98257ebb983ce3d2144bd0dd716895', 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: '9fac0f6b705ee4ec11caa67c0970e3fc71804fc9', 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.loading && (h("span", { key: 'b80fbc582ee55a301df1f20104749e8de2714075', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: 'a857383bdaf4e1bab7974102b351a1ff9787fcef', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '9dfd23dacb40aac4448b6f0b7505ec66627b5f38', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: 'bc4e801891609c15ec651a8025cfda632073232b', 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)))))))))));
|
|
251
251
|
}
|
|
252
252
|
static get is() { return "xv-tag-combobox"; }
|
|
253
253
|
static get encapsulation() { return "shadow"; }
|
|
@@ -30,13 +30,13 @@ export class XvTextInput {
|
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
32
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: 'dfffcd8e3e5e235a5a807a637f370fba87fef0a9', class: { disabled: !!this.disabled } }, h("label", { key: '9e72854454351517bb494f374077660a2b894a56', class: "control" }, this.label && h("span", { key: 'a6dd0f45925927af7e29aefe26c5d6a0212d0913', class: "control_label" }, this.label), h("div", { key: '8f08cf94eb43cf81993d2d0bf7ccf78397a2f2bf', class: {
|
|
34
34
|
'control_input': true,
|
|
35
35
|
readonly: !!this.readonly,
|
|
36
36
|
[this.size]: true,
|
|
37
37
|
error: !!this.error,
|
|
38
38
|
warning: !!this.warning,
|
|
39
|
-
} }, h("input", { key: '
|
|
39
|
+
} }, h("input", { key: '3254e55f1fef316ba0bdb0f5c5abe48fd66fbd87', 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: 'ce3a5d3b13445e3160cfccf0ac482c91c49edda8', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '391f8abfc94e8de782cfca92a35f5f83ca65e810', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: '594965111c02ef10719e1ece79d5a59e1b7a1fd2', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!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: 'fff2e8abcb93bd5171b6df64f9212be3a516fe7b', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '000f0aaf492f802c07a000706a9ac178c71a9329', 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" })))))))), message && (h("p", { key: '6119a6b2c23e286c3497c10d51c9c960bf2592dd', class: { message: true, [message.level]: true } }, message.text))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "xv-text-input-v2"; }
|
|
42
42
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,12 +22,12 @@ export class XvTextarea {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'a0cdec449f14a935e52385e3ef86d83583e69902', class: { disabled: !!this.disabled } }, h("label", { key: 'e4cf3999be97e311be536c33379f3f53f16e09e5', class: "control" }, (this.label || this.max) && (h("p", { key: 'dc55c61f5da704fcc6a9ed563a1acaafb0d68057', class: "control_label" }, h("span", { key: 'f2d6af6ef3eca8d652f36f0f17364bd99bb5f20a' }, this.label, this.info && h("xv-tooltip-v2", { key: 'ff3d442d23d4889372c37b9686fe1c83f900ea7d', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'bfbd7541bc1ee7b15a8442e2d86baaced94ebdda', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '77cc1af898d52ac363688e6215520fcea8b305e1', class: {
|
|
26
26
|
'control_input': true,
|
|
27
27
|
readonly: !!this.readonly,
|
|
28
28
|
error: !!this.error,
|
|
29
29
|
warning: this.warning !== undefined,
|
|
30
|
-
} }, h("textarea", { key: '
|
|
30
|
+
} }, h("textarea", { key: '8dafb19974fa5c32df676ddc86c55dd2a701e77c', 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: 'f00f7075964c36893ecfe3c2a8a1cea3244204ae', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: '350be385673f441fca51383e7875ec3fe5b411f5', class: { message: true, [message.level]: true } }, message.text))));
|
|
31
31
|
}
|
|
32
32
|
_renderIcon() {
|
|
33
33
|
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: '4c090238b156d8a932a2f4e60216098034e70183', class: "xv-tile--host" }, h("label", { key: '9b4c0c2793aa50114b108d79a18402c55886da7c', 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: '373d063768eeb1c60399d34785c8ee8fa9150a24', class: "xv-tile_content" }, this.label && h("p", { key: 'af30da446df62f4e8944a282c87b6a92be6ebc90', class: "xv-tile_content__title" }, this.label), h("slot", { key: '0ae5abe6de380c97f3460ca5bbaf38d2692b9d85' })), this.variant === 'selectable' && (h("div", { key: 'be5579df477d6c70c61ee7ba827f67fabebd84f0', 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: 'a68c2082715f51e11266c2cbb4f650e3a555f9de', class: "xv-tile_footer" }, h("button", { key: 'b4a9509c48bffdf534bde8b8177a7994bfd7c346', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '4883eec3b83bd04812cd60aed5c95ea31d58d7fe', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'ccd01fb3e90dc234182ed97db512b01ba53dc4d6', 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: '4d07f6e733ad75000fa625be7d2284c74c11009e', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '4fd0d4337aa9f1eab42248b362b3842576cc94ea', class: "label" }, this.label), h("label", { key: '3dc4c0469f1827c9228598ea962433dbcbd963a5', class: "control" }, h("slot", { key: '97febe0fa535c914484bf7c4f1c33250bbf02733', name: "before" }), h("div", { key: '9adb503ec22dd7dae26ea9db36e0db4f2dbb2f4d', class: "control_input" }, h("input", { key: '49c464ffaa7889935f909915d7ed6db833016dd7', 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: '00a326c0907e67b444053067d56023e09d20ed48', class: "toggle" })), h("slot", { key: 'dfe270ab7512646598d27c80eab1fe9f186c46ca', 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: '472b799da38cc98fcbb0605ddc1ad70fcad23dd9', class: "xv-toggle-tip" }, h("div", { key: 'fba5eebecd22c49990980b088d6d5006ac8ac87c', 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: 'cc05559e9c7600d84e7df01defa641b70f477116', name: "trigger" }, h("svg", { key: '69f327094db864f2b71e1f378799b61fd2e64e8d', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '51566d81488353fc6517a1de52c2829727f8704b', 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: '1e3ea712f28d588583a99bdf42d032a71b09b666', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '5f9eeef784c23c4c8b40d2376922ce5c7fe3af16', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'e2a490ed9701cc95a61cfcd9fb56a9a9fe9c51e5', class: "popover-content" }, h("slot", { key: '8fe4c24f99c6b20bce4f94e3d9280dafc694552d', name: "header" }), h("slot", { key: '4557fa427a7371baf1350d4f6d0a11484e32dadc', name: "body" }), h("slot", { key: '2cd8aa4d46eaacd2d60ade49616ec925d2097f2d', 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: 'bcd593f87bb0a23588d85f113229ab5048bdf366', 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: '3b6045961995c6499fcf528e043fa8b3e149413e' }, h("svg", { key: '4930076da256e01295e6c057bdc7d2b7c46dc49a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '16f656d148ef04e661f4482ec9e1c29447f04aff', 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() {
|
|
@@ -140,4 +140,4 @@ const api = {
|
|
|
140
140
|
delete: (input, init) => baseFetch(input, Object.assign(Object.assign({}, init), { method: 'DELETE' })),
|
|
141
141
|
};
|
|
142
142
|
|
|
143
|
-
export { api as a, getBaseUrl as b,
|
|
143
|
+
export { api as a, getBaseUrl as b, resolveFieldMessage as c, debounce as d, format as e, forEach as f, getMetaNav as g, resolveWhitelabel as r, setAttr as s, uidGenerator as u };
|