xv-webcomponents 1.24.11-qa.0 → 2.0.0-beta.2

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js

@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
         this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
     }
     render() {
-        return (h(Host, { key: '70a066ed39b26ced1901dcc6cb8869f351042611', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '34ceb1063b044e65c5e21515ff8f72e8efe460cc', class: "line" }), h("span", { key: 'a3aa41c5682ce5b044e87a3452654dc98c16c83c', class: "icon" }, h("svg", { key: '7a35559ad68b93105d28efd94bcd8eb148cd7fa1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'acbfc059d9bc93cbb62c545eb0946b4c4052416f', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: '1400da29249e2fe61d9c261d10f99567a2b85304', class: "label" }, h("slot", { key: 'e7dc90f2f28c6c4262fbab374d6aee19804a47f8' }))));
+        return (h(Host, { key: '095d2a3ab584938764e1ce056f8f4a4e03838b88', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '77ac13565ced65dbc52eda61d15bff0bfe8253b2', class: "line" }), h("span", { key: '104664fce3e8512edaf71c76d5bf76cce7c397e4', class: "icon" }, h("svg", { key: '3d81d279fa5ef3e50ee4a3b315097986ffb57546', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'e109447615213d59eb17539fc0c0d649360c2d64', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: 'd7120219126685f42ab267b60a5397bd69b5d61c', class: "label" }, h("slot", { key: 'f8e873bfa1b913c74e1971fe4445fdd2473b9262' }))));
     }
     static get is() { return "xv-progress-indicator-v2-item"; }
     static get encapsulation() { return "shadow"; }
@@ -31,7 +31,8 @@ export class XvProgressIndicatorItem {
                         "PROGRESS_ITEM_STATUS": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-progress-indicator/_vars.ts::PROGRESS_ITEM_STATUS"
+                            "id": "src/components/xv-progress-indicator/_vars.ts::PROGRESS_ITEM_STATUS",
+                            "referenceLocation": "PROGRESS_ITEM_STATUS"
                         }
                     }
                 },

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js

@@ -55,7 +55,7 @@ export class XvProgressIndicator {
         this.updateChildItems();
     }
     render() {
-        return (h(Host, { key: 'ff5c1024d3a111514491a3a12fe20066f6af045a', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '5f7383500e4d73b1f3859b7ee9ae1a8a80e3be85' })));
+        return (h(Host, { key: '48d7968fc2b8d205171b1bd111b04de7c7939979', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '740f57cea4b36e53d02c42527504003fd188fa45' })));
     }
     static get is() { return "xv-progress-indicator-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -83,7 +83,7 @@ export class XvProgressIndicator {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Current progress\nfrom 0 to 100"
+                    "text": "Current progress\r\nfrom 0 to 100"
                 },
                 "getter": false,
                 "setter": false,
@@ -103,7 +103,7 @@ export class XvProgressIndicator {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Progress variant\npossible option `horizontal`"
+                    "text": "Progress variant\r\npossible option `horizontal`"
                 },
                 "getter": false,
                 "setter": false,
@@ -121,7 +121,8 @@ export class XvProgressIndicator {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },
@@ -129,7 +130,7 @@ export class XvProgressIndicator {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Size of progress\nenum SIZE_VAR\npossible options `XS | SM | MD | LG | XL`"
+                    "text": "Size of progress\r\nenum SIZE_VAR\r\npossible options `XS | SM | MD | LG | XL`"
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/xv-radio/xv-radio.js

@@ -25,12 +25,12 @@ export class XvRadio {
     }
     render() {
         const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (h("div", { key: '3ae31a4819b53d18d2bf91e8ed3d9b86c8c1a4af', class: {
+        return (h("div", { key: '78a696124ace0194164abfdd9b9cf0dae5663c25', class: {
                 'xv-radio': true,
                 'xv-radio--reverse': this.reverse,
                 'xv-radio--block': this.block,
                 [`xv-radio--size-${this.size}`]: !!this.size,
-            } }, this.label && h("p", { key: '32b78dba6a4a7852f7ccebf762c5378cb223794c', class: "xv-radio_label" }, this.label), h("label", { key: 'bfbd3de534dc8aafd1226b2fc9bd0d3ab7e696a8', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '12b31d0be2bc7e0353fbdcc5e3b91b44d2612a8e', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: 'e2f8d6d7550ba06ae31e4b81516bbbc6c6f38614', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: '1354ee35781fa030b465b78f4421901c536b5080', class: "xv-radio_input__mark" })), h("span", { key: 'c70b218bfdf1a28d87eb4b86f0a701d734878683', class: "xv-radio_container__label" }, h("slot", { key: '0a14170ef488242d42e24146fff6e139aca38b23' }))), message && (h("span", { key: '4ad2280080995ae826611023015a7953221f8cea', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: 'd22113045df97429450183e54e5616dfe996984b', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '770306d1e7aa1a380b90813e94319b6257921536', name: "info" })));
+            } }, this.label && h("p", { key: '895d292b60056c47d085942204bda2172f1cb1f9', class: "xv-radio_label" }, this.label), h("label", { key: 'ad104662e82e4e49c79e1c1059f67b9a1dc1b4d0', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '982c57a82e6346926571843e0d82014572eb4f55', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: 'd9f0ec401a8d960446d175f9c716125e9a76d23c', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: '065508427f0788c19fa8ce0b380e6f04c9f3f2d6', class: "xv-radio_input__mark" })), h("span", { key: '3edaf56714cc54403e99f14ad82d9bd65106b4ff', class: "xv-radio_container__label" }, h("slot", { key: '6e4f98fd856b503516870e457b326ba4e592c3e2' }))), message && (h("span", { key: '683f26fc4c9f77e2aef9c716fe7b010276cf911a', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: '77c8e8c5e63f1b99ae92dc9f1b2743f95fd9fecd', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '446f5d0c261b225cf86ab53c17b8e80e995237e0', name: "info" })));
     }
     connectedCallback() {
         var _a;
@@ -334,7 +334,8 @@ export class XvRadio {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-slider/xv-slider.js

@@ -38,7 +38,7 @@ export class XvSlider {
             this.setValue(this.min);
     }
     render() {
-        return (h(Host, { key: 'f7cf8d660b5ee4b8cdc577d06ddeba3dec2b8b81', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '0cb07355af35c598699f71e52c04efc8ee8444d6', class: "label" }, this.label), h("div", { key: 'ecd2a38a628a673750dd445de887b81e4bb44ba6', class: "control" }, h("span", { key: 'af4c82b1e1eb8f10cd7a9f1b6525a4378f8f4b88', class: "control_label" }, this.min), h("input", { key: '98448e2ee6c948361151e0fa5afbb3c3b649971b', 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: 'a522155c7ed3a483a94b0c91f125aac888733f19', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: 'b3b2a7284df92d9b8d6b09ed80203804693e3662', 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 })))));
+        return (h(Host, { key: 'ed2b742de5bb3b3dc72776e18df4c06a7322acf4', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: 'b01428e20fc4034f8bf4597ec1b0a05f7c0e3724', class: "label" }, this.label), h("div", { key: 'ea74b08ac9ba4870f8ab1faa6c4ae9bf766967df', class: "control" }, h("span", { key: 'cede2155f4e93ec8ef3ea2fb53e14a26ca7d2ed0', class: "control_label" }, this.min), h("input", { key: 'dc456088e17cde56d99139155f596e7a5587b75c', 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: '04a125979c07e8c83d897ff43ea682a209156c00', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '3fa69300100cf1784e0e9938d15633d014fab66c', 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 })))));
     }
     static get is() { return "xv-slider-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js

@@ -105,7 +105,8 @@ export class XvTableCell {
                         "XV_SORT_DIR": {
                             "location": "import",
                             "path": "../../../types/enum",
-                            "id": "src/types/enum.ts::XV_SORT_DIR"
+                            "id": "src/types/enum.ts::XV_SORT_DIR",
+                            "referenceLocation": "XV_SORT_DIR"
                         }
                     }
                 },
@@ -140,7 +141,8 @@ export class XvTableCell {
                         "XVTableSortDto": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::XVTableSortDto"
+                            "id": "src/components/xv-table/_vars.ts::XVTableSortDto",
+                            "referenceLocation": "XVTableSortDto"
                         }
                     }
                 }

package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js

@@ -71,7 +71,8 @@ export class XvTableRow {
                         "SelectRowDto": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
+                            "id": "src/components/xv-table/_vars.ts::SelectRowDto",
+                            "referenceLocation": "SelectRowDto"
                         }
                     }
                 },
@@ -96,7 +97,8 @@ export class XvTableRow {
                         "SelectRowDto": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
+                            "id": "src/components/xv-table/_vars.ts::SelectRowDto",
+                            "referenceLocation": "SelectRowDto"
                         }
                     }
                 },
@@ -121,7 +123,8 @@ export class XvTableRow {
                         "SelectRowDto": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
+                            "id": "src/components/xv-table/_vars.ts::SelectRowDto",
+                            "referenceLocation": "SelectRowDto"
                         }
                     }
                 },
@@ -146,7 +149,8 @@ export class XvTableRow {
                         "SelectRowDto": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
+                            "id": "src/components/xv-table/_vars.ts::SelectRowDto",
+                            "referenceLocation": "SelectRowDto"
                         }
                     }
                 },
@@ -295,7 +299,8 @@ export class XvTableRow {
                         "SelectRowDto": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
+                            "id": "src/components/xv-table/_vars.ts::SelectRowDto",
+                            "referenceLocation": "SelectRowDto"
                         }
                     }
                 }
@@ -316,7 +321,8 @@ export class XvTableRow {
                         "SelectRowDto": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
+                            "id": "src/components/xv-table/_vars.ts::SelectRowDto",
+                            "referenceLocation": "SelectRowDto"
                         }
                     }
                 }

package/dist/collection/components/xv-table/xv-table.js

@@ -32,7 +32,7 @@ export class XvTable {
             .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
     }
     render() {
-        return (h(Host, { key: '9e63c1f7a17abc361feb7653e4f5402d3d95334b', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '0e4e80ad1419aa111a08f966f9627122cad4ac9a', name: "title" }, !!this.el.title && h("h2", { key: '9027fcbabde7c4ed5eb1ba0decef8e42045ea645', class: "xv-table-title" }, this.el.title)), h("slot", { key: '843a033b11a93d418af533cb795a987f8ba58227', name: "toolbar" }), h("div", { key: '82b13508a6a29bdd24562a77c90116450318136b', class: "xv-table" }, h("div", { key: '547f8d32334af4436003f3dc9c5dd138406cc32c', class: "batch-actions" }, h(Fragment, { key: '44b9eca78485599fedc5e8924b5d39cb7bf4f340' }, h("div", { key: 'c327a6d32db27f53bd4f4a3588e8c1ec24ed5993', class: "batch-actions_content" }, h("slot", { key: 'ce0b3c3dc1a6a3a6c8a8565a92d23cf8b61d4314', name: "batch" })), h("p", { key: '36a74c84144ea8bb685493d5b3e518c8c94e964a', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'a4cf2de4655c5a6d9517c55dbdc2a9c6671b68ad', class: "xv-table_wrapper" }, h("slot", { key: '7e333891bf52df0982fb530c79d1063e0b6da498' }), h("slot", { key: '1b6adcce466197e76a131b6e1544ebb8bdd6bd1e', name: "footer" })), !!this.loading && (h("div", { key: '956cf79dd0e81e8df74be4541ac4013191b07fce', class: "xv-table_loading" }, h("xv-loader-v2", { key: '8505396816e2874a6a463faea14fd8e03b1b8cce', size: SIZE_VAR.LG }))))));
+        return (h(Host, { key: '1f954a0f71091fec58ed541ab9b71e07e756acf2', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'cc4af9285051a8ce0eda8df5d306b9834815513c', name: "title" }, !!this.el.title && h("h2", { key: 'd74ca7c913d6b5239acce4a6e154dae57a325dd4', class: "xv-table-title" }, this.el.title)), h("slot", { key: '00df66a0aae78ac291ed818f123fa508e7437b91', name: "toolbar" }), h("div", { key: 'b5d81c782aa533dc591ec77ffe4fc71cffeafc86', class: "xv-table" }, h("div", { key: 'efa26ad85d880de121d53ecae616f0b0468b8c74', class: "batch-actions" }, h(Fragment, { key: '4a808f4de6683dd524057c6199c2e80b11860d8d' }, h("div", { key: 'ae5cce54e37780f32724e7ff9ef2549e5020b7f7', class: "batch-actions_content" }, h("slot", { key: 'f5b19fc73ca2e7cb1af08fcf23d42c817d531870', name: "batch" })), h("p", { key: '2f445105146d1d2ebb080f76c5bb81848e3e2a43', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '6f41e51583e6d2a5dc076999fee3e573b062ad1f', class: "xv-table_wrapper" }, h("slot", { key: 'acccd9efedf38d59bde44f2f9d6ac2aec0ffa948' }), h("slot", { key: 'db6b9a957e4bc4e670f5c082c999c1931e36b6c1', name: "footer" })), !!this.loading && (h("div", { key: '3096c66919118c66992dd13e7b868c588876974c', class: "xv-table_loading" }, h("xv-loader-v2", { key: 'f469390775597fcfb9787749a915098eb0567d64', size: SIZE_VAR.LG }))))));
     }
     componentWillLoad() {
         this.setColsSizeTemplate();
@@ -61,7 +61,8 @@ export class XvTable {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-tabs/xv-tabs.js

@@ -151,7 +151,8 @@ export class XvTabs {
                         "TABS_VATIANT_STR": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-tabs/_vars.ts::TABS_VATIANT_STR"
+                            "id": "src/components/xv-tabs/_vars.ts::TABS_VATIANT_STR",
+                            "referenceLocation": "TABS_VATIANT_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-tag/xv-tag.js

@@ -13,7 +13,7 @@ export class XvTag {
         this.closeClick.emit(e);
     }
     render() {
-        return (h(Host, { key: '77385d3b4d4d91c3a10b874542a84d8cc0387053', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'aaf0387d916f0956ce14b55157da88c9e395a78b', class: "xv-tag_content", part: "details-content" }, h("slot", { key: '16103821bce77aa4bc9349171e993992063c7b28' })), this.closeable && (h("button", { key: '50b594b2751c2c331bb8eed3c92059318c018290', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
+        return (h(Host, { key: 'cd0cab01aba5ad627de9cc282c57032b83280c92', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '094a98000cf24d32d8fc47821f0aa704ab61419e', class: "xv-tag_content", part: "details-content" }, h("slot", { key: 'c19eeb245989563c381268b0ffdaf6d228c9bc04' })), this.closeable && (h("button", { key: '38df038e4ec7ebcf387ba1008f7bb3e66fe93cfa', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
     }
     static get is() { return "xv-tag-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js

@@ -242,12 +242,12 @@ export class XvTagCombobox {
         const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
         const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
         const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (h(Host, { key: 'e60929011a37dadc02b6c97074b9ea3597efc69e', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '7b50d4e03f1f710d47a331f8a34955f1286c18e2', class: "label" }, this.label), h("div", { key: '496e2f93831c245ff07bfd091df93464a02700e6', class: {
+        return (h(Host, { key: '5b78581d7d76f3f8548a8879831c1774b0f6e3ba', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: 'd2d7249c6b2c65018ab203ce71b72df3e19aa2d8', class: "label" }, this.label), h("div", { key: '5d5782acb42a47e6b61151eeb3a2b20bb440b335', class: {
                 'control': true,
                 'control--disabled': this.disabled,
                 'control--error': !!this.error,
                 'control--readonly': !!this.readonly,
-            }, onClick: () => this.blockClick() }, h("div", { key: 'd9d48a15bef226f8fd1b9560033bc2ffe0488ea4', 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: 'e691b87972ab0ed01b0241b30d34e381d4011d35', 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: '85e296aea064e3a4704d1e436049cd0f17870613', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: '11b47534c6bd60066e996c8554013a04f8bc4a74', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '9cb3dc1d6be3a0bf501a0c4b5138a286057be343', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: '48aa3682898fe62d0228f43c4fb11de0b9494710', 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)))))))))));
+            }, onClick: () => this.blockClick() }, h("div", { key: 'bcebbb940ffacac018068926ff3f714d60848d31', 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: '231998800b3984fc5d8f98e3b387c856aefe2c3f', 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: '06553869f491586642f501cb5fcfc14e2ba6f1f4', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: 'db81d3335f20e26a0049508340da8cb3f59c24d9', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '912315e151754bf4f8c63fbec64f3433bdbfac9d', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: 'c68bdb4c63e330440a038be034c1edefee84015c', 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)))))))))));
     }
     static get is() { return "xv-tag-combobox"; }
     static get encapsulation() { return "shadow"; }
@@ -273,7 +273,8 @@ export class XvTagCombobox {
                         "TagComboboxOptIn": {
                             "location": "import",
                             "path": "./xv-tag-combobox.config",
-                            "id": "src/components/xv-tag-combobox/xv-tag-combobox.config.ts::TagComboboxOptIn"
+                            "id": "src/components/xv-tag-combobox/xv-tag-combobox.config.ts::TagComboboxOptIn",
+                            "referenceLocation": "TagComboboxOptIn"
                         }
                     }
                 },
@@ -317,7 +318,8 @@ export class XvTagCombobox {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-text-input/xv-text-input.js

@@ -30,13 +30,13 @@ export class XvTextInput {
     }
     render() {
         const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (h(Host, { key: '43b395b4ae2d9b12b0b6e8c205832b01b444eff9', class: { disabled: !!this.disabled } }, h("label", { key: 'a5a026fc3effb39012c6915b01e4440e89496c13', class: "control" }, this.label && h("span", { key: '9289ff9d91d277e003257766d5bc828d4c0f5998', class: "control_label" }, this.label), h("div", { key: 'ad3217dc73fbddc134fb823a8b66a605bca4c2e7', class: {
+        return (h(Host, { key: 'bb73bf066f367a9062cebeb186bce1310929d6ac', class: { disabled: !!this.disabled } }, h("label", { key: 'c6051d9ecac23444845e61345631aede0c5a14c2', class: "control" }, this.label && h("span", { key: '921f096a485031eeb34b3385200270a29f1d61d1', class: "control_label" }, this.label), h("div", { key: '2e8a94946100504e6a5d820f4a2c67c03557fe1f', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 [this.size]: true,
                 error: !!this.error,
                 warning: !!this.warning,
-            } }, h("input", { key: 'a4aa380c75e08596012b32915b5801bb31c6af79', 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: '35c161e73e8618702d901fb526a5aec4d3bf02d0', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '43592e719837a391dd0b48465146884739d77a6c', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: 'fb8027d93f562377d70252d07cab8440c0554e35', 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: '620ed023d03e5e8583fdfeb028d49806094f08de', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '77421524e6041b62fe5675daec3dc9e11c5a49e1', 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: '6365962d7a21f79f1d705deed078f352ec311b99', class: { message: true, [message.level]: true } }, message.text))));
+            } }, h("input", { key: '2f458206c2ba1960611e57e14167d2d40b34c433', 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: '1028060cff07974a58f87e6ee097e0f7eeaf00ee', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '478195557f75714c67a98020229c4c1591ab015e', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: '4019006c7b199a3f2014d36284d20e1a17d122ae', 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: 'b3405a4b94e72b0e577c36448cae2afdea3e6b7a', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '39cbc33366ff94fc0893f3ccff1716b862d232bd', 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: '13bdeb70bde027cd09a66645298efe8b0d98b9a6', class: { message: true, [message.level]: true } }, message.text))));
     }
     static get is() { return "xv-text-input-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -332,7 +332,8 @@ export class XvTextInput {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-textarea/xv-textarea.js

@@ -22,12 +22,12 @@ export class XvTextarea {
     }
     render() {
         const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (h(Host, { key: '32cde85fad74f49fc14a928eb652a59c07e909d0', class: { disabled: !!this.disabled } }, h("label", { key: '3ecb0591842d2ca2ba3099e4cf273a85b96c0339', class: "control" }, (this.label || this.max) && (h("p", { key: '1a624bff259ecc4854da70bf784178165f204d8e', class: "control_label" }, h("span", { key: 'c615f9d6b36a782592619421598650594b5983d0' }, this.label, this.info && h("xv-tooltip-v2", { key: '469dd76f58eeb7c7b4664dd8b5c577597bd308ed', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'b35c81ea8ced8f91fb1f2c572bb57ddaa111b434', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '3176748cbf9379b92bd1b8cfdae87a860545c326', class: {
+        return (h(Host, { key: '658e393a65602e686906bd2ad9eca9efd0d185fc', class: { disabled: !!this.disabled } }, h("label", { key: '93ad9edea381b99bcb7bcf1f692db00800776bf3', class: "control" }, (this.label || this.max) && (h("p", { key: 'fa5d19c60d4d528fe1fb7e7d5505d9927e69b1ec', class: "control_label" }, h("span", { key: '4bf48eb50474b3b74417a5ad3c01d09f6b485034' }, this.label, this.info && h("xv-tooltip-v2", { key: 'd7f1d420fbb2fa18d598b83e75a5218e4de1bfd4', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '5053f5fa4902e4079d6163db7c13ff659bb656e5', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '52762934c658eb768e494963ece43228dfa5926e', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: this.warning !== undefined,
-            } }, h("textarea", { key: 'ff8584218a0d3702cb2047560404e90d28fd1812', 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: '464cdd3d774d99e3362b7b3c68f7e69f32d51687', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: '832b54de9b533b8f0e39540e27c2e49e27b5556e', class: { message: true, [message.level]: true } }, message.text))));
+            } }, h("textarea", { key: '7b2e78e20deaf989e72df9ff44a78d3111b775ac', 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: '9cea8ecb9db775ce6aaa7573a140d5d308ff0d30', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: '7ddc85f57fca259024f1060ec85265f5c661e4e8', class: { message: true, [message.level]: true } }, message.text))));
     }
     _renderIcon() {
         if (this.loading)
@@ -372,7 +372,8 @@ export class XvTextarea {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-tile/xv-tile.css

@@ -161,7 +161,7 @@
   background-color: transparent;
 }
 .xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before, .xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after {
-  border-color: var(--text-disabled, rgba(18, 18, 18, 0.25));
+  border-color: var(--text-disabled, hsla(0, 0%, 7%, 0.25));
 }
 .xv-tile--host .xv-tile_control input[type=radio] {
   border-radius: 50%;

package/dist/collection/components/xv-tile/xv-tile.js

@@ -29,7 +29,7 @@ export class XvTile {
         this.checked = !this.checked;
     }
     render() {
-        return (h(Host, { key: '3db56124d26e5331321aaa2d44ced2db9d4f25e2', class: "xv-tile--host" }, h("label", { key: '4f60c98b1d81496beb2fe393cce26c59a02145c6', class: {
+        return (h(Host, { key: 'a2c476c09c531b51f71f991e1880b2a47204491a', class: "xv-tile--host" }, h("label", { key: '3e2a54ab149f6043179bb7d1cc9e37496482cde4', class: {
                 [this.el.className]: !!this.el.className,
                 'xv-tile': true,
                 [`xv-tile--variant-${this.variant}`]: !!this.variant,
@@ -37,7 +37,7 @@ export class XvTile {
                 'xv-tile--disabled': !!this.disabled,
                 'selected': !!this.checked,
                 'xv-tile--error': !!this.error,
-            } }, h("div", { key: '052af1d2271a3c1ab8e054283bd607d451a7907c', class: "xv-tile_content" }, this.label && h("p", { key: 'd8352f828901347e56fd6dabe4dfd4cbff243437', class: "xv-tile_content__title" }, this.label), h("slot", { key: '292b5129abdcdf19267f9f8affa7ae69b3fc3c5e' })), this.variant === 'selectable' && (h("div", { key: '6e80e294fb9b317c395672511db2aceb04a55d95', 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: 'c863ad11287f0287b648a90d5bd511febf9298dc', class: "xv-tile_footer" }, h("button", { key: 'f85a61b433ec3e78c7b2b4037ac4afb8084dae80', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '4c77d1362b02c683f57f38cae820a0795e64f0ea', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '3d83e120b16f1cdfb9dd0bcf3158648f3e70df32', name: "expandable" })))));
+            } }, h("div", { key: 'fc25a98acbca605f9dc1184d60303e8114e2e43b', class: "xv-tile_content" }, this.label && h("p", { key: '0f466d3aa936261cdc54a0b7492b5f5737b2a778', class: "xv-tile_content__title" }, this.label), h("slot", { key: '8e6c17221070c8c5bde4049b55943155ba2e7c17' })), this.variant === 'selectable' && (h("div", { key: '98a511f78a1dfbbcc65e971a0dad71510a6830c5', 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: '0bcfa73c1f2fb1b2d6d2740258cde9483dbdcd87', class: "xv-tile_footer" }, h("button", { key: 'e6a2b02d5b4596596ba216c300c954fbb08268ee', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '700535d5440bb57fd31382a2c0d0803f7cbdf239', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '3888e0d07a757ef7e9f8d9a16ca04c9cce814b06', name: "expandable" })))));
     }
     static get is() { return "xv-tile"; }
     static get originalStyleUrls() {

package/dist/collection/components/xv-toggle/xv-toggle.js

@@ -15,7 +15,7 @@ export class XvToggle {
         };
     }
     render() {
-        return (h(Host, { key: '2b31ae2defc4f7d8e1c210b20f4a3fb8af931866', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '2f5d7411afbee3f46952075cd89665266504572d', class: "label" }, this.label), h("label", { key: '529a49324f6b2ee05752427ddf1b2018c1282347', class: "control" }, h("slot", { key: 'cebd95dded17d65d550a8fbbc31e4a59f150a9c8', name: "before" }), h("div", { key: '6ae44e937e46f20e3e4b9666bf4ab47c30e26565', class: "control_input" }, h("input", { key: '4bc5cb456d92ebb6c69be10d8811f77a8e683e7d', 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: '67570ef5b308bdfde75de2f2edc5b06ae56a55dd', class: "toggle" })), h("slot", { key: 'adaf4b0186e737b9f3432a6d89eb3cb6062e84ec', name: "after" }))));
+        return (h(Host, { key: '37a5b9544456493cc34c79b2b7f5b00e23e287c2', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '0a25845f45dafed5e868dc09443c45d566dc9c3f', class: "label" }, this.label), h("label", { key: '5d1da814a7de2b5965d51fe2eb1f17cfa30f6a0d', class: "control" }, h("slot", { key: 'c739617e825bf2ed051175cbeb5eb83d1fc298f3', name: "before" }), h("div", { key: '32bd77c1ca5f8e58892cf41d9004f3f38a63bb10', class: "control_input" }, h("input", { key: '9447c95ba00b07b288f650ac169f816607d624b9', 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: 'ce5ae18fa782dda6a28e45e297cc9e04ace9c7cd', class: "toggle" })), h("slot", { key: 'e4005eee0f127a0a1a59c1930aae06fac534ae77', name: "after" }))));
     }
     static get is() { return "xv-toggle"; }
     static get encapsulation() { return "shadow"; }
@@ -159,7 +159,8 @@ export class XvToggle {
                         "SIZE_VAR_STR": {
                             "location": "import",
                             "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR_STR"
+                            "id": "src/types/enum.ts::SIZE_VAR_STR",
+                            "referenceLocation": "SIZE_VAR_STR"
                         }
                     }
                 },

package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js

@@ -67,7 +67,7 @@ export class XvToggleTip {
     }
     ;
     render() {
-        return (h(Host, { key: 'e7954243635bd7420feb8a40d130341ae8849bba', class: "xv-toggle-tip" }, h("div", { key: 'd1fc4e4f61880ab219f4ba1b0f908077a58e5134', 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: '1ab4b9c5f21dacd8b82f8e60585076367567216f', name: "trigger" }, h("svg", { key: '72dcf0c9dada11b0c58ecde78a3b0081d6a2d255', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '610419726f4fca0f6b8793272c7b1f460663e7c1', 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: 'ac59c68e89edf7aafa9b3dd2576486a70fcbd4e2', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '9d49318793bf61bfbb64bb4f985ab868bdaf2545', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '8c165fbef50d7f2adb8a07d16a01e4346083831a', class: "popover-content" }, h("slot", { key: 'ed871e524e5a0b8c3a2e0d230f8d66b7ab99ccc4', name: "header" }), h("slot", { key: '34824d18b0cd7135fc6cc0e7596c315ee60da19a', name: "body" }), h("slot", { key: '1d1ddfc3c731f54fc1d75214839530f95f0f712d', name: "footer" })))));
+        return (h(Host, { key: 'fd081052d0ce9e3c3505e99914eb765e2c708144', class: "xv-toggle-tip" }, h("div", { key: '7820225106348327e96a5620a64e2c13c15e7129', 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: 'daa48bf90a6b283a361414047b9f5cc194d6969c', name: "trigger" }, h("svg", { key: '37abc5de519c6b48bff301a48ddc11edffc23008', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '120b7659351f0dacc52c818803dc735fe4e4dfc8', 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: 'edc6f66c90815a764e884bbb3adea6687a9148a8', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '592926c0f4c6534bfcf5d01b6ca6b4bfe63f1337', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'e91dc73a6c6acf68173a05a932615fcf3e3dfe27', class: "popover-content" }, h("slot", { key: 'afaac527e6f4853075417b598795a37322612888', name: "header" }), h("slot", { key: 'cc047953642b7c4b686c1f7af1a0647cf84e6001', name: "body" }), h("slot", { key: 'b4b8a501b0fc655fb2151726121ab5b882af0ce7', name: "footer" })))));
     }
     disconnectedCallback() {
         this.destroyPopper();
@@ -156,7 +156,8 @@ export class XvToggleTip {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "node_modules::Placement"
+                            "id": "node_modules::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },

package/dist/collection/components/xv-tooltip/xv-tooltip.js

@@ -38,11 +38,11 @@ export class XvTooltip {
         this.destroyTooltip();
     }
     render() {
-        return (h(Host, { key: 'b97a316c17b604ddf3a58d28a6b2ce49f0f3af48', role: "tooltip", class: {
+        return (h(Host, { key: 'a435539ec69538a238bd35c6d4867c18da9a7a40', role: "tooltip", class: {
                 'xv-tooltip-wrapper': true,
                 [`xv-tooltip-wrapper__block`]: !!this.block,
                 [`xv-tooltip-wrapper__dashed`]: !!this.dashed,
-            } }, h("slot", { key: '5120e6069ff93fd43302833401679c94e3577823' }, h("svg", { key: 'a37d0c7930cf87e1c3c4d67cd8ba74c52f061587', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '8b762af654ad54e41816fa28e155fb09a3534867', 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("slot", { key: 'd766446f98777a9e680867a372ed4df0843b77b0' }, h("svg", { key: '9b2c7d9ed60fb6b4b82c034feef022468df3bf5c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '526be5c67ca24171376da19d7dd1c1f7c09d8edc', 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" })))));
     }
     static get is() { return "xv-tooltip-v2"; }
     static get originalStyleUrls() {
@@ -86,7 +86,8 @@ export class XvTooltip {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "node_modules::Placement"
+                            "id": "node_modules::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },

package/dist/collection/index.js

@@ -8,3 +8,6 @@
  * to consume components of this package as outlined in the `README.md`.
  */
 export { format } from './utils/utils';
+// Re-exported from this package because the transformer is module state inside the
+// Stencil runtime bundled here — a consumer's own @stencil/core would set a different one.
+export { setTagTransformer, transformTag } from '@stencil/core';

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export{g as getAssetPath,r as render,s as setAssetPath,b as setNonce,d as setPlatformOptions,e as setTagTransformer,t as transformTag}from"./p-BNP2Lw34.js";function o(t,e,o){return(t||"")+(e?" "+e:"")+(o?" "+o:"")}const n=t=>{const{error:e,warning:o,helper:r}=t;return"string"==typeof e&&e?{level:"error",text:e}:"string"==typeof o&&o?{level:"warning",text:o}:"string"==typeof r&&r?{level:"helper",text:r}:null};function a(){return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,(t=>(+t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+t/4).toString(16)))}const i=(t,e,o)=>Array.prototype.forEach.call(t,e,o),c=(t,e=500)=>{let o;return function(...r){clearTimeout(o),o=setTimeout((()=>{t.apply(this,r)}),e)}},l=(t,e,o)=>"string"==typeof o?(!t.hasAttribute(e)&&t.setAttribute(e,o),t):(o?!t.hasAttribute(e)&&t.setAttribute(e,""):t.hasAttribute(e)&&t.removeAttribute(e),t),u=()=>{try{const t=localStorage.getItem("metaNav");return t?JSON.parse(t):{}}catch(t){return console.warn("Could not parse metaNav from localStorage:",t),{}}},v=()=>{var t;return window.__xvWhitelabelOverride||(()=>{var t;if("undefined"==typeof document)return;const e="ApplicationContext=";return null===(t=document.cookie.split(";").map((t=>t.trim())).find((t=>t.startsWith(e))))||void 0===t?void 0:t.slice(19)})()||(null===(t=u())||void 0===t?void 0:t.WhitelabelName)||void 0},p=(t="")=>{var e;return`${null!==(e={"sitefinity-qa.crossvertise.com":"https://qa.crossvertise.com","www.crossvertise.com":"https://market.crossvertise.com","sitefinity-staging.crossvertise.com":"https://staging.crossvertise.com",localhost:"https://qa.crossvertise.com"}[window.location.hostname])&&void 0!==e?e:window.location.origin}${t}`},m=async(t,e)=>{const o=e||{},{awaitWl:r,raw:s}=o,n=function(t,e){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(t);s<r.length;s++)e.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(t,r[s])&&(o[r[s]]=t[r[s]])}return o}(o,["awaitWl","raw"]),a=r?await((t=2e3,e=100)=>{const o=v();return o?Promise.resolve(o):new Promise((o=>{const r=Date.now(),s=()=>{const n=v();return n?o(n):Date.now()-r>=t?o("Xv"):void setTimeout(s,e)};s()}))})():v()||"Xv",i=/^https?:\/\//i.test(t)?t:`${p()}/${t.replace(/^\//,"")}`,c=Object.assign(Object.assign({},s?{}:{"Content-Type":"application/json","Application-Context":a}),null==n?void 0:n.headers);return fetch(i,Object.assign(Object.assign({},n),{headers:c})).then((t=>{var e;if(!t.ok)throw Error(`${t.status} ${t.statusText}`);return(null!==(e=t.headers.get("Content-Type"))&&void 0!==e?e:"").includes("application/json")?t.json():t.text()}))},f={get:(t,e)=>m(t,Object.assign(Object.assign({},e),{method:"GET"})),post:(t,e,o)=>m(t,Object.assign(Object.assign({},o),{method:"POST",body:void 0!==e?JSON.stringify(e):void 0})),put:(t,e,o)=>m(t,Object.assign(Object.assign({},o),{method:"PUT",body:void 0!==e?JSON.stringify(e):void 0})),patch:(t,e,o)=>m(t,Object.assign(Object.assign({},o),{method:"PATCH",body:void 0!==e?JSON.stringify(e):void 0})),delete:(t,e)=>m(t,Object.assign(Object.assign({},e),{method:"DELETE"}))};export{u as a,f as b,v as c,c as d,i as f,o as format,p as g,n as r,l as s,a as u}