xv-webcomponents 0.1.39 → 0.1.42

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

@@ -0,0 +1,448 @@
+import { h, Host, Fragment } from "@stencil/core";
+import { SIZE_VAR } from "../../types/enum";
+import { XvFileUploaderVariants } from "./_vars";
+export class XvFileUploader {
+    constructor() {
+        this.variant = XvFileUploaderVariants.BUTTON;
+        this.size = SIZE_VAR.MD;
+        this.accept = [];
+        this.maxFileSizeMB = 5;
+        this.maxFiles = 20;
+        this.multiple = true;
+        this.files = [];
+        this.loadingStates = [];
+        this.errors = [];
+        this.dragActive = false;
+        this.errorMessages = [];
+        this.onFileSelect = (event) => {
+            const input = event.target;
+            const selectedFiles = Array.from(input.files || []);
+            this.handleFiles(selectedFiles);
+        };
+        this.onDrop = (event) => {
+            var _a;
+            event.preventDefault();
+            this.dragActive = false;
+            const droppedFiles = Array.from(((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) || []);
+            this.handleFiles(droppedFiles);
+        };
+        this.handleFiles = (files) => {
+            this.files = this.validation(this.multiple ? [...this.files, ...files] : files);
+            this.filesChange.emit(this.files);
+        };
+        this.onDragOver = (event) => {
+            event.preventDefault();
+            this.dragActive = true;
+        };
+        this.onDragLeave = () => {
+            this.dragActive = false;
+        };
+    }
+    validation(files) {
+        var _a;
+        const maxSize = this.maxFileSizeMB * 1024 * 1024;
+        const seenFileNames = new Set();
+        const errorMessages = [];
+        const uniqueFiles = [];
+        for (const file of files) {
+            let error = null;
+            if (!seenFileNames.has(file.name)) {
+                seenFileNames.add(file.name);
+                uniqueFiles.push(file);
+            }
+            const extension = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+            const isAccepted = this.accept.length === 0 ||
+                this.accept.some(type => {
+                    const normalized = type.toLowerCase().replace(/^\./, '');
+                    return normalized === extension;
+                });
+            if (!isAccepted) {
+                error = 'Unsupported file type.';
+            }
+            else if (file.size > maxSize) {
+                error = `File ${file.name} is too large.`;
+            }
+            errorMessages.push(error);
+        }
+        this.error = uniqueFiles.length > this.maxFiles
+            ? `Only ${this.maxFiles} file(s) allowed.`
+            : null;
+        this.errorMessages = errorMessages;
+        return uniqueFiles;
+    }
+    removeFile(index) {
+        this.files = this.validation([...this.files.slice(0, index), ...this.files.slice(index + 1)]);
+        this.filesChange.emit(this.files);
+        if (this.fileInput) {
+            this.fileInput.value = '';
+        }
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '1105dfa28937f83f3508498ecf3b00b181f3f062', class: { 'upload-wrapper': true, [`uploader-${this.size}`]: true, disabled: !!this.disabled } }, this.label && h("label", { key: 'bb7aeb7744325dc15cee88e63672ab2f1cac48fa', class: "label" }, this.label), this.description && h("p", { key: '17d6076cf70f1d69b9d760992739f5f8ae571711', class: "description" }, this.description), this.variant === 'button' ? (h("button", { disabled: this.disabled, class: "upload-btn", 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.', ((_a = this.accept) === null || _a === void 0 ? void 0 : _a.length) > 0 && h("span", null, " (", this.accept.join(', '), ")"))), h("input", { key: 'bc25da9c977df0452fd8946b160d7b89487a5aee', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.map(type => `.${type}`).join(',') }), h("ul", { key: '3d2b5a6505a70c4a14004f0e0f3c6da7213b0007', 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)));
+        })), this.error && (h("div", { key: '3918fcaf5c5660eb2a5553886e191e2969d81cb4', class: "error-container" }, h("p", { key: '26fcb672d89ec14e99b83dfc78712b72d9042d72', class: "error-container_primary" }, this.error)))));
+    }
+    _renderLoaderState(index) {
+        var _a, _b, _c;
+        const state = ((_a = this.loadingStates) === null || _a === void 0 ? void 0 : _a[index]) || null;
+        const errorIcon = ((_b = this.errors) === null || _b === void 0 ? void 0 : _b[index]) || ((_c = this.errorMessages) === null || _c === void 0 ? void 0 : _c[index]) ? (h("svg", { class: "file_container_errorIcon", width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { fill: "currentColor", d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" }))) : null;
+        switch (state) {
+            case 'loading':
+                return (h(Fragment, null, errorIcon, h("xv-loader-v2", { size: SIZE_VAR.XS })));
+            case 'success':
+                return (h(Fragment, null, errorIcon, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 18 16", fill: "none" }, h("path", { d: "M9 16C6.125 16 3.5 14.5 2.0625 12C0.625 9.53125 0.625 6.5 2.0625 4C3.5 1.53125 6.125 0 9 0C11.8438 0 14.4688 1.53125 15.9062 4C17.3438 6.5 17.3438 9.53125 15.9062 12C14.4688 14.5 11.8438 16 9 16ZM12.5312 6.53125H12.5C12.8125 6.25 12.8125 5.78125 12.5 5.46875C12.2188 5.1875 11.75 5.1875 11.4688 5.46875L8 8.96875L6.53125 7.5C6.21875 7.1875 5.75 7.1875 5.46875 7.5C5.15625 7.78125 5.15625 8.25 5.46875 8.53125L7.46875 10.5312C7.75 10.8438 8.21875 10.8438 8.53125 10.5312L12.5312 6.53125Z", fill: "#97BF0D" }))));
+            case 'uploaded':
+            default:
+                return (h(Fragment, null, errorIcon, h("xv-button-v2", { variant: "ghost", size: SIZE_VAR.XS, onClick: () => this.removeFile(index) }, h("span", { slot: "icon-left" }, "\u00D7"))));
+        }
+    }
+    _renderError(index) {
+        var _a, _b;
+        const error = ((_a = this.errors) === null || _a === void 0 ? void 0 : _a[index]) || ((_b = this.errorMessages) === null || _b === void 0 ? void 0 : _b[index]);
+        if (!error)
+            return;
+        if (typeof error === 'object') {
+            return (h("div", { class: "error-container" }, h("p", { class: "error-container_primary" }, error.primary), h("p", { class: "error-container_secondary" }, error.secondary)));
+        }
+        if (typeof error === 'string') {
+            return (h("div", { class: "error-container" }, h("p", { class: "error-container_primary" }, error)));
+        }
+        return null;
+    }
+    static get is() { return "xv-file-uploader"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-file-uploader.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-file-uploader.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "description": {
+                "type": "string",
+                "attribute": "description",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "addText": {
+                "type": "string",
+                "attribute": "add-text",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "XvFileUploaderVariants",
+                    "resolved": "XvFileUploaderVariants.BUTTON | XvFileUploaderVariants.DRAG_DROP",
+                    "references": {
+                        "XvFileUploaderVariants": {
+                            "location": "import",
+                            "path": "./_vars",
+                            "id": "src/components/xv-file-uploader/_vars.ts::XvFileUploaderVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "XvFileUploaderVariants.BUTTON"
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SIZE_VAR",
+                    "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
+                    "references": {
+                        "SIZE_VAR": {
+                            "location": "import",
+                            "path": "../../types/enum",
+                            "id": "src/types/enum.ts::SIZE_VAR"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "SIZE_VAR.MD"
+            },
+            "accept": {
+                "type": "unknown",
+                "attribute": "accept",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "maxFileSizeMB": {
+                "type": "number",
+                "attribute": "max-file-size-mb",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "5"
+            },
+            "maxFiles": {
+                "type": "number",
+                "attribute": "max-files",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "20"
+            },
+            "multiple": {
+                "type": "boolean",
+                "attribute": "multiple",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "files": {
+                "type": "unknown",
+                "attribute": "files",
+                "mutable": true,
+                "complexType": {
+                    "original": "File[]",
+                    "resolved": "File[]",
+                    "references": {
+                        "File": {
+                            "location": "global",
+                            "id": "global::File"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "loadingStates": {
+                "type": "unknown",
+                "attribute": "loading-states",
+                "mutable": true,
+                "complexType": {
+                    "original": "('loading' | 'success' | 'uploaded')[]",
+                    "resolved": "(\"loading\" | \"success\" | \"uploaded\")[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "error": {
+                "type": "string",
+                "attribute": "error",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "errors": {
+                "type": "unknown",
+                "attribute": "errors",
+                "mutable": true,
+                "complexType": {
+                    "original": "string[] | { primary: string; secondary: string; }[]",
+                    "resolved": "string[] | { primary: string; secondary: string; }[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "dragActive": {},
+            "errorMessages": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "filesChange",
+                "name": "filesChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "File[]",
+                    "resolved": "File[]",
+                    "references": {
+                        "File": {
+                            "location": "global",
+                            "id": "global::File"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=xv-file-uploader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xv-file-uploader.js","sourceRoot":"","sources":["../../../src/components/xv-file-uploader/xv-file-uploader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Event, h, Host, Prop, State, Fragment } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { XvFileUploaderVariants } from './_vars';\n\n@Component({\n  tag: 'xv-file-uploader',\n  styleUrl: 'xv-file-uploader.scss',\n  shadow: true,\n})\nexport class XvFileUploader {\n  @Prop() label?: string;\n  @Prop() description?: string;\n  @Prop({ attribute: 'add-text' }) addText?: string;\n  @Prop() variant: XvFileUploaderVariants = XvFileUploaderVariants.BUTTON;\n  @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n  @Prop() accept: string[] = [];\n  @Prop({ attribute: 'max-file-size-mb' }) maxFileSizeMB: number = 5;\n  @Prop({ attribute: 'max-files' }) maxFiles: number = 20;\n  @Prop() multiple: boolean = true;\n  @Prop({ reflect: true }) disabled?: boolean;\n  @Prop({ reflect: true, mutable: true }) files: File[] = [];\n  @Prop({ reflect: true, mutable: true, attribute: 'loading-states' }) loadingStates: ('loading' | 'success' | 'uploaded')[] = [];\n  @Prop({ reflect: true, mutable: true }) error?: string;\n  @Prop({ reflect: true, mutable: true }) errors: string[] | { primary: string; secondary: string; }[] = [];\n\n  @State() dragActive = false;\n  @State() errorMessages: string[] = [];\n\n  @Event() filesChange: EventEmitter<File[]>;\n\n  private fileInput: HTMLInputElement;\n\n  private onFileSelect = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    const selectedFiles = Array.from(input.files || []);\n    this.handleFiles(selectedFiles);\n  };\n\n  private onDrop = (event: DragEvent) => {\n    event.preventDefault();\n    this.dragActive = false;\n    const droppedFiles = Array.from(event.dataTransfer?.files || []);\n    this.handleFiles(droppedFiles);\n  };\n\n  private handleFiles = (files: File[]) => {\n    this.files = this.validation(this.multiple ? [...this.files, ...files] : files);\n    this.filesChange.emit(this.files);\n  };\n\n  private validation(files: File[]): File[] {\n    const maxSize = this.maxFileSizeMB * 1024 * 1024;\n    const seenFileNames = new Set<string>();\n    const errorMessages: (string | null)[] = [];\n    const uniqueFiles: File[] = [];\n\n    for (const file of files) {\n      let error: string | undefined = null;\n\n      if (!seenFileNames.has(file.name)) {\n        seenFileNames.add(file.name);\n        uniqueFiles.push(file);\n      }\n\n      const extension = file.name.split('.').pop()?.toLowerCase();\n      const isAccepted =\n        this.accept.length === 0 ||\n        this.accept.some(type => {\n          const normalized = type.toLowerCase().replace(/^\\./, '');\n          return normalized === extension;\n        });\n\n      if (!isAccepted) {\n        error = 'Unsupported file type.';\n      } else if (file.size > maxSize) {\n        error = `File ${file.name} is too large.`;\n      }\n\n      errorMessages.push(error);\n    }\n\n    this.error = uniqueFiles.length > this.maxFiles\n      ? `Only ${this.maxFiles} file(s) allowed.`\n      : null;\n\n    this.errorMessages = errorMessages;\n\n    return uniqueFiles;\n  }\n\n  private removeFile(index: number) {\n    this.files = this.validation([...this.files.slice(0, index), ...this.files.slice(index + 1)]);\n    this.filesChange.emit(this.files);\n    if (this.fileInput) {\n      this.fileInput.value = '';\n    }\n  }\n\n  private onDragOver = (event: DragEvent) => {\n    event.preventDefault();\n    this.dragActive = true;\n  };\n\n  private onDragLeave = () => {\n    this.dragActive = false;\n  };\n\n  render() {\n    return (\n      <Host class={{ 'upload-wrapper': true, [`uploader-${this.size}`]: true, disabled: !!this.disabled }}>\n        {this.label && <label class=\"label\">{this.label}</label>}\n        {this.description && <p class=\"description\">{this.description}</p>}\n        {this.variant === 'button' ? (\n          <button disabled={this.disabled} class=\"upload-btn\" onClick={() => this.fileInput.click()}>\n            {this.addText || 'Dateien auswählen'}\n          </button>\n        ) : (\n          <div\n            class={{ 'drop-zone': true, active: this.dragActive }}\n            onDrop={this.onDrop}\n            onDragOver={this.onDragOver}\n            onDragLeave={this.onDragLeave}\n            onClick={() => this.fileInput.click()}\n          >\n            {this.addText || 'Dateien hierher ziehen oder darauf klicken, um eine Datei auszuwählen.'}\n            {this.accept?.length > 0 && <span> ({this.accept.join(', ')})</span>}\n          </div>\n        )}\n\n        <input\n          ref={el => (this.fileInput = el)}\n          type=\"file\"\n          hidden\n          onChange={this.onFileSelect}\n          multiple={this.multiple}\n          accept={this.accept.map(type => `.${type}`).join(',')}\n        />\n\n        <ul class=\"file-list\">\n          {this.files.map((file, index) => (\n            <li class={{ file: true, withError: !!(this.errors?.[index] || this.errorMessages?.[index]) }}>\n              <div class=\"file_container\">\n                <span class=\"file_container_name\">{file.name}</span>\n                {this._renderLoaderState(index)}\n              </div>\n              {this._renderError(index)}\n            </li>\n          ))}\n        </ul>\n        {this.error && (\n          <div class=\"error-container\">\n            <p class=\"error-container_primary\">{this.error}</p>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  private _renderLoaderState(index: number) {\n    const state = this.loadingStates?.[index] || null;\n\n    const errorIcon = this.errors?.[index] || this.errorMessages?.[index] ? (\n      <svg class=\"file_container_errorIcon\" width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n        <path fill=\"currentColor\"\n              d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" />\n      </svg>\n    ) : null;\n\n    switch (state) {\n      case 'loading':\n        return (\n          <Fragment>\n            {errorIcon}\n            <xv-loader-v2 size={SIZE_VAR.XS} />\n          </Fragment>\n        );\n      case 'success':\n        return (\n          <Fragment>\n            {errorIcon}\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 18 16\" fill=\"none\">\n              <path\n                d=\"M9 16C6.125 16 3.5 14.5 2.0625 12C0.625 9.53125 0.625 6.5 2.0625 4C3.5 1.53125 6.125 0 9 0C11.8438 0 14.4688 1.53125 15.9062 4C17.3438 6.5 17.3438 9.53125 15.9062 12C14.4688 14.5 11.8438 16 9 16ZM12.5312 6.53125H12.5C12.8125 6.25 12.8125 5.78125 12.5 5.46875C12.2188 5.1875 11.75 5.1875 11.4688 5.46875L8 8.96875L6.53125 7.5C6.21875 7.1875 5.75 7.1875 5.46875 7.5C5.15625 7.78125 5.15625 8.25 5.46875 8.53125L7.46875 10.5312C7.75 10.8438 8.21875 10.8438 8.53125 10.5312L12.5312 6.53125Z\"\n                fill=\"#97BF0D\" />\n            </svg>\n          </Fragment>\n        );\n      case 'uploaded':\n      default:\n        return (\n          <Fragment>\n            {errorIcon}\n            <xv-button-v2 variant=\"ghost\" size={SIZE_VAR.XS} onClick={() => this.removeFile(index)}>\n              <span slot=\"icon-left\">×</span>\n            </xv-button-v2>\n          </Fragment>\n        );\n    }\n  }\n\n  private _renderError(index: number) {\n    const error = this.errors?.[index] || this.errorMessages?.[index];\n\n    if (!error) return;\n\n    if (typeof error === 'object') {\n      return (\n        <div class=\"error-container\">\n          <p class=\"error-container_primary\">{error.primary}</p>\n          <p class=\"error-container_secondary\">{error.secondary}</p>\n        </div>\n      );\n    }\n\n    if (typeof error === 'string') {\n      return (\n        <div class=\"error-container\">\n          <p class=\"error-container_primary\">{error}</p>\n        </div>\n      );\n    }\n\n    return null;\n  }\n}\n"]}

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

@@ -14,7 +14,7 @@ export class Xvfooter {
         }
     }
     render() {
-        return (h("footer", { key: '0db6bc4ceab1da36181d8a106677ee2b4c871a5d' }, h("div", { key: '4ed868bc230e7dd45ebca9255827c1cfeb40e1f7', innerHTML: this.htmlContent })));
+        return (h("footer", { key: 'ded377d47464f3f171b99929f6517d4a2bc0be7b' }, h("div", { key: 'f1cfbd7b0277f073ed45a7be034bc86d60bf8880', innerHTML: this.htmlContent })));
     }
     static get is() { return "xv-footer"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class XvHeader {
         }
     }
     render() {
-        return (h("div", { key: '092ff32dfdc3a8abd588b4614cffadaf18ef73eb', id: "nav-container", class: "xv-header" }, h("nav", { key: 'c4981592dc5d6760999a4680cbdeeed4917bc86d', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '63618147868e56c9ab0939468cddd0dc0808e242', class: "container" }, h("div", { key: '48621f92892e24388ee689f03a841feb68867cde', class: "row" }, h("div", { key: '05da27c68a7db429f80034e9d629aa3bd606d46e', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: '1935f522fff8182eaaed782d9539e1f44e508229', class: "navbar-header" }, h("button", { key: 'f414e8f67289291087927ee5085f1420954ca576', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: 'cc9f95cb5ab19d72a529eda9075e9d365bd46f0b', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: 'a2a33abd90814d8625e329b87281bcad03c39bc3', class: "visible-xs-inline" }, h("a", { key: '2e39e2221e8258bfc4f44d6b6925b8d48586264c', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '226c442a5ff9f8b97188494ba19f4f0cbca48259', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '9004b25c4ce743423c3e906067620b75366ab72a', class: "hidden-xs" }, h("a", { key: 'ed1bddedf5cbfda77426059c937ec2a91e9e2ec9', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '77c9654a8f63113d22acdf9053ed82b37c68d05b', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: '3999ab34c55b0efc2239c8f6d1282d9c949980fb', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '434ca6ae49f9dfc28f3f8ffce7b9191326ff4919', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: 'e8ac4591296bfcc5c0c7e5f1a6487518402512b4' }, h("a", { key: '9856991d8faae8ead5cec36f4df6df447f98e1d9', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: 'a49f4de9297931b7f374d3fc19992b5654e7a9d0', class: "fa fa-user" }), h("i", { key: '58f91f80fcc882ab3273f838773b551a0701d21e', class: "fa fa-exchange-alt" }))), h("li", { key: 'a3bca2f78dd035dfbda754998f0bc907f114d08b' }, h("a", { key: 'f47d0d34a272956b5d1945519f78a9b6d53f27c8', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '99a70355c8818a67c66d75515ae5b3dd2b87ee48', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '1c82c6dc86ca379098d552ed3c10bf23b51ec7e9', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: 'ba7fb605ff015986524d5b38e8916e7c8846ea46', class: "fa fa-phone" }))), h("li", { key: '207d1e2d39abe0ecfc57b1e4e3b080a1e259d88e', class: "dropdown", id: "my-xv-menu" }, h("a", { key: 'a97520d3e14bbd7a9e4d65856b752410f84514e6', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: '07ed030e3a41d20f3d719d164595a3aec9e700ed', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: 'b0f1ef955d12ddace3b277af8e735b1ca79bebf5', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: 'f6df26451c6a379b8afbaf58dfeb1fbacabfac43', class: "caret" })), h("ul", { key: 'e696efc4e956d57d62c1bd681572a49cd4d6d783', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: '45dc4ddcb0b72d85e937476f5b99c20b142ed1c1' }, h("a", { key: 'cd46060a5b67074979cf2b03ded35cca959c4338', href: "#" }, h("i", { key: '967e059a1db803ba7394b2142ebf8220081dac3f', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: '83ab26e47b8f837bcfea1a4986384c07747f39c7', class: "fa fa-caret-down" }))), h("li", { key: '2be9da522fbe82772a448fd257ac9fd62614ab5b' }, h("a", { key: 'a45b735877d449df5147c9a21e1964dd352ea052', href: "#" }, h("i", { key: '4b7ffab0fde8dc7fea76264e1103538d72a22b93', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: '06420beb12c2704067273fa011d95148c612604b', class: "fa fa-caret-down" }))), h("li", { key: '26c7b8be4bace85b9eda242f5927ddb9b4c7f3b7', role: "separator", class: "divider" }), h("li", { key: '4f31616186edfbbdad11246fed6779c84d9ae2e0' }, h("a", { key: '16edf08f7ba8acde9c94212573be770c76b1eed3', href: "#" }, h("i", { key: 'b2044b2cf5063653498883073a3ad5efde2db954', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'cee6cef1f81beeaa5d28463d56155d05cc7b5f87', class: "badge" }, "0"), h("i", { key: '5e578d9000ffb98011d0062cdf83043bc4b5169c', class: "fa fa-caret-down" }))), h("li", { key: 'f418159e0c6a8806635501c2d7baad966c851e6d' }, h("a", { key: 'cee19cd5bcbaf74b0c80a2223502dcd8bc5371a1', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: 'd00b0b21de34744023a54c7cf7e6a574f34821b1', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: '333cc819625326849f52013181128039c31826cc', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '0591a5a4a2f4e1ca5c5fd6d49552dbdc339d0abf', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '5be0f7d16d126ce5231f715d72a433c88849473f', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: 'd1116671d564f5ac49ab15699eb0fa8ffaadbe8d', class: "hidden-xs hidden-sm" }, h("a", { key: '2004ef3c2c263310eb9d48349656001008b9e87a', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: 'faa40979c470610be84536c2de5ea9965e185c67', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: 'de763e7c4931dfd2277c463f6a138e0ff832b6be' }, "Login"))), h("xv-login-modal", { key: '4c12a1af61cc8434d6c481a718c20b343db301bb', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: 'd65bbbe4ac0457f621e824bb6bd5447546bb5819', class: "hidden-xs" }, h("a", { key: '340e9428ddc74d380981f9c90056cb7cdac7c982', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: '8aafb94c374e0969fa96b7ea8cb22785369560f9' }, "Registrieren"))), h("li", { key: '0ed4c4aca90415ca106adf379d923909e82d49a2', class: "navbar-divider hidden-xs" }), h("li", { key: '852292a5ea933dd3e4bf9b34e6e3f853ca723eb6' }, h("a", { key: 'cf11c35ae760ef3909953289640ff955acd409aa', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: '531ef0b6c4134b7b15bbbd2e6c148f7be9c4edf4', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: 'b686810eae7cbb0c7c1ea9ee997ab31c68c678d1', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: '325c83891e42b1c62ba46c53d1c49aa7c7fb9552', class: "badge badge-success" }, "0"))))))), h("div", { key: '0acef5ade9aefc444c5a3c6da2e10e95bf3080b9', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '4ab01a657a0f6ea3b685b727fe0c3702f7273b1a', class: "container" }, h("form", { key: '946e797352ab2673b234d8c5e9c238882b9efc4c', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '3920252d9e5855f014748d672fdc5b9080182b72', class: "input-group" }, h("input", { key: '96f8aa465ebbeb7fc1e7e718f475618b94a60753', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '8aae5ca4431896964ef5019f7403f8bdbab313e5', class: "input-group-btn force-full-width" }, h("button", { key: '5b572fa6663314c19bb2fc7952be2845d7fbbb2a', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '4a6727d827692c657761c5d00b53dacc4308ee00', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '6201355010079566c7e3c20fb4ef1f1f77bd5a45', innerHTML: this.htmlContent })));
+        return (h("div", { key: 'e23865373ad9ea2ad72b911763532a825f606bc5', id: "nav-container", class: "xv-header" }, h("nav", { key: '7a621ccedbbcea7752e8f0535718e714ac3b87a7', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '5d48c595a601eb4aecbf20acf7bad412173b0c43', class: "container" }, h("div", { key: '495a0c316a6eaf585704e5d8c7fc1ad6a98ef0a2', class: "row" }, h("div", { key: 'ae0135513b1afd15a8a732b433226ea4c2e5fb34', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: '941dcc71efd9fcd591fc37d3b79658a5895c0cf5', class: "navbar-header" }, h("button", { key: '05422376a774a3fb2bad4f3d99260c14c9591ac3', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '2724965e90ff27350749d35e4f334c896222adbd', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: '540e61643a05c89e92739af9e5639dae1c7a3a89', class: "visible-xs-inline" }, h("a", { key: 'a90967bfd343bfa84310f439e869d5cf6fd7b245', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '9a4a05061aab1c1b9f47f3c8a5f1d233f2d0585f', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '6be821a687b33ff2ec170722ced74f916380f351', class: "hidden-xs" }, h("a", { key: '30494848524505dfd30b205d781628ecd76d7133', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '3d295824a957db5789a0712bcce707679a0b61eb', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: 'ccda27c0fc15d51d8bb36a0edc6449a2a0ad96ab', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '11cb71d231254db9f1c5c53695aae2e721da4b20', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: '50c5f81db2f1f0e85c5f6bbf9a253465d9e84b35' }, h("a", { key: '79bc7f4274fc938a35e38682ba0f65fccdfb4b03', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: '21710845d33579fab0dc70d063b5d872387378c9', class: "fa fa-user" }), h("i", { key: 'c6061afb38e2b2ed44c03ce4e910d9d2b5801a17', class: "fa fa-exchange-alt" }))), h("li", { key: '49348a283e4ede773307681345099e57207fcdda' }, h("a", { key: '290fd16b3aafec374b449d5050a19f606894b1d7', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: 'b51214e7831f07a03ac866bda5266c8d525fe558', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '31fd0c8390e09334e1996330efa04c9899620cc6', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: '17684ce738751f491369695434ab9183008a9b0d', class: "fa fa-phone" }))), h("li", { key: '38ece1d7260b8d73c7e48e3bd3b6ac29d389b88b', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '70ba7716137f93f52ea952ea401fb634a85bd672', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: 'bba83584c110f747aeb7e1f64d1010eb76588e93', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '6438bc959dfd6245859425f8e325127f869a4a8a', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: '48b03adc129165116ac53166508b7d85a50d9110', class: "caret" })), h("ul", { key: '41a1e53662bc7c4b01b4dc50ed498b904d3e1fe0', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: 'f74892854e52d7109b3f40aeb9f0df75db7df6b9' }, h("a", { key: '0b41a267d437bab5d1c721942901c90c2b5f544c', href: "#" }, h("i", { key: '8824476df69bb5efeed55b742c2bf660711e9946', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: 'eea0470f9510c6bb4be719edb4592511fbe9db2f', class: "fa fa-caret-down" }))), h("li", { key: '8db405011c404f6f62ca6f849fd1a5c7fb6130b5' }, h("a", { key: '2a07deb167ebeb88396424325057ded6a5d3bb79', href: "#" }, h("i", { key: 'c278dfc51bb82626032dda352ec0fef4fe292d0e', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'df99378caeca61ff7fc34e0e5ba4ef300945c91b', class: "fa fa-caret-down" }))), h("li", { key: 'ac30718411da279c57fadadc62a6cd669a34d715', role: "separator", class: "divider" }), h("li", { key: '869b0c629487677b67c713ca73651755cbf6f383' }, h("a", { key: 'ac460c523ce2202ba08b7de10bdac67b48912dd6', href: "#" }, h("i", { key: 'feda1a2c2999dead3b2b3eb834f8b51cc63dd991', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'db19052087c8efff2cf408629775636aa1980250', class: "badge" }, "0"), h("i", { key: '5225f5b72738346c19fb1613950410bca93d8d2a', class: "fa fa-caret-down" }))), h("li", { key: '5590a102180218c69e065cc57794b835a5f224d1' }, h("a", { key: '316a47a72b47da1f68fd1f717f7246740f25a6a8', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: 'bb8ccc79300a525d4f8194d2fd00abb2581db9f6', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: 'd0ba91f2c496398d5aa5dbb1117d6309e8f1e606', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '22b74c5543d27d32c2d02e351b7c21e16b9ce78c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '01b86811a768fc2a19d72cb4f17c6a9785829ab0', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: 'c0d72f6ddd76f3dfa9d96f12118d0a73241753e8', class: "hidden-xs hidden-sm" }, h("a", { key: '71a09c453ede7a36bc6b8fc5fa79d1e608a16cfb', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '74142f2bd13d8de2d85fc1e82377407152d14c92', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '1b5116849bca8e05dc349f8554b1b552c88369dc' }, "Login"))), h("xv-login-modal", { key: 'cb142ee870252f3633b90b4e9abcd05f9f7e2df7', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: 'bb2855d3c34440d8fb379624ddd5acda1a8df347', class: "hidden-xs" }, h("a", { key: 'ad31c42ae4f0cfffa369b8c6471f89dc21bbbfa8', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: '6a9faaac3cfe6211636be703df13a104762e2fb2' }, "Registrieren"))), h("li", { key: '2211f6d0672a708956f3cc615bf0c7ee7b3ce1ec', class: "navbar-divider hidden-xs" }), h("li", { key: '252bdabd42167b13a7e338c6554dc62f6dbf5156' }, h("a", { key: 'e4e3b75d0be8af70ca5e7fe64e3ee2b21eff072b', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: 'f5c1b26dd26a7baf67cfccfe4817aaa7b9cf0c9d', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '8e4e16628d7662e46bb92817e430471557390432', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: 'da18423a0585a0298ec080cb2526c1104f46e907', class: "badge badge-success" }, "0"))))))), h("div", { key: '282355ac46855e03ae8a3d64bb4eaf62c86e77ca', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '5007ccb71a3ff29b7325f0fcf8bce09eb93f603c', class: "container" }, h("form", { key: '55627dcc8b419e24b65cd6f6ad5e4fdde1a368d0', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '0d39c0d7cd9b098f6d5ab5f1f1c3418128753816', class: "input-group" }, h("input", { key: 'fb554f8ba5df87ec3fe372c9834497accafdd451', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '353cc24679f1092fea80f7c033525d8291ec8d0b', class: "input-group-btn force-full-width" }, h("button", { key: 'bbde50921f67baa753a65540f544bfcae80379c6', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '17749c3879831e532d36a08cc7c1ef43d72e5591', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '37675efdf9ad133373d0b4053d1007b92b9be622', innerHTML: this.htmlContent })));
     }
     static get is() { return "xv-header"; }
     static get originalStyleUrls() {

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

@@ -23,6 +23,7 @@
 }
 
 :host(.xv-link_ghost) .xv-link {
+  display: contents;
   color: inherit;
   text-decoration: none;
 }

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

@@ -12,7 +12,7 @@ export class XvLink {
         e.stopPropagation();
     }
     render() {
-        return (h(Host, { key: 'e9c006db5f3b72c48b8a6c3597ee46e2451e156b', class: `xv-link_${this.variant}` }, h("a", { key: 'a534ebd8dce32cf261e8b5354d93d58064136ad8', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '582553af67dd32e8c83d28a4488bb5fffbb2a064', name: "icon-left" }), h("slot", { key: 'ca4705fd7ead40197d019c451d6c3cf1cdacfde1' }), h("slot", { key: 'c9433d24cc3e6b5acdb8645d4816d93375df7a43', name: "icon-right" }))));
+        return (h(Host, { key: '8abd4142d08b9a55fe67a2c588655728e25dd159', class: `xv-link_${this.variant}` }, h("a", { key: 'b6fec7e701adf7a5caef4ae0610f6d83b2c08617', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '0a68b77769f8681dfc44782f9e5ea2db1a8a7d6f', name: "icon-left" }), h("slot", { key: '3ecd19fef95c96c283f260a5ef5dea734bf318bd' }), h("slot", { key: '8f21cd979ccfc5e6e890092b6ebea3b0bd067f1d', name: "icon-right" }))));
     }
     static get is() { return "xv-link-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class XvModal {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ef15c655a4e3e5020de233c8627dbefc62ed9e56', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '55950e9d76cd33495f14eb159d998dc11277c0f9', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'f3e941dec65ec9a7093dc88a82024b6d4db6324a', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '48142d79b4de6d1aa146c8c8033a0cfbe9e166da', class: "modal" }, h("button", { key: '6e9501a2b6f69755d93740ce334bfc4a5ea78f60', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '9aadbd409cace25b8e8e8bead47b0610d756e1c4', class: "modal_header" }, h("slot", { key: '32d0f7b10974856e3806e82ffc8d971b3b25e81b', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '8e5ede7c5f8488adcb42a61f972562c8214aebae', class: "modal_header__title" }, this.el.title))), h("div", { key: 'd00616f0a7865d301a0b090dd91363bde4128867', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: 'd263d339bedadd0557e386e22c4526b98e446027' })), h("div", { key: 'cf96d19157c63b68abc85e95042a9619accd26fd', class: "modal_footer" }, h("slot", { key: '0b41d59fecf287e452d10aa6a6f4ab1a6e07f77f', name: "footer" }))))));
+        return (h(Host, { key: '227d7c8432c263024eb14ebcc906d45d01845143', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'e9c1c83f4d5e3a1ddfa765b17129ea13dce96582', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '3a5b9b557925edb299ce386e289f60d87cbf9341', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '77e793861e33d77ca59c5f3bc89e1a6d83b8ba38', class: "modal" }, h("button", { key: '5534a1306535847efa5c77d393323ca93d9b33f3', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'c3dee869a2be046d2e216730fc122da92c21920d', class: "modal_header" }, h("slot", { key: '42c0d657d261841a8fcb6461a079e06b5b1d2fad', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '48aae8d010464e9a06c92699ad9e1dfe5feb0e04', class: "modal_header__title" }, this.el.title))), h("div", { key: '4cb0e7c1fed672df57dc86e4ebc53859d9695d0d', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '1df966114775ee209cab1311350cb9d005abae0c' })), h("div", { key: 'fc246530cac2cedb24a3b8be81e710cecd7b18fc', class: "modal_footer" }, h("slot", { key: '5b00a76e35824e041d8f891ca4e40ec27d72290f', name: "footer" }))))));
     }
     disconnectedCallback() {
         this.removeTriggerListener();

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

@@ -20,6 +20,7 @@
   display: flex;
   flex-direction: column;
   row-gap: var(--spacing-06, 24px);
+  word-break: break-all;
 }
 :host .content_title {
   text-align: left;

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

@@ -25,7 +25,7 @@ export class XvNotification {
         };
     }
     render() {
-        return (h(Host, { key: '4600f7f3594935680e104bad02663f288460b39b', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: 'ffc9842337dcaba886a58fc80d96810c33a47f76', class: "content" }, h("div", { key: '1236432271bf6cb93c5bfbb0614d87c0d1fb183b', class: "content_wrapper" }, this.el.title && h("h5", { key: '10cbc18d55fe9842e31a65b814015eb66a4641af', class: "content_title" }, this.el.title), h("slot", { key: 'e127dfc35e3e6542c417ef27ab01515fd83af9f2' })), h("slot", { key: 'beb7103db214900e7833187cf6c9ee3dffc18b03', name: "footer" })), this.dismissible && h("button", { key: '791ef115a1739271ec9d87e145691ecaf18b2498', class: "close", onClick: this.closeHandle })));
+        return (h(Host, { key: '828674420130a41adc1c21b7dac6ba7795142871', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '2f863367c6952b1974607f577d33d69a572b83ac', class: "content" }, h("div", { key: 'df968f2dc944bf7b8cad543fb64a3c9d124a11ff', class: "content_wrapper" }, this.el.title && h("h5", { key: '200f8de5f706f7b4318cb94b9966a6171d56e2f5', class: "content_title" }, this.el.title), h("slot", { key: '76e93f53912a25d9240b82434e05466bf16902b3' })), h("slot", { key: '0403b90c0e139d214356519a33c0c546e03953a0', name: "footer" })), this.dismissible && h("button", { key: '70f8219f0b7c2dc897d0bb36ea5c7c7fb7aa3288', class: "close", onClick: this.closeHandle })));
     }
     static get is() { return "xv-notification-v2"; }
     static get encapsulation() { return "shadow"; }