xv-webcomponents 1.20.2-demo.0 → 1.20.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.
@@ -19,6 +19,12 @@ export class XvImageViewer {
19
19
  this.closeFullscreen = () => {
20
20
  this.isFullscreen = false;
21
21
  };
22
+ this.handleDialogClick = (e) => {
23
+ // Close only when the click lands on the dialog/backdrop, not on the image.
24
+ if (e.target === this.dialogEl) {
25
+ this.closeFullscreen();
26
+ }
27
+ };
22
28
  this.handleError = () => {
23
29
  this.errored = true;
24
30
  this.imageError.emit();
@@ -40,8 +46,19 @@ export class XvImageViewer {
40
46
  this.loaded = true;
41
47
  }
42
48
  }
49
+ componentDidRender() {
50
+ var _a;
51
+ // A modal <dialog> lives in the top layer, so its containing block is the
52
+ // viewport regardless of any ancestor `transform` (e.g. CDK virtual scroll).
53
+ if (this.isFullscreen && this.dialogEl && !this.dialogEl.open) {
54
+ this.dialogEl.showModal();
55
+ }
56
+ else if (!this.isFullscreen && ((_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.open)) {
57
+ this.dialogEl.close();
58
+ }
59
+ }
43
60
  render() {
44
- return (h(Host, { key: 'bd15b24608ded6a06e014f436b91053a1605ec6f', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: 'c841135421670f016cf8366184b1a4ca30b586fb', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: '03bc57bf48199dc91231d14fc80d62c0dd8e31bd', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: '79dd3b3662c2d89ff3cdbae8885cb4f86c1d6a62', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("div", { key: '1f5067d6f981c8853809e34f0083d65eb1719bed', class: "fullscreen-overlay", onClick: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: 'a6abc0aee2ef57f901c7bc917819509806a7a0cd', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '2d88fa62dc2ed889c73570ef94b973cb2ec6fde3', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
61
+ return (h(Host, { key: '5dc1ddc1442f6e02f9935e39989a997ee71fe7a7', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: '0cbf1f8e66e16f02472a2a2d5377462c19231189', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: 'f514a0ac91e8f0fc7f6db05454d827e7eff0667f', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: 'a8e778738af2a042f9e212efbf8a559387e52caf', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: 'bc052e28843a443b11d7b9c9ab5950f7ba47a7d0', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: 'f88011636374a59ba201fc1d3780fbafe27c3dbd', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '2c2913b88c710e6e80e1448e33a5a41f01ff95da', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
45
62
  'fullscreen-image': true,
46
63
  loaded: this.fullscreenLoaded,
47
64
  } })))));
@@ -127,7 +127,7 @@
127
127
 
128
128
  :host {
129
129
  display: inline-flex;
130
- --xv-modal-max-height: calc(95vh - (var(--spacing-05) * 2));
130
+ --xv-modal-max-height: calc(95dvh - (var(--spacing-05) * 2));
131
131
  }
132
132
  :host .backdrop {
133
133
  position: fixed;
@@ -182,6 +182,7 @@
182
182
  border: none;
183
183
  outline: none;
184
184
  font-size: 28px;
185
+ color: var(--icon-primary);
185
186
  background-color: transparent;
186
187
  position: absolute;
187
188
  right: 10px;
@@ -215,6 +215,13 @@
215
215
  border: none;
216
216
  cursor: pointer;
217
217
  }
218
+ :host .control_input__icons .status-icon.clear {
219
+ color: var(--icon-secondary, #515151);
220
+ line-height: 1;
221
+ }
222
+ :host .control_input__icons .status-icon.clear:hover {
223
+ color: var(--text-primary);
224
+ }
218
225
  :host .control_input__icons .status-icon.error {
219
226
  background-color: var(--support-error);
220
227
  color: white;
@@ -15,6 +15,11 @@ export class XvTextInput {
15
15
  this.togglePassword = () => {
16
16
  this.isPasswordVisible = !this.isPasswordVisible;
17
17
  };
18
+ this.handleClear = () => {
19
+ this.value = '';
20
+ this.valueChange.emit('');
21
+ this.internals.setFormValue('');
22
+ };
18
23
  this.handleInput = (e) => {
19
24
  const target = e.target;
20
25
  this.value = target.value;
@@ -23,13 +28,13 @@ export class XvTextInput {
23
28
  };
24
29
  }
25
30
  render() {
26
- return (h(Host, { key: '8387dcd3101789c9104a378fcca8a820122ada26', class: { disabled: !!this.disabled } }, h("label", { key: 'ad90119fef9b51d06e64b52e11c8fdde1150a461', class: "control" }, this.label && h("span", { key: '24d5aba160ccf7cd7df356a147c5f86194683bce', class: "control_label" }, this.label), h("div", { key: '65ce0ede9c3837d47c29b3f95a53993468ad6b67', class: {
31
+ return (h(Host, { key: 'ddfd136b96c93f27001725253a20aeb6e116f2b6', class: { disabled: !!this.disabled } }, h("label", { key: '1d93499c7bf416869dbf8cd4c6278e5de01d3d9e', class: "control" }, this.label && h("span", { key: 'd3cf6d5cfa6cb039af0667372873b5c4485db9e1', class: "control_label" }, this.label), h("div", { key: '037f86b271c256558df2f782e6880e78808d2d5d', class: {
27
32
  'control_input': true,
28
33
  readonly: !!this.readonly,
29
34
  [this.size]: true,
30
35
  error: !!this.error,
31
36
  warning: !!this.warning,
32
- } }, h("input", { key: 'b620357a84e7b5953360631fa369b8d63c2898dd', 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: 'a72facc2aae1c24dda755aba84eb284b5bd76024', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '648fba1f66bf7a1ce7d08dd0eb921d772659b4a5', 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: 'a5ef25d6ccecef77953943f3c22c7586f90e575b', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '34cdf5a09935c2c46a94c7db1693f45d6f3f4afe', 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: 'cb7926af03a4faa965e34f3a1edcb55145da1d7c', 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));
37
+ } }, h("input", { key: 'f8bcc6a795ea6b23146893670f63e92299471c16', 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: '1aae13789d0cf5015edd25b96fb83349f2ac94a4', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: 'ff27ca8043ff1885ca7725ddde22a19116612aea', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: '25d46a158da0f191f3700e03cd7a9decf72b8cac', 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: '77c8176dedda8042a657a6817b36ad8dac11870f', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '32987b097ee17a30691d4ca9669f2dd8db121236', 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: '756848de1814d81e2dd654f1d1449fefb06e61f2', 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
38
  }
34
39
  static get is() { return "xv-text-input-v2"; }
35
40
  static get encapsulation() { return "shadow"; }
@@ -296,6 +301,25 @@ export class XvTextInput {
296
301
  "reflect": true,
297
302
  "attribute": "block"
298
303
  },
304
+ "clearable": {
305
+ "type": "boolean",
306
+ "mutable": false,
307
+ "complexType": {
308
+ "original": "boolean",
309
+ "resolved": "boolean",
310
+ "references": {}
311
+ },
312
+ "required": false,
313
+ "optional": true,
314
+ "docs": {
315
+ "tags": [],
316
+ "text": ""
317
+ },
318
+ "getter": false,
319
+ "setter": false,
320
+ "reflect": true,
321
+ "attribute": "clearable"
322
+ },
299
323
  "size": {
300
324
  "type": "string",
301
325
  "mutable": false,
@@ -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: '0d6ad5edfcf8fb6773d78a643aa704cdfecc12a0', class: { disabled: !!this.disabled } }, h("label", { key: '4d3c7642d2b5be570e40310e9468862446dc32fb', class: "control" }, (this.label || this.max) && (h("p", { key: 'ca2d4769a3fb69f1afd35e0723de1007fdd78c79', class: "control_label" }, h("span", { key: '1e6aab8fcfbb386f12da1eb6fc7a6dd526e94fdf' }, this.label, this.info && h("xv-tooltip-v2", { key: '6bc26411f61475177cf92753e0776424c7d7d634', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'f65de7346b7ca086e11acca0a4c4c7f0767b4ae8', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '492ff2c4fb75057050d5a4b7db3d9ac10f282418', class: {
23
+ return (h(Host, { key: '2f2c542bb1a9d69d47da720072b6437de12edd80', class: { disabled: !!this.disabled } }, h("label", { key: '0789ee447c5716570e8262a94802651b8cc0462e', class: "control" }, (this.label || this.max) && (h("p", { key: 'c9bbe62a7f0b1c508d24c714118611eaed9ceebc', class: "control_label" }, h("span", { key: '2bb448a77317c28d066ce15c5ae4834814d1ab6f' }, this.label, this.info && h("xv-tooltip-v2", { key: 'e7123ec2dc1454a8cc5d5fa038f93d346f4ae6fc', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'fcf15a21f45e16cc1624208d4e5895446b127020', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '922729421cb52f1f3c0f6531b0fed8009e110256', 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: '731266a637bbdcae5a3da8c689c315979964cbb1', 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: 'd472bb9145c8e1ce7252a290d28bbf8369e45bdd', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: '9dcd6fb14615c2471eb3848c7fd2513874cd6035', 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));
28
+ } }, h("textarea", { key: '7f68c82eda17184e28e9a4d997761ea62aabb5fb', 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: '2b61ca5045e7282225981d94b410684d7c8b4209', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: '4799cd84c6843d21d1cc78ea9acc1da73cd3d7c4', 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: 'ec3ba694a1f3eb783b60fecbcdd14287d588c4de', class: "xv-tile--host" }, h("label", { key: '65a21f79a250dd79316d064dde627f6fe5b2805b', class: {
32
+ return (h(Host, { key: '778291b3cae6d34530d821395937b4d108684879', class: "xv-tile--host" }, h("label", { key: '290526f3ac77fe61eeb4a98fbea8f013be1da263', 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: '761e9416ca4b1754e03316de73fee32efb023152', class: "xv-tile_content" }, this.label && h("p", { key: '496e4275da6567d1264a38b69b78cf8283c640d0', class: "xv-tile_content__title" }, this.label), h("slot", { key: '567e6e6a8d0cd895ba9edc4f5b5377763ab10108' })), this.variant === 'selectable' && (h("div", { key: '2eb9b60a3eb578c88002160e9e7adcee7d209056', 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: 'd4c28994dde438425291164e59ec08e08e4eaaf8', class: "xv-tile_footer" }, h("button", { key: 'da3f09412c3e88322484cf51eb5a7f0878e4a1fc', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '28c41a2a9021f39672c45ecee44bc6aad691dc9d', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'ebd93394a333447d68881658ed80b6341205586c', name: "expandable" })))));
40
+ } }, h("div", { key: '391755b63af0359c40a51bae83695b74cb11d647', class: "xv-tile_content" }, this.label && h("p", { key: 'e82e1ec94eae3badf111a8d4d331048b1d3d386e', class: "xv-tile_content__title" }, this.label), h("slot", { key: '095d9d9dad95b24884738cca5048e68dea353087' })), this.variant === 'selectable' && (h("div", { key: '41ed7c743f8986e5bee5e0033f66a808ec17a909', 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: 'a8a42cceab0cc17cb209d1b63be52af8b5b72be8', class: "xv-tile_footer" }, h("button", { key: '6a8b53ff755a2cac43eb413b77d13732076d303b', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '2bce8e80f0f24b93e0d05a1c87e8a2cca988a7f2', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '18fe736e9f5df4ea0cb420fccf92972d095515a4', 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: '824523810a78d1bfd3fd5278913047d97f330c2c', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '7ba4c98ffa0443a330c7010d9e41f36ae6be558b', class: "label" }, this.label), h("label", { key: 'd581495423115bcca7b9c0517f5523dc88350b64', class: "control" }, h("slot", { key: 'f7b1184d763da297f9687ccce68dfbafbb189c08', name: "before" }), h("div", { key: '03a6f7dc0bc8020894524bd5b316e1b88201f247', class: "control_input" }, h("input", { key: 'e50cdd77b125f43ecb36365ab7347fddd0061dbf', 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: '8e2af7a7f3a075982c7b7e8103d6d03946f901c4', class: "toggle" })), h("slot", { key: 'd249ca7ca0e97f12ba7921a12f5480a77bc9560f', name: "after" }))));
18
+ return (h(Host, { key: 'e603736ce67dd57553390dfcc1b76cde38eb6190', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '7677177d6add94f70bf5d0217edc39a869851b22', class: "label" }, this.label), h("label", { key: 'a92364520ab3983e75ccbb51f95392df2a64cf6c', class: "control" }, h("slot", { key: '3cc967c6b42754bf7db4047fcb9e7a8a361fb05c', name: "before" }), h("div", { key: 'a812ccbaf60a1c4ebefb3ef4876ae8eaebaf4038', class: "control_input" }, h("input", { key: 'e52350af812525e68be5cb1ce08214496fc426d8', 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: 'a4d894bf4f2967185bf9024f70f171c81589dcb0', class: "toggle" })), h("slot", { key: 'f7cf3c1fff580a04ce451949b646b3168e993eb9', 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: '95144bb5e1e8e7dfe22f7191d9920f902b8f0d1b', class: "xv-toggle-tip" }, h("div", { key: '7c8a669f220c3b47c9245af85aa0699e474447ed', 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: '905567440f32e2fdeba80cede5506e2a51e9da99', name: "trigger" }, h("svg", { key: 'b3db10d581509498b3905749e1aac47c7c04c99e', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '6f1c4e71c07e51e5b41a3a3b06840cdccb4f5856', 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: '3f652e88df9d5fc7f4b757b2c4e99ae095ce784e', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: 'c0ba1c8d7e51dc0cc6e02ebf1f0c698778dbe4cd', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '13a4ca0eea582bd93ca920cd3664a10fe6861921', class: "popover-content" }, h("slot", { key: '44bacb0a3f6e02a2ed2d389e76fb518a890c9e9d', name: "header" }), h("slot", { key: 'f41b3b2d09f670dfcae2b91bf6ced0ec6eb291c6', name: "body" }), h("slot", { key: '59f1312c1307273e7fcdf2438f0f67aee0741a6a', name: "footer" })))));
70
+ return (h(Host, { key: '9218fe777d145efaa6ba9ac0371bb763ec5c12eb', class: "xv-toggle-tip" }, h("div", { key: '6678b8eb112d70360068af465792e5d9a94f2a24', 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: 'd70a6820a9ae568bc44ae8f706cec2d571b63ce2', name: "trigger" }, h("svg", { key: 'e2f11c13eb54ed48c426443147a78b700f43b60c', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'c8ddca63d2068029533b13b9b7bf289d7615dafd', 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: '98458a57d265c7c42be6a2b3dedafcf87b9ad626', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '0dab84322c3a4123e732f65a99cf0661888c1e89', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'e3a1a4af5bb388a819641116cd5e88605c7f8abe', class: "popover-content" }, h("slot", { key: '959f27028df8fe7250647531ede57bdca839363b', name: "header" }), h("slot", { key: '6287f29117e963f813f1fedc57d63f78dd99d6bd', name: "body" }), h("slot", { key: 'd3148b03d4bfc3769674fdd8e0cca69937bc371c', 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: '980414b5a2987f07d7a2b5fe6e26f3fc6e8740a4', role: "tooltip", class: {
41
+ return (h(Host, { key: 'cd27e64240c4336ee3c0d5ef2f7e177fe64312ec', 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: '2ec5dd1c79e1702cc33ac5ab63b38e590824ae9f' }, h("svg", { key: '801c3f35ef506e36fc002cab0cf803f29ac89964', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'b8b4de91aa61294482a8ba6a1c35fe182ca72b6d', 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" })))));
45
+ } }, h("slot", { key: 'd0792746ece79b6af75a15ebf99933cf50080477' }, h("svg", { key: '4885129b0c5aa1e34f6e70d726a2639d7a7c7503', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '446060cc4d6c56bc5356cdc9cfd5252b5306a7e7', 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() {
@@ -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-v2_48",[[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}]}],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"loading":[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}]}],[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"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32],"errored":[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"]]],[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-button-group-v2",{"variant":[513],"multiple":[516],"value":[1025]},[[0,"click","handleClick"]],{"value":[{"onSelectionInputChange":0}],"multiple":[{"onSelectionInputChange":0}]}],[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],"alignment":[1],"size":[1],"tooltip":[1],"anchor":[1],"activeId":[32],"openMenu":[64],"closeMenu":[64],"toggleMenu":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"anchor":[{"anchorChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4],"href":[1],"target":[1],"divider":[516],"hasIcon":[32],"hasIconEnd":[32]},[[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],"active":[516],"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"],"currentLocale":[1,"current-locale"],"locales":[1],"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);
7
+ return bootstrapLazy([["xv-accordion-v2_48",[[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}]}],[1,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"loading":[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}]}],[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"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32],"errored":[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"]]],[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-button-group-v2",{"variant":[513],"multiple":[516],"value":[1025]},[[0,"click","handleClick"]],{"value":[{"onSelectionInputChange":0}],"multiple":[{"onSelectionInputChange":0}]}],[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],"alignment":[1],"size":[1],"tooltip":[1],"anchor":[1],"activeId":[32],"openMenu":[64],"closeMenu":[64],"toggleMenu":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChangeHandle":0}],"anchor":[{"anchorChangeHandle":0}]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4],"href":[1],"target":[1],"divider":[516],"hasIcon":[32],"hasIconEnd":[32]},[[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],"clearable":[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],"active":[516],"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"],"currentLocale":[1,"current-locale"],"locales":[1],"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 };