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

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));
             }