xv-webcomponents 1.25.1 → 2.0.0-beta.28

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

@@ -104,7 +104,7 @@ export class XvDataTable {
         this.initSortable();
     }
     render() {
-        return (h(Host, { key: '570fd2eb4b0144b9102b96195c797eb02c472455', class: "xv-data-table" }, h("caption", { key: '7bbd19ed3c51fc900999cdde45ce333676a0ccf2' }, h("slot", { key: 'e8bc08a4908449f492442979ba4ea894d7629988', name: "title" })), h("div", { key: '6afa75966f280bc433bbb8e6d7f6c4241be8d37e', class: "bar" }, h("div", { key: '1646ccaaf4391042026d7d9542d86dbf9a9d1138', class: "bar_batch" }, h("slot", { key: 'c0c1772e536561a6c8f32e3796b78171ec8f8504', name: "batch" })), h("div", { key: 'f21d76f5c6ae57fc8cc53e5da9b83385ceb9926d', class: "bar_toolbar" }, h("slot", { key: '83e885cdf49d9fae16f6d295df096e74fa120bd3', name: "toolbar" }))), h("table", { key: 'fb0979ed7443b340ea1c1c376f1efc189be03b4d', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: '1a3885fd837a7e34bf25e34e7c606d7ea6bc9afe' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '0fa1dec18a894ec1ff4da2c60aca5bf33f5949df' }, h("slot", { key: '6711a45920494a39934ef524fb0b8022fde77ec2', name: "header" })), h("tbody", { key: '46a2488485441766ba0d3e5a149a0b05a67d3756' }, h("slot", { key: '6f60c1fe6a076cc6750e7abad9e4b1a643bd1d6c' })), h("tfoot", { key: '6f2a17a4ade1a65cb7dd3ecfb15f91b7bd0f16bb' }, h("slot", { key: 'efd3e17fc926009f8dcaa273618f5f9168451b5d', name: "footer" }))), !!this.loading && (h("div", { key: 'bb8f79de1e43a5c4fe66d9f1c3c8bf54ffa441cf', class: "loading" }, h("xv-loader-v2", { key: 'a89466627f436e46e07cca56fbefda0c13d3781c', size: SIZE_VAR.LG })))));
+        return (h(Host, { key: '978ce4b1f029f03f85120f3152e133eb22cb6a6d', class: "xv-data-table" }, h("caption", { key: 'cd68b30b7efba28d162fe77e6adadc35ea9b9195' }, h("slot", { key: 'c3a55f68843eda292ba900079491052388b8af74', name: "title" })), h("div", { key: 'b39572bf1f1b9a46a1e0f65a77f6f1c56a158b1b', class: "bar" }, h("div", { key: '1fd5315db45fb706b0aa8a9f976796ef112c6af8', class: "bar_batch" }, h("slot", { key: 'cec708bf21550533e145218969fda30d3f5c28db', name: "batch" })), h("div", { key: '3125d415d430b9580bc6b7318049c1b0d6aaf573', class: "bar_toolbar" }, h("slot", { key: '612019e627d90c2ea80ded40079edff0f77bd864', name: "toolbar" }))), h("table", { key: '6560e24be3b10b2c7356a7124fdda44c73eb2933', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: '956bc160e9bdd01a4973429e66d6284343236032' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '0067f1696ea7d2dcee140203fd592fa30fa612d7' }, h("slot", { key: '2541725b0915d78b47a76ad7f7e1f85ba59627cd', name: "header" })), h("tbody", { key: '0c3cc92db56195a65cb86b6b29e5655711f1d4fb' }, h("slot", { key: '47fc5d9aa20e26e893260baeb1d74b85bb82fde0' })), h("tfoot", { key: '0d023a9e2200c6bacc34f471d422f110a5aaf651' }, h("slot", { key: '6ff037fd6ebafaf4ccea8548be8f5735e94632f4', name: "footer" }))), !!this.loading && (h("div", { key: 'a5920df0a42e3377e2b5c96631b005a8895a9190', class: "loading" }, h("xv-loader-v2", { key: '35a3c0b01440fb14880f7308b9b721ca81219810', size: SIZE_VAR.LG })))));
     }
     static get is() { return "xv-data-table"; }
     static get encapsulation() { return "shadow"; }
@@ -130,7 +130,8 @@ export class XvDataTable {
                         "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"
                         }
                     }
                 },
@@ -302,7 +303,8 @@ export class XvDataTable {
                         "XvDataTableReorder": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-data-table/_vars.ts::XvDataTableReorder"
+                            "id": "src/components/xv-data-table/_vars.ts::XvDataTableReorder",
+                            "referenceLocation": "XvDataTableReorder"
                         }
                     }
                 }

package/dist/collection/components/xv-date-picker/xv-date-picker.js

@@ -513,7 +513,8 @@ export class XvDatePicker {
                         "XvDateInput": {
                             "location": "import",
                             "path": "./xv-date-picker.model",
-                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput"
+                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput",
+                            "referenceLocation": "XvDateInput"
                         }
                     }
                 },
@@ -537,7 +538,8 @@ export class XvDatePicker {
                         "XvDateSelection": {
                             "location": "import",
                             "path": "./xv-date-picker.model",
-                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateSelection"
+                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateSelection",
+                            "referenceLocation": "XvDateSelection"
                         }
                     }
                 },
@@ -563,7 +565,8 @@ export class XvDatePicker {
                         "XvDatePrecision": {
                             "location": "import",
                             "path": "./xv-date-picker.model",
-                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDatePrecision"
+                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDatePrecision",
+                            "referenceLocation": "XvDatePrecision"
                         }
                     }
                 },
@@ -629,7 +632,8 @@ export class XvDatePicker {
                         "XvDateInput": {
                             "location": "import",
                             "path": "./xv-date-picker.model",
-                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput"
+                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput",
+                            "referenceLocation": "XvDateInput"
                         }
                     }
                 },
@@ -654,7 +658,8 @@ export class XvDatePicker {
                         "XvDateInput": {
                             "location": "import",
                             "path": "./xv-date-picker.model",
-                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput"
+                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput",
+                            "referenceLocation": "XvDateInput"
                         }
                     }
                 },
@@ -679,7 +684,8 @@ export class XvDatePicker {
                         "XvDateInput": {
                             "location": "import",
                             "path": "./xv-date-picker.model",
-                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput"
+                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvDateInput",
+                            "referenceLocation": "XvDateInput"
                         }
                     }
                 },
@@ -719,7 +725,8 @@ export class XvDatePicker {
                         "XvWeekStart": {
                             "location": "import",
                             "path": "./xv-date-picker.model",
-                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvWeekStart"
+                            "id": "src/components/xv-date-picker/xv-date-picker.model.ts::XvWeekStart",
+                            "referenceLocation": "XvWeekStart"
                         }
                     }
                 },
@@ -1017,7 +1024,8 @@ export class XvDatePicker {
                         "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-datepicker/xv-datepicker.js

@@ -261,12 +261,12 @@ export class XvDatepicker {
             warning: this.warning,
             helper: this.helper,
         });
-        return (h(Host, { key: '2942ba3eed34a03d701e8244a82fc17e4323081d', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: '507eaf161ff01d5d076562ed12d10e907ab262a4', "aria-controls": "popover", class: "control" }, this.label && h("label", { key: '0408965907c9f0953431d5de9cc3ca21f8e6f359', class: "control_label" }, this.label), h("div", { key: 'bb94ae56836fd08d662513d600aa33923aae339d', class: {
+        return (h(Host, { key: '7acac8d63162b6245e20eb9a4b440494382e3743', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: '773766f7773f870b1dab6e46eebaf9dfb44162a6', "aria-controls": "popover", class: "control" }, this.label && h("label", { key: '42b146a6316152c081bfdebbb955ad825669646f', class: "control_label" }, this.label), h("div", { key: '1d6a61d1f597416224549c2a65680bbf8aff1ce3', class: {
                 'control_field': true,
                 loading: this.loading,
                 error: !!this.error || !!this.localError,
                 warning: this.warning !== undefined,
-            }, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '19652588965c7701ae33c0e6f8acb4a1af908066', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: '7a7bff4d073b3523b3b85d19421ee32732f8ef01', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: end ? dateFns.format(end, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'end'), onBlur: (e) => this.handleBlur(e, 'end'), onKeyDown: (e) => this.handleKeydown(e, 'end') }))), message && (h("p", { key: 'f70e16601c2082126484a2acaf200fd3e36c48b2', class: { control_message: true, [message.level]: true } }, message.text))), h("div", { key: 'fa1be0cf3724b57f181bff0d3be9f472d4a3839f', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: '8f15ec77dedc57bdce21a75eaf6a4507551a3103', class: "header" }, h("xv-button-v2", { key: 'f98f10bf76ed568cfd3f59f87add10a0457a2b9c', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '487532ab9ff3088be8462b6faf2acee8dc8d618b', slot: "icon-left", class: "header_icon prev" })), h("p", { key: '354f2aab92d6d52385914e4a000880dca3e00135', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: de }), h("input", { key: '399a36306245bcaf173c2824e2cdad0000e5ab2d', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: 'df6cc7252ccfe5344f0bdfb7bf78055d060cad15', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: 'a65be37f6448d8072f77215cffafd5f3010355e3', slot: "icon-left", class: "header_icon next" }))), h("div", { key: '16ea670e99e28d22316c802d7a18236d3d2ca6f6', class: "week" }, h("p", { key: '495b4e38981a6923eff2ab5356bd5a39a825e575', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: 'd1590363dd39db36cd77084c4700584848352eaf', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
+            }, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '1e3052ae7687d7abfb97bf211ecdbdc68790aae9', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: '5940b437a10ea2940d12d2c8c0b6bfa00378902c', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: end ? dateFns.format(end, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'end'), onBlur: (e) => this.handleBlur(e, 'end'), onKeyDown: (e) => this.handleKeydown(e, 'end') }))), message && (h("p", { key: 'c59f935979dc34e3af9c50b41e3553718eefb501', class: { control_message: true, [message.level]: true } }, message.text))), h("div", { key: '44ef01bc8857256400475d7ab4d617ff99f18ea2', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: '3f9e501aea6ded182a0ff41d4b8d223d9f172f18', class: "header" }, h("xv-button-v2", { key: '09cdd60c5117e362073998e8eebc6d28d7eeb120', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '05fb275ae138d7129f63d3fdb6330746c353f53c', slot: "icon-left", class: "header_icon prev" })), h("p", { key: 'a111aa2311c30196fdb42e8fce01ab93c7b255e7', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: de }), h("input", { key: 'beff076caabcfe2d1848387df56f6e31818cef3e', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: '2cf16c021680a07e90e86cd1eee6954f79c580e2', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: 'b6f9fdba574f059b715958e306f9a98e1fab58d2', slot: "icon-left", class: "header_icon next" }))), h("div", { key: '812ac9819b5bcd2b700d04b8551edd9830d9a893', class: "week" }, h("p", { key: '8783983622c3e46d5a0609e5583a6f4f0f6b6d51', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: '163df09f9b089d282db25bf6062d12310e5de8d1', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
                 'week_day': true,
                 inRange: this.variant === 'range' && dateFns.isWithinInterval(day.date, { start, end }),
                 isToday: day.isToday,
@@ -495,7 +495,8 @@ export class XvDatepicker {
                         "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"
                         }
                     }
                 },
@@ -566,7 +567,7 @@ export class XvDatepicker {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Individual dates to disable within the min/max range. Each entry may be a\n`Date`, a bare 'yyyy-MM-dd' string, or a full ISO string \u2014 all normalised\nto a local 'yyyy-MM-dd' key that matches the calendar grid.\nComposes with min/max: a day is selectable only when it is inside the range\nAND not listed here (e.g. to allow only certain weekdays / block holidays)."
+                    "text": "Individual dates to disable within the min/max range. Each entry may be a\r\n`Date`, a bare 'yyyy-MM-dd' string, or a full ISO string \u2014 all normalised\r\nto a local 'yyyy-MM-dd' key that matches the calendar grid.\r\nComposes with min/max: a day is selectable only when it is inside the range\r\nAND not listed here (e.g. to allow only certain weekdays / block holidays)."
                 },
                 "getter": false,
                 "setter": false

package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js

@@ -24,7 +24,7 @@ export class XvDropdownItem {
         });
     }
     render() {
-        return (h(Host, { key: 'b58b292e92eddd6f75ba64ab2f42f79f3413bb90', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (h("xv-checkbox-v2", { key: '7197c37dfdac9b6d28b4a00b9e2a379dc07d18b8', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), h("slot", { key: '6fd8ba15103762ab31d881fa065ceef5b47c4228' }), (!this.multiple && this.selected) && h("span", { key: '271c7de2acb35c2e2c00037436a42f421f1eb94b', class: "checkmark far fa-check" })));
+        return (h(Host, { key: '8ad44ce1898cd1fa4627c9452d6c616752f837c2', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (h("xv-checkbox-v2", { key: 'a302e1c10ba44421806cf25116e6ec7d3a8094d0', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), h("slot", { key: '2d68b08d47aff4980b0376e998813fb160cc817f' }), (!this.multiple && this.selected) && h("span", { key: '558a69295b9b2131f6bf504a6ff5ae56ae2cb4c9', class: "checkmark far fa-check" })));
     }
     componentWillLoad() {
         if (!this.value)
@@ -74,7 +74,8 @@ export class XvDropdownItem {
                         "DropdownItemData": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData"
+                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData",
+                            "referenceLocation": "DropdownItemData"
                         }
                     }
                 },
@@ -100,7 +101,8 @@ export class XvDropdownItem {
                         "DropdownItemData": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData"
+                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData",
+                            "referenceLocation": "DropdownItemData"
                         }
                     }
                 },
@@ -146,7 +148,8 @@ export class XvDropdownItem {
                         "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"
                         }
                     }
                 },
@@ -182,7 +185,8 @@ export class XvDropdownItem {
                         "DropdownItemData": {
                             "location": "import",
                             "path": "../_vars",
-                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData"
+                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData",
+                            "referenceLocation": "DropdownItemData"
                         }
                     }
                 }

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

@@ -282,7 +282,7 @@ export class XvDropdown {
     /*  endregion Search methods */
     render() {
         const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (h(Host, { key: 'c4875590add76758f12a0bf03b91e487bcc08aee', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.open ? this.listboxId : null, size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : 0 }, (this.label || this.info) && (h("label", { key: '99806b06efd4fb191f00b814fe2c546fd0704f42', class: "label" }, h("slot", { key: 'fd3ce47fb8e56e1d03d9f9490143b8555141e8e1', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: '6a719ee752574cd21e8b4e7729aa70cd3ab9b377', class: "label_info", message: this.info }))), h("div", { key: '17f756444692acafa1a2ff098e00bdf8a575ff7c', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: '7a623f101fb425da575cac6b86e85855efee06dc', class: "control_count", onClick: (e) => e.stopPropagation(), onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: '73aef3c897cca6a2c0bbd9e56a0306906bf8c5d9', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 448 512" }, h("path", { key: '5266c5de26438e2baaeb5b8e128fe5d42057a641', d: "M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" }))), this.open && h("div", { key: '5f43030a685adb47292a079337887222d6411059', ref: (el) => (this.optionsEl = el), id: this.listboxId, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : null, class: { options: true, right: this._appliedPosition() === 'right', search: !!this.search } }, this.search && (h("div", { key: '5c848fec64830e97ccb28f4cbe996def0911b48f', class: "options_search" }, h("xv-text-input-v2", { key: '3f2d78605b72ef82ef9e422727bdb2550c574fc9', type: "search", ref: (el) => (this.searchInputEl = el), block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), message && h("p", { key: 'e091f2dfcd2a8d5722c7c3cf9b54d67c84f813ef', class: "helper" }, message.text)));
+        return (h(Host, { key: 'ffd252c6112970b1565cd9f809cb956a5bded4a9', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.open ? this.listboxId : null, size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : 0 }, (this.label || this.info) && (h("label", { key: '04f62e12c19581aadc33843341e29c6ae9e12912', class: "label" }, h("slot", { key: '88fad2d06822b03cfd50ed63777058bf7d3fbf32', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: 'f80d2fae5d0ff00b8aebb467c1c7cd98fa6ed5ae', class: "label_info", message: this.info }))), h("div", { key: '7ee7529055e1171085d082fb9ae4e6ad66ea99c6', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: '2d45049f0ed128be4d885d61a95f3a4222c89da1', class: "control_count", onClick: (e) => e.stopPropagation(), onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: 'd6bf588cf8194ae1ddb3dfc18aeb6d2fdc521f8f', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 448 512" }, h("path", { key: 'adb109cd581f50176605874f1e168f3fc08845c8', d: "M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" }))), this.open && h("div", { key: '65c9da0a6349271e22c55f3cc0a6731c08de3260', ref: (el) => (this.optionsEl = el), id: this.listboxId, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : null, class: { options: true, right: this._appliedPosition() === 'right', search: !!this.search } }, this.search && (h("div", { key: 'e4d99b2e900ff65baa60ef67150d9bea91f1c6e4', class: "options_search" }, h("xv-text-input-v2", { key: 'f01b9c8716200774b4248592606c13c3c6210336', type: "search", ref: (el) => (this.searchInputEl = el), block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), message && h("p", { key: 'c4c7c338fa2d99eeb252d24a9a79f50d0315feb0', class: "helper" }, message.text)));
     }
     componentDidLoad() {
         this.syncOpenState();
@@ -639,7 +639,8 @@ export class XvDropdown {
                         "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"
                         }
                     }
                 },
@@ -665,7 +666,8 @@ export class XvDropdown {
                         "DropdownItemData": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData"
+                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData",
+                            "referenceLocation": "DropdownItemData"
                         }
                     }
                 },
@@ -690,7 +692,8 @@ export class XvDropdown {
                         "DropdownItemData": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData"
+                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData",
+                            "referenceLocation": "DropdownItemData"
                         }
                     }
                 },
@@ -772,7 +775,8 @@ export class XvDropdown {
                         "DropdownItemData": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData"
+                            "id": "src/components/xv-dropdown/_vars.ts::DropdownItemData",
+                            "referenceLocation": "DropdownItemData"
                         }
                     }
                 }

package/dist/collection/components/xv-file-uploader/xv-file-uploader.css

@@ -147,9 +147,9 @@
 :host(.disabled) .upload-btn,
 :host(.disabled) .drop-zone {
   cursor: not-allowed;
-  background-color: var(--button-disabled-background, #ccc);
-  color: var(--button-disabled-text, #666);
-  border-color: var(--border-disabled, #bbb);
+  background-color: var(--button-disabled);
+  color: var(--text-on-color-disabled);
+  border-color: var(--border-disabled);
 }
 :host(.disabled) .remove-btn {
   display: none;

package/dist/collection/components/xv-file-uploader/xv-file-uploader.js

@@ -89,13 +89,13 @@ export class XvFileUploader {
     render() {
         const error = this.error || this.internalError;
         const message = resolveFieldMessage({ error, warning: this.warning, helper: this.helper });
-        return (h(Host, { key: '7cbd2adb79b18c2cd197fa57f13bebbe0365b6db', class: {
+        return (h(Host, { key: '38d89056f08cc9a49c5b4a9c0b0b8feac52c0f96', class: {
                 'upload-wrapper': true,
                 [`uploader-${this.size}`]: true,
                 disabled: !!this.disabled,
                 error: !!error,
                 warning: !!this.warning && !error,
-            } }, this.label && h("label", { key: 'b79562eb8a65ffed250d1345f0fc6c8668366cc6', class: "label" }, this.label), this.description && h("p", { key: '61ebf2a0f77649b0dc0639380bdfc0a8f00bd2ee', class: "description" }, this.description), this.variant === 'button' ? (h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (h("div", { class: { 'drop-zone': true, active: this.dragActive }, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onClick: () => this.fileInput.click() }, this.addText || 'Dateien hierher ziehen oder darauf klicken, um eine Datei auszuwählen.')), h("input", { key: 'e949d7fb60b134a322a63429e73fbbaa2e8799d5', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), message && (h("p", { key: '7410de0af3757b5ef90b7dfb91626fabf95ee294', class: { message: true, [message.level]: true } }, message.level === 'error' && h("span", { key: '1dd37548da645680d7bd1162bbb50f0e671a5d7d', class: "status-icon error", "aria-hidden": "true" }, "!"), message.level === 'warning' && h("span", { key: '7e22121b8bff0ffb4e49c9c74c1ecb87ce84675e', class: "status-icon warning", "aria-hidden": "true" }, "\u26A0"), message.text)), h("ul", { key: '70a4e1228949cbc2c921945c876d142b946f506d', class: "file-list" }, this.files.map((file, index) => {
+            } }, this.label && h("label", { key: '4f3a31b58c3edb72a42384413818b72186401f6a', class: "label" }, this.label), this.description && h("p", { key: '9f0d4ec3007d468908f96a02b1cd218fae9fdbf3', class: "description" }, this.description), this.variant === 'button' ? (h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (h("div", { class: { 'drop-zone': true, active: this.dragActive }, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onClick: () => this.fileInput.click() }, this.addText || 'Dateien hierher ziehen oder darauf klicken, um eine Datei auszuwählen.')), h("input", { key: '47e8db2d58063890c8d2bf5ff841edc6443993a7', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), message && (h("p", { key: 'b40b6fee11aeaf9a291463a6a55b05ad55db0104', class: { message: true, [message.level]: true } }, message.level === 'error' && h("span", { key: 'e86c31a7b65f75f060a173eb085cc92f120413ba', class: "status-icon error", "aria-hidden": "true" }, "!"), message.level === 'warning' && h("span", { key: 'c9b71fc7f68dfce7677cd2336d4063507e2b1ef5', class: "status-icon warning", "aria-hidden": "true" }, "\u26A0"), message.text)), h("ul", { key: 'f0932bcf92f537f8eb9f9b63b90df9da1e625d7a', class: "file-list" }, this.files.map((file, index) => {
             var _a, _b;
             return (h("li", { class: { file: true, withError: !!(((_a = this.errors) === null || _a === void 0 ? void 0 : _a[index]) || ((_b = this.errorMessages) === null || _b === void 0 ? void 0 : _b[index])) } }, h("div", { class: "file_container" }, h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index)), this._renderError(index)));
         }))));
@@ -208,7 +208,8 @@ export class XvFileUploader {
                         "XvFileUploaderVariants": {
                             "location": "import",
                             "path": "./_vars",
-                            "id": "src/components/xv-file-uploader/_vars.ts::XvFileUploaderVariants"
+                            "id": "src/components/xv-file-uploader/_vars.ts::XvFileUploaderVariants",
+                            "referenceLocation": "XvFileUploaderVariants"
                         }
                     }
                 },
@@ -234,7 +235,8 @@ export class XvFileUploader {
                         "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-footer/xv-footer.js

@@ -34,7 +34,7 @@ export class Xvfooter {
     render() {
         const { categories, socials, logo, legalLinks, payments, partners, advantages } = this.data || {};
         const hasDataLength = ((categories === null || categories === void 0 ? void 0 : categories.length) || (partners === null || partners === void 0 ? void 0 : partners.length) || (payments === null || payments === void 0 ? void 0 : payments.length) || (socials === null || socials === void 0 ? void 0 : socials.length));
-        return (h("footer", { key: '91486e462a602a350ccb5cf0529b839df0b97ee3', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (h("div", { key: '4483a303bb8ced75017bf80de1a780b5478a6bac', class: "xv-footer-advantages" }, h("div", { key: 'a0f64f5f29ad419db9f60c2b81bb5fcbe42ca8bd', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (h("div", { key: '8a843c600adbfa7d0c02b64d49152ee650baa827', class: "xv-container" }, h("div", { key: '1eb7318f0adf78d2d514527ec9357f2925e50509', class: "xv-footer__grid xv-footer-y-spacing" }, h("div", { key: '088de9aa62a39d459fca68fa7acabfeb6f0f36da', class: "xv-footer__col-main" }, h("ul", { key: '915bd774c5e02eae2ce967ea320a7c05177709b5', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (h("li", null, h("p", { class: "xv-label-02" }, category.label), h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (h("li", null, h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), h("div", { key: '735a5bf08d9553c769b19a1de2f662e8fb1f16dc', class: "xv-footer__col-sidebar" }, this._renderFooterList(partners, { label: 'crossvertise Partner' }), this._renderFooterList(payments, { label: 'Bequem und sicher bezahlen' }), this._renderFooterList(socials, { label: 'Folgen Sie uns', isRow: true }))))), (legalLinks === null || legalLinks === void 0 ? void 0 : legalLinks.length) > 0 && (h("div", { key: 'bea6265263b779969bcd37e09c923f59641baf25', class: "xv-footer-legal" }, h("div", { key: 'a63bc486bf581841b4b96113b3834e2646d12b7f', class: "xv-container" }, h("div", { key: '72f3d713602970cc5c4bf271aaee28caf1432c8e', class: "xv-footer-legal-row" }, logo && (h("a", { key: '2b12fe4726fa26fbeac3210c04bf9459fc157b6a', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && h("span", { key: 'cd348306c044f908ace8dcb620ecf5e4758148a5', class: "xv-label-02" }, logo.label), h("img", { key: 'bd0944451ff97b8dbe8b76055ebfe635b0c3da1a', loading: "lazy", src: logo.image, alt: logo.label }))), h("ul", { key: 'edf94f50d8a7e53827023727256820fbb0e5676c' }, legalLinks.map((item) => {
+        return (h("footer", { key: 'e9d5fdd72c66e2aa8dcf2aa1476bb35a6e8f221f', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (h("div", { key: '4b4fa212fa6259a4d945d4915b813438df64ac43', class: "xv-footer-advantages" }, h("div", { key: '59c046d574643edd48db489996857d3a9d081bcb', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (h("div", { key: '31d763dee1d64bc46fd90006043d230de822bb11', class: "xv-container" }, h("div", { key: '439e3e8b16736ceed80f8bedc86b0e1c119bf5f3', class: "xv-footer__grid xv-footer-y-spacing" }, h("div", { key: 'bda68bf9622c6be55e64e71df2a03cf03866ba46', class: "xv-footer__col-main" }, h("ul", { key: '0968cd0012d25b6b43027af448d212bdb3142758', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (h("li", null, h("p", { class: "xv-label-02" }, category.label), h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (h("li", null, h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), h("div", { key: 'df7b625fd13a67e172dae2b4b0dc17c8cceaa736', class: "xv-footer__col-sidebar" }, this._renderFooterList(partners, { label: 'crossvertise Partner' }), this._renderFooterList(payments, { label: 'Bequem und sicher bezahlen' }), this._renderFooterList(socials, { label: 'Folgen Sie uns', isRow: true }))))), (legalLinks === null || legalLinks === void 0 ? void 0 : legalLinks.length) > 0 && (h("div", { key: 'b6a6f48cb088c4f0b5bce548abf982298eb665ce', class: "xv-footer-legal" }, h("div", { key: '04ee9e1ec40483ca868656c8f954d04fb7f30517', class: "xv-container" }, h("div", { key: '0770b69fa320f81a3106ac22e8bd7e7f8679f46e', class: "xv-footer-legal-row" }, logo && (h("a", { key: 'dd390151271c30715ddb1f2109b139f2d86391f9', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && h("span", { key: 'b9bcc8cf09d1cf240c39350b4f98a127b4de05a6', class: "xv-label-02" }, logo.label), h("img", { key: '75c4e27c7782dfe0fae543e7eaa06fd88311c8b3', loading: "lazy", src: logo.image, alt: logo.label }))), h("ul", { key: '4eafd6a2a7cdd3b105e9c27fa17bc6d65efefc21' }, legalLinks.map((item) => {
             if (item.label === 'Cookie Einstellungen') {
                 return h("li", null, h("a", { class: "xv-helper-text-02", onClick: this.openCookieSettings }, item.label));
             }