xv-webcomponents 1.24.6 → 1.24.8-staging.0

package/dist/cjs/{xv-accordion-v2_49.cjs.entry.js → xv-accordion-v2_50.cjs.entry.js}

@@ -3796,14 +3796,14 @@ function requireConstructFrom () {
 	return constructFrom;
 }
 
-var toDate = {};
+var toDate$1 = {};
 
 var hasRequiredToDate;
 
 function requireToDate () {
-	if (hasRequiredToDate) return toDate;
+	if (hasRequiredToDate) return toDate$1;
 	hasRequiredToDate = 1;
-	toDate.toDate = toDate$1;
+	toDate$1.toDate = toDate;
 	var _index = /*@__PURE__*/ requireConstructFrom();
 
 	/**
@@ -3844,11 +3844,11 @@ function requireToDate () {
 	 * const result = toDate(1392098430000)
 	 * //=> Tue Feb 11 2014 11:30:30
 	 */
-	function toDate$1(argument, context) {
+	function toDate(argument, context) {
 	  // [TODO] Get rid of `toDate` or `constructFrom`?
 	  return (0, _index.constructFrom)(context || argument, argument);
 	}
-	return toDate;
+	return toDate$1;
 }
 
 var hasRequiredAddDays;
@@ -80384,6 +80384,664 @@ var createPopper = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
 
+const DAY_ROWS = 6;
+const DAY_COLS = 7;
+const YEAR_PAGE = 12;
+const toDate = (value) => {
+    if (!value)
+        return undefined;
+    if (value instanceof Date)
+        return dateFnsExports.isValid(value) ? value : undefined;
+    const parsed = dateFnsExports.parseISO(value);
+    return dateFnsExports.isValid(parsed) ? parsed : undefined;
+};
+const toValue = (input) => [
+    toDate(input === null || input === void 0 ? void 0 : input[0]),
+    toDate(input === null || input === void 0 ? void 0 : input[1]),
+];
+const toKey = (date, precision) => {
+    const year = date.getFullYear();
+    if (precision === 'year')
+        return year;
+    const month = date.getMonth() + 1;
+    if (precision === 'month')
+        return year * 100 + month;
+    return year * 10000 + month * 100 + date.getDate();
+};
+const startOfUnit = (date, precision) => {
+    if (precision === 'year')
+        return new Date(date.getFullYear(), 0, 1);
+    if (precision === 'month')
+        return new Date(date.getFullYear(), date.getMonth(), 1);
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+};
+const carryTime = (from, to) => {
+    if (!from)
+        return to;
+    const next = new Date(to);
+    next.setHours(from.getHours(), from.getMinutes(), 0, 0);
+    return next;
+};
+const toBounds = (args) => {
+    const { precision, min, max, disabledDates, disabledWeekdays } = args;
+    const minDate = toDate(min);
+    const maxDate = toDate(max);
+    const keys = (disabledDates !== null && disabledDates !== void 0 ? disabledDates : [])
+        .map(entry => toDate(entry))
+        .filter((entry) => !!entry)
+        .map(entry => toKey(entry, precision));
+    return {
+        minKey: minDate && toKey(minDate, precision),
+        maxKey: maxDate && toKey(maxDate, precision),
+        disabledKeys: keys.length ? new Set(keys) : undefined,
+        disabledWeekdays: (disabledWeekdays === null || disabledWeekdays === void 0 ? void 0 : disabledWeekdays.length) ? disabledWeekdays : undefined,
+    };
+};
+const isUnitDisabled = (date, precision, bounds) => {
+    var _a;
+    const key = toKey(date, precision);
+    if (bounds.minKey !== undefined && key < bounds.minKey)
+        return true;
+    if (bounds.maxKey !== undefined && key > bounds.maxKey)
+        return true;
+    if ((_a = bounds.disabledKeys) === null || _a === void 0 ? void 0 : _a.has(key))
+        return true;
+    if (precision === 'day' && bounds.disabledWeekdays)
+        return bounds.disabledWeekdays.includes(date.getDay());
+    return false;
+};
+const toCell = (date, precision, bounds, todayKey, outside) => {
+    const key = toKey(date, precision);
+    return { key, date, disabled: isUnitDisabled(date, precision, bounds), outside, today: key === todayKey };
+};
+const buildDayRows = (month, weekStartsOn, bounds) => {
+    const gridStart = dateFnsExports.startOfWeek(dateFnsExports.startOfMonth(month), { weekStartsOn });
+    const todayKey = toKey(new Date(), 'day');
+    return Array.from({ length: DAY_ROWS }, (_, row) => {
+        const cells = Array.from({ length: DAY_COLS }, (_, col) => {
+            const date = dateFnsExports.addDays(gridStart, row * DAY_COLS + col);
+            return toCell(date, 'day', bounds, todayKey, !dateFnsExports.isSameMonth(date, month));
+        });
+        return { number: dateFnsExports.getISOWeek(cells[0].date), cells };
+    });
+};
+const buildMonthCells = (anchor, bounds) => {
+    const todayKey = toKey(new Date(), 'month');
+    return Array.from({ length: 12 }, (_, month) => toCell(new Date(anchor.getFullYear(), month, 1), 'month', bounds, todayKey, false));
+};
+const yearPageStart = (anchor) => Math.floor(anchor.getFullYear() / YEAR_PAGE) * YEAR_PAGE;
+const buildYearCells = (anchor, bounds) => {
+    const first = yearPageStart(anchor);
+    const todayKey = toKey(new Date(), 'year');
+    return Array.from({ length: YEAR_PAGE }, (_, offset) => toCell(new Date(first + offset, 0, 1), 'year', bounds, todayKey, false));
+};
+const selectUnit = (args) => {
+    const { value, picked, active, selection, precision, withTime } = args;
+    const [start, end] = value;
+    const unit = startOfUnit(picked, precision);
+    const applied = (current) => (withTime ? carryTime(current, unit) : unit);
+    const cmp = (a, b) => withTime ? a.getTime() - b.getTime() : toKey(a, precision) - toKey(b, precision);
+    const collapse = (date) => [date, new Date(date)];
+    if (selection === 'single') {
+        return { value: [applied(start), undefined], active: 'start', complete: true };
+    }
+    if (active === 'end' && start) {
+        const next = applied(end);
+        return {
+            value: cmp(next, start) < 0 ? collapse(next) : [start, next],
+            active: 'end',
+            complete: true,
+        };
+    }
+    if (active === 'start' && end) {
+        const next = applied(start);
+        return {
+            value: cmp(next, end) > 0 ? collapse(next) : [next, end],
+            active: 'start',
+            complete: true,
+        };
+    }
+    return { value: [applied(start), undefined], active: 'end', complete: false };
+};
+
+const xvDatePickerCss = () => `:host{--xv-date-picker-height:40px;--xv-date-picker-cell-size:40px;--xv-date-picker-panel-width:auto;--xv-date-picker-fields-direction:row;display:inline-block;font-family:var(--ff-body), sans-serif;font-size:var(--fz-md, 14px)}:host([block]){display:block}:host([block]) .field_item{flex:1 1 0;min-width:0}.control{display:flex;flex-direction:column;row-gap:var(--spacing-02, 4px);text-align:left}.field{display:flex;align-items:flex-end;flex-direction:var(--xv-date-picker-fields-direction, row);gap:var(--spacing-03, 8px)}.field_item{display:flex;flex-direction:column;row-gap:var(--spacing-03, 8px);min-width:0}.field_label{color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px);font-weight:400;letter-spacing:0.32px}.field_control{position:relative;display:flex;align-items:center;box-sizing:border-box;height:var(--xv-date-picker-height);border:1px solid var(--border-subtle-01, #D1D1D1);border-radius:3px;outline:2px solid transparent;background-color:transparent;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}.field_control:hover{border-color:var(--border-subtle-selected-01, #8B8B8B)}.field_control:focus-within,.field_control.active{border-color:var(--border-subtle-selected-01, #8B8B8B);outline-color:var(--focus, #273435)}.field_input{flex:1 1 0;min-width:0;height:100%;box-sizing:border-box;padding:0 var(--spacing-05, 16px);border:none;outline:none;background-color:transparent;color:var(--text-primary, #131313);font-family:inherit;font-size:1em;letter-spacing:0.16px;cursor:pointer;text-overflow:ellipsis}.field_input::placeholder{color:var(--text-placeholder, #ACACAC)}.field_icon,.field_clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:var(--spacing-05, 16px);color:var(--icon-primary, #131313)}.field_icon{background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zm0-13H5V6h14v1z'/%3E%3C/svg%3E");mask-size:cover}.field_clear{padding:0;border:none;border-radius:50%;background:none;font-size:16px;line-height:1;cursor:pointer}.field_clear:hover{background-color:var(--layer-hover-01, #E9E9E9)}.field.error .field_control{border-color:var(--support-error, #F1290E);outline-color:var(--support-error, #F1290E)}.field.warning .field_control{border-color:var(--support-warning, #FF7F04)}.control_message{margin:0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);letter-spacing:0.32px}.control_message.error{color:var(--text-error, #D62512)}.control_message.warning{color:var(--support-warning, #FF7F04)}:host(.readonly) .field_control{background-color:var(--field-01, #F7F7F7)}:host(.readonly) .field_control:hover{border-color:var(--border-subtle-01, #D1D1D1)}:host(.readonly) .field_input{color:var(--text-secondary, #515151);cursor:default}:host(.disabled) .field_label,:host(.disabled) .field_input,:host(.disabled) .control_message:not(.error){color:var(--text-disabled, rgba(19, 19, 19, 0.25))}:host(.disabled) .field_control{cursor:not-allowed}:host(.disabled) .field_control:hover{border-color:var(--border-subtle-01, #D1D1D1)}:host(.disabled) .field_icon{opacity:0.4}:host(.loading) .field_control{border-color:transparent;background-color:var(--field-01, #F7F7F7);background-image:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);background-size:200% 100%;background-repeat:no-repeat;animation:xv-date-picker-shimmer 1.2s ease-in-out infinite}:host(.loading) .field_input,:host(.loading) .field_icon{visibility:hidden}@keyframes xv-date-picker-shimmer{from{background-position:-100% 0}to{background-position:100% 0}}.panel{display:none;z-index:12;box-sizing:border-box;width:var(--xv-date-picker-panel-width);padding:var(--spacing-03, 8px);border-radius:3px;background-color:var(--layer-02, #fff);box-shadow:0 4px 8px 3px rgba(39, 52, 53, 0.15), 0 1px 3px 0 rgba(39, 52, 53, 0.3)}.panel.open{display:block}.panel_header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:var(--spacing-03, 8px)}.panel_title{padding:var(--spacing-02, 4px);border:none;border-radius:3px;background:none;color:var(--text-primary, #131313);font-family:inherit;font-size:1em;font-weight:700;letter-spacing:0.16px;text-transform:capitalize;cursor:pointer}.panel_title:hover:not(:disabled){background-color:var(--layer-hover-01, #E9E9E9)}.panel_title:disabled{cursor:default}.panel_chevron{display:inline-block;padding:4px;border:solid currentColor;border-width:0 2px 2px 0}.panel_chevron.prev{transform:translate(2px) rotate(135deg)}.panel_chevron.next{transform:translate(-2px) rotate(-45deg)}.panel_row{display:grid;grid-template-columns:repeat(7, var(--xv-date-picker-cell-size))}.panel_row.numbered{grid-template-columns:repeat(8, var(--xv-date-picker-cell-size))}.panel_week,.panel_weekday{display:inline-flex;align-items:center;justify-content:center;height:var(--xv-date-picker-cell-size);color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px)}.panel_grid.month,.panel_grid.year{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--spacing-02, 4px);min-width:calc(var(--xv-date-picker-cell-size) * 6)}.panel_time{display:flex;gap:var(--spacing-03, 8px);margin-top:var(--spacing-03, 8px);padding-top:var(--spacing-03, 8px);border-top:1px solid var(--border-subtle-01, #D1D1D1)}.panel_time-item{display:flex;flex:1 1 0;flex-direction:column;row-gap:var(--spacing-02, 4px);min-width:0}.panel_time-label{color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px)}.panel_time input[type=time]{box-sizing:border-box;width:100%;height:32px;padding:0 var(--spacing-03, 8px);border:1px solid var(--border-subtle-01, #D1D1D1);border-radius:3px;outline:2px solid transparent;background-color:transparent;color:var(--text-primary, #131313);font-family:inherit;font-size:var(--fz-sm, 12px)}.panel_time input[type=time]:hover:not(:disabled){border-color:var(--border-subtle-selected-01, #8B8B8B)}.panel_time input[type=time]:focus{outline-color:var(--focus, #273435)}.panel_time input[type=time]:disabled{color:var(--text-disabled, rgba(19, 19, 19, 0.25));background-color:var(--field-01, #F7F7F7)}.panel_time input[type=time]::-webkit-datetime-edit-hour-field,.panel_time input[type=time]::-webkit-datetime-edit-minute-field,.panel_time input[type=time]::-webkit-datetime-edit-ampm-field{padding:0 2px;border-radius:2px}.panel_time input[type=time]:focus::-webkit-datetime-edit-hour-field,.panel_time input[type=time]:focus::-webkit-datetime-edit-minute-field,.panel_time input[type=time]:focus::-webkit-datetime-edit-ampm-field{background-color:var(--highlight-01, #CEDE94) !important;color:var(--text-primary, #131313) !important}.panel_time input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.5;transition:150ms ease-in-out opacity}.panel_time input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.panel_cell{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;height:var(--xv-date-picker-cell-size);padding:0;border:none;outline:none;background-color:transparent;color:var(--text-primary, #131313);font-family:inherit;font-size:1em;letter-spacing:0.16px;cursor:pointer;transition:150ms ease-in-out background-color, 150ms ease-in-out color}.panel_cell:hover:not(:disabled){background-color:var(--layer-hover-01, #E9E9E9)}.panel_cell:focus-visible:not(:disabled){outline:1px solid var(--focus, #273435)}.panel_cell.inRange:not(:disabled){background-color:var(--highlight-01, #CEDE94)}.panel_cell.selected{background-color:var(--button-primary, #273435);color:var(--text-on-color, #fff)}.panel_cell.selected:hover{background-color:var(--button-primary-hover, #303F40)}.panel_cell.today{font-weight:700}.panel_cell.today:after{content:"";position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:2px;background-color:currentColor}.panel_cell.outside:not(.selected){color:var(--text-placeholder, #ACACAC)}.panel_cell:disabled{color:var(--text-disabled, rgba(19, 19, 19, 0.25));cursor:not-allowed}:host([size=xs]){--xv-date-picker-height:16px;font-size:var(--fz-sm, 12px)}:host([size=xs]) .field_input{padding-inline:var(--spacing-03, 8px)}:host([size=xs]) .field_icon,:host([size=xs]) .field_clear{margin-right:var(--spacing-03, 8px)}:host([size=sm]){--xv-date-picker-height:32px}:host([size=md]){--xv-date-picker-height:40px}:host([size=lg]){--xv-date-picker-height:48px}:host([size=xl]){--xv-date-picker-height:60px;font-size:var(--fz-lg, 16px)}`;
+
+const LOCALES = { de: localeExports.de, en: localeExports.enUS };
+const DRILL_DOWN = { year: 'month', month: 'day', day: 'day' };
+const DRILL_UP = { day: 'month', month: 'year', year: 'year' };
+const UNIT_COLS = 3;
+const XvDatePicker = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.valueChange = index$1.createEvent(this, "valueChange", 7);
+        this.xvBlur = index$1.createEvent(this, "xvBlur", 7);
+        this.openChange = index$1.createEvent(this, "openChange", 7);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.value = [undefined, undefined];
+        this.selection = 'single';
+        this.precision = 'day';
+        this.withTime = false;
+        this.minuteStep = 5;
+        this.weekStartsOn = 1;
+        this.showWeekNumbers = true;
+        this.required = false;
+        this.readonly = false;
+        this.disabled = false;
+        this.loading = false;
+        this.clearable = false;
+        this.size = _vars.SIZE_VAR.MD;
+        this.block = false;
+        this.placement = 'bottom-start';
+        this.offset = 8;
+        this.dates = [undefined, undefined];
+        this.open = false;
+        this.view = 'day';
+        this.anchor = new Date();
+        this.active = 'start';
+        this.dayRows = [];
+        this.unitCells = [];
+        this.weekdays = [];
+        this.focusedDate = new Date();
+        this.bounds = {};
+        this.inputs = {};
+        this.pendingCellFocus = false;
+        this.handleFieldClick = (event) => {
+            if (!this.isInteractive)
+                return;
+            const endpoint = this.endpointOf(event.target);
+            this.active = endpoint !== null && endpoint !== void 0 ? endpoint : (this.dates[0] && this.selection === 'range' ? 'end' : 'start');
+            if (!this.open)
+                this.open = true;
+            if (!endpoint)
+                this.focusEndpoint(this.active);
+        };
+        this.handleFieldKeydown = (event) => {
+            if (!this.isInteractive)
+                return;
+            if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                const endpoint = this.endpointOf(event.target);
+                if (endpoint)
+                    this.active = endpoint;
+                this.open = true;
+                // ArrowDown is the keyboard way into the grid
+                if (event.key === 'ArrowDown')
+                    this.pendingCellFocus = true;
+                return;
+            }
+            if (event.key === 'Escape' && this.open)
+                this.open = false;
+        };
+        this.handlePanelKeydown = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            event.stopPropagation();
+            this.open = false;
+            this.focusEndpoint(this.active);
+        };
+        this.handleGridKeydown = (event) => {
+            const columns = this.view === 'day' ? DAY_COLS : UNIT_COLS;
+            switch (event.key) {
+                case 'ArrowLeft':
+                    this.moveFocus(-1);
+                    break;
+                case 'ArrowRight':
+                    this.moveFocus(1);
+                    break;
+                case 'ArrowUp':
+                    this.moveFocus(-columns);
+                    break;
+                case 'ArrowDown':
+                    this.moveFocus(columns);
+                    break;
+                case 'Home':
+                    this.setFocusedDate(this.edgeOfRow('start'), 1);
+                    break;
+                case 'End':
+                    this.setFocusedDate(this.edgeOfRow('end'), -1);
+                    break;
+                case 'PageUp':
+                    this.stepFocus(-1);
+                    break;
+                case 'PageDown':
+                    this.stepFocus(1);
+                    break;
+                default: return;
+            }
+            event.preventDefault();
+        };
+        this.handleTimeChange = (event, endpoint) => {
+            const [hours, minutes] = event.target.value.split(':').map(Number);
+            if (!Number.isFinite(hours) || !Number.isFinite(minutes))
+                return;
+            const index = endpoint === 'end' ? 1 : 0;
+            const current = this.dates[index];
+            if (!current)
+                return;
+            const updated = new Date(current);
+            updated.setHours(hours, minutes, 0, 0);
+            const next = [this.dates[0], this.dates[1]];
+            next[index] = updated;
+            // a time edit must not invert the range — pull the other endpoint along
+            if (next[0] && next[1] && next[0].getTime() > next[1].getTime()) {
+                next[index === 0 ? 1 : 0] = new Date(updated);
+            }
+            this.commit(next);
+        };
+        this.handleClear = (event) => {
+            event.stopPropagation();
+            this.commit([undefined, undefined]);
+            this.active = 'start';
+        };
+    }
+    get dateLocale() {
+        var _a;
+        const tag = this.locale || ((_a = this.el.closest('[lang]')) === null || _a === void 0 ? void 0 : _a.getAttribute('lang')) || 'de';
+        return LOCALES[tag] || LOCALES[tag.split('-')[0]] || localeExports.de;
+    }
+    get isInteractive() {
+        return !this.disabled && !this.readonly && !this.loading;
+    }
+    componentWillLoad() {
+        this.syncValue();
+        this.view = this.precision;
+        this.anchor = this.dates[0] || new Date();
+        this.rebuildWeekdays();
+        this.rebuild();
+    }
+    componentDidRender() {
+        if (!this.pendingCellFocus)
+            return;
+        this.pendingCellFocus = false;
+        this.focusCell();
+    }
+    disconnectedCallback() {
+        this.destroyPopper();
+        this.unbindDismiss();
+    }
+    syncValue() {
+        const next = toValue(this.value);
+        const [start, end] = next;
+        const [prevStart, prevEnd] = this.dates;
+        if ((start === null || start === void 0 ? void 0 : start.getTime()) === (prevStart === null || prevStart === void 0 ? void 0 : prevStart.getTime()) && (end === null || end === void 0 ? void 0 : end.getTime()) === (prevEnd === null || prevEnd === void 0 ? void 0 : prevEnd.getTime()))
+            return;
+        this.dates = next;
+        this.syncFormValue();
+        // the tuple keeps its slots — consumers read detail[0] / detail[1] positionally
+        this.valueChange.emit(next);
+    }
+    rebuildWeekdays() {
+        const first = dateFnsExports.startOfWeek(new Date(), { weekStartsOn: this.weekStartsOn });
+        this.weekdays = Array.from({ length: 7 }, (_, index) => dateFnsExports.format(dateFnsExports.addDays(first, index), 'EEEEEE', { locale: this.dateLocale }));
+    }
+    resetView() {
+        this.view = this.precision;
+    }
+    rebuild() {
+        this.bounds = toBounds({
+            precision: this.view,
+            min: this.min,
+            max: this.max,
+            disabledDates: this.disabledDates,
+            disabledWeekdays: this.disabledWeekdays,
+        });
+        if (this.view === 'day') {
+            this.dayRows = buildDayRows(this.anchor, this.weekStartsOn, this.bounds);
+            this.unitCells = [];
+            return;
+        }
+        this.dayRows = [];
+        this.unitCells = this.view === 'month'
+            ? buildMonthCells(this.anchor, this.bounds)
+            : buildYearCells(this.anchor, this.bounds);
+    }
+    openWatcher() {
+        this.openChange.emit(this.open);
+        if (this.open) {
+            this.view = this.precision;
+            this.anchor = this.dates[this.active === 'end' ? 1 : 0] || this.dates[0] || new Date();
+            this.focusedDate = this.anchor;
+            requestAnimationFrame(() => this.createPopper());
+            this.bindDismiss();
+            return;
+        }
+        this.destroyPopper();
+        this.unbindDismiss();
+        this.xvBlur.emit(this.dates);
+    }
+    syncFormValue() {
+        var _a;
+        // form association is optional — the element also works outside a form
+        if (typeof ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) !== 'function')
+            return;
+        const [start, end] = this.dates;
+        if (!start && !end) {
+            this.internals.setFormValue(null);
+            return;
+        }
+        if (this.selection === 'single') {
+            this.internals.setFormValue((start !== null && start !== void 0 ? start : end).toISOString());
+            return;
+        }
+        const data = new FormData();
+        start && data.append('start', start.toISOString());
+        end && data.append('end', end.toISOString());
+        this.internals.setFormValue(data);
+    }
+    commit(next) {
+        this.value = next;
+    }
+    handleCellClick(cell) {
+        if (cell.disabled)
+            return;
+        if (this.view !== this.precision) {
+            this.anchor = cell.date;
+            this.view = DRILL_DOWN[this.view];
+            return;
+        }
+        const result = selectUnit({
+            value: this.dates,
+            picked: cell.date,
+            active: this.active,
+            selection: this.selection,
+            precision: this.precision,
+            withTime: this.withTime,
+        });
+        if (cell.outside)
+            this.anchor = cell.date;
+        this.commit(result.value);
+        this.active = result.active;
+        // with a time section the panel stays open so the time can still be set
+        if (result.complete && !(this.withTime && this.precision === 'day')) {
+            this.open = false;
+            // the picked cell is gone with the panel — never leave focus on the body
+            this.focusEndpoint(this.active);
+            return;
+        }
+        if (!result.complete)
+            this.focusEndpoint(result.active);
+    }
+    addUnits(date, amount) {
+        if (this.view === 'day')
+            return dateFnsExports.addDays(date, amount);
+        if (this.view === 'month')
+            return dateFnsExports.addMonths(date, amount);
+        return dateFnsExports.addYears(date, amount);
+    }
+    moveFocus(amount) {
+        this.setFocusedDate(this.addUnits(this.focusedDate, amount), amount > 0 ? 1 : -1);
+    }
+    stepFocus(direction) {
+        if (direction < 0 ? !this.canStepBack : !this.canStepForward)
+            return;
+        const next = this.view === 'day'
+            ? dateFnsExports.addMonths(this.focusedDate, direction)
+            : this.view === 'month'
+                ? dateFnsExports.addYears(this.focusedDate, direction)
+                : dateFnsExports.addYears(this.focusedDate, direction * YEAR_PAGE);
+        this.step(direction);
+        this.focusedDate = next;
+        this.pendingCellFocus = true;
+    }
+    edgeOfRow(edge) {
+        if (this.view === 'day') {
+            return edge === 'start'
+                ? dateFnsExports.startOfWeek(this.focusedDate, { weekStartsOn: this.weekStartsOn })
+                : dateFnsExports.endOfWeek(this.focusedDate, { weekStartsOn: this.weekStartsOn });
+        }
+        const cells = this.unitCells;
+        const cell = edge === 'start' ? cells[0] : cells[cells.length - 1];
+        return cell ? cell.date : this.focusedDate;
+    }
+    // skipDirection steps over unavailable units so a move never lands on something unselectable
+    setFocusedDate(date, skipDirection) {
+        let next = date;
+        if (skipDirection) {
+            for (let guard = 0; guard < 60 && isUnitDisabled(next, this.view, this.bounds); guard++) {
+                next = this.addUnits(next, skipDirection);
+            }
+            if (isUnitDisabled(next, this.view, this.bounds))
+                return;
+        }
+        this.focusedDate = next;
+        this.pendingCellFocus = true;
+        if (!this.hasCell(next))
+            this.anchor = next;
+    }
+    hasCell(date) {
+        const key = toKey(date, this.view);
+        return this.view === 'day'
+            ? this.dayRows.some(row => row.cells.some(cell => cell.key === key))
+            : this.unitCells.some(cell => cell.key === key);
+    }
+    focusCell() {
+        var _a;
+        const key = toKey(this.focusedDate, this.view);
+        const cell = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-key="${key}"]`);
+        if (typeof (cell === null || cell === void 0 ? void 0 : cell.focus) === 'function')
+            cell.focus();
+    }
+    endpointOf(target) {
+        if (this.inputs.start && target === this.inputs.start)
+            return 'start';
+        if (this.inputs.end && target === this.inputs.end)
+            return 'end';
+        return undefined;
+    }
+    focusEndpoint(endpoint) {
+        this.active = this.selection === 'range' ? endpoint : 'start';
+        const input = this.inputs[this.active];
+        if (typeof (input === null || input === void 0 ? void 0 : input.focus) === 'function')
+            input.focus();
+    }
+    step(direction) {
+        if (this.view === 'day')
+            this.anchor = dateFnsExports.addMonths(this.anchor, direction);
+        else if (this.view === 'month')
+            this.anchor = dateFnsExports.addYears(this.anchor, direction);
+        else
+            this.anchor = dateFnsExports.addYears(this.anchor, direction * YEAR_PAGE);
+    }
+    get canStepBack() {
+        if (this.bounds.minKey === undefined)
+            return true;
+        if (this.view === 'day')
+            return toKey(dateFnsExports.endOfMonth(dateFnsExports.addMonths(this.anchor, -1)), 'day') >= this.bounds.minKey;
+        if (this.view === 'month')
+            return toKey(dateFnsExports.endOfYear(dateFnsExports.addYears(this.anchor, -1)), 'month') >= this.bounds.minKey;
+        return yearPageStart(this.anchor) - 1 >= this.bounds.minKey;
+    }
+    get canStepForward() {
+        if (this.bounds.maxKey === undefined)
+            return true;
+        if (this.view === 'day')
+            return toKey(dateFnsExports.addMonths(this.anchor, 1), 'day') <= this.bounds.maxKey;
+        if (this.view === 'month')
+            return toKey(dateFnsExports.addYears(this.anchor, 1), 'month') <= this.bounds.maxKey;
+        return yearPageStart(this.anchor) + YEAR_PAGE <= this.bounds.maxKey;
+    }
+    bindDismiss() {
+        if (this.dismiss)
+            return;
+        this.dismiss = (event) => {
+            // composedPath is the only check that survives shadow-DOM retargeting
+            if (!this.containsTarget(event))
+                this.open = false;
+        };
+        document.addEventListener('click', this.dismiss, true);
+    }
+    containsTarget(event) {
+        var _a;
+        if (typeof event.composedPath === 'function' && event.composedPath().includes(this.el))
+            return true;
+        const target = event.target;
+        return !!target && (this.el.contains(target) || !!((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(target)));
+    }
+    unbindDismiss() {
+        if (!this.dismiss)
+            return;
+        document.removeEventListener('click', this.dismiss, true);
+        this.dismiss = undefined;
+    }
+    createPopper() {
+        if (!this.fieldEl || !this.panelEl)
+            return;
+        this.popper = createPopper(this.fieldEl, this.panelEl, {
+            strategy: 'fixed',
+            placement: this.placement,
+            modifiers: [{ name: 'offset', options: { offset: [0, this.offset] } }],
+        });
+    }
+    destroyPopper() {
+        var _a;
+        (_a = this.popper) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.popper = undefined;
+    }
+    formatValue(date) {
+        if (!date)
+            return '';
+        const locale = this.dateLocale;
+        if (this.precision === 'year')
+            return dateFnsExports.format(date, 'yyyy', { locale });
+        if (this.precision === 'month')
+            return dateFnsExports.format(date, 'LLLL yyyy', { locale });
+        return this.withTime ? dateFnsExports.format(date, 'P p', { locale }) : dateFnsExports.format(date, 'P', { locale });
+    }
+    headerLabel() {
+        const locale = this.dateLocale;
+        if (this.view === 'day')
+            return dateFnsExports.format(this.anchor, 'LLLL yyyy', { locale });
+        if (this.view === 'month')
+            return dateFnsExports.format(this.anchor, 'yyyy', { locale });
+        const first = yearPageStart(this.anchor);
+        return `${first} – ${first + YEAR_PAGE - 1}`;
+    }
+    cellLabel(cell) {
+        if (this.view === 'day')
+            return `${cell.date.getDate()}`;
+        if (this.view === 'month')
+            return dateFnsExports.format(cell.date, 'LLL', { locale: this.dateLocale });
+        return `${cell.date.getFullYear()}`;
+    }
+    cellState(cell) {
+        const [start, end] = this.dates;
+        const startKey = start && toKey(start, this.view);
+        const endKey = end && toKey(end, this.view);
+        const selected = cell.key === startKey || cell.key === endKey;
+        return {
+            selected,
+            inRange: !selected &&
+                this.selection === 'range' &&
+                startKey !== undefined &&
+                endKey !== undefined &&
+                cell.key > startKey &&
+                cell.key < endKey,
+        };
+    }
+    renderField(endpoint) {
+        const isEnd = endpoint === 'end';
+        const label = isEnd ? this.labelEnd : this.labelStart || this.label;
+        const date = this.dates[isEnd ? 1 : 0];
+        const isLast = isEnd || this.selection === 'single';
+        const showClear = this.clearable && isLast && !!(this.dates[0] || this.dates[1]);
+        return (index$1.h("label", { class: "field_item", part: "field-item" }, label && (index$1.h("span", { class: "field_label", part: "label" }, label, this.required && ' *')), index$1.h("span", { class: {
+                field_control: true,
+                active: this.open && this.selection === 'range' && this.active === endpoint,
+            }, part: "input-wrapper" }, index$1.h("input", { type: "text", readonly: true, part: "input", class: "field_input", role: "combobox", "aria-expanded": `${this.open}`, "aria-haspopup": "dialog", disabled: this.disabled || this.loading, placeholder: this.placeholder, value: this.formatValue(date), ref: el => (this.inputs[endpoint] = el) }), showClear ? (index$1.h("button", { type: "button", class: "field_clear", part: "clear", tabindex: "-1", onClick: this.handleClear }, "\u00D7")) : (index$1.h("span", { class: "field_icon", part: "icon", "aria-hidden": "true" })))));
+    }
+    renderHeader() {
+        return (index$1.h("div", { class: "panel_header", part: "header" }, index$1.h("xv-button-v2", { variant: "ghost", size: _vars.SIZE_VAR.SM, disabled: !this.canStepBack, onClick: () => this.step(-1) }, index$1.h("span", { slot: "icon-left", class: "panel_chevron prev" })), index$1.h("button", { type: "button", class: "panel_title", part: "header-title", disabled: this.view === 'year', onClick: () => (this.view = DRILL_UP[this.view]) }, this.headerLabel()), index$1.h("xv-button-v2", { variant: "ghost", size: _vars.SIZE_VAR.SM, disabled: !this.canStepForward, onClick: () => this.step(1) }, index$1.h("span", { slot: "icon-left", class: "panel_chevron next" }))));
+    }
+    renderCell(cell, focusedKey) {
+        const state = this.cellState(cell);
+        return (index$1.h("button", { type: "button", part: "cell", role: "gridcell", "data-key": cell.key, "aria-selected": `${state.selected}`, "aria-label": this.cellAriaLabel(cell), tabindex: this.open && cell.key === focusedKey ? '0' : '-1', disabled: cell.disabled, class: {
+                panel_cell: true,
+                selected: state.selected,
+                inRange: state.inRange,
+                today: cell.today,
+                outside: cell.outside,
+            }, onClick: () => this.handleCellClick(cell) }, this.cellLabel(cell)));
+    }
+    cellAriaLabel(cell) {
+        const locale = this.dateLocale;
+        if (this.view === 'year')
+            return dateFnsExports.format(cell.date, 'yyyy', { locale });
+        if (this.view === 'month')
+            return dateFnsExports.format(cell.date, 'LLLL yyyy', { locale });
+        return dateFnsExports.format(cell.date, 'PPPP', { locale });
+    }
+    renderDayGrid(focusedKey) {
+        return (index$1.h(index$1.Fragment, null, index$1.h("div", { class: { panel_row: true, weekdays: true, numbered: this.showWeekNumbers }, part: "weekdays", role: "row" }, this.showWeekNumbers && index$1.h("span", { class: "panel_week", role: "columnheader" }), this.weekdays.map(day => (index$1.h("span", { class: "panel_weekday", role: "columnheader" }, day)))), this.dayRows.map(row => (index$1.h("div", { class: { panel_row: true, numbered: this.showWeekNumbers }, role: "row" }, this.showWeekNumbers && (index$1.h("span", { class: "panel_week", role: "rowheader" }, row.number)), row.cells.map(cell => this.renderCell(cell, focusedKey)))))));
+    }
+    renderTime() {
+        const endpoints = this.selection === 'range' ? ['start', 'end'] : ['start'];
+        return (index$1.h("div", { class: "panel_time", part: "time" }, endpoints.map(endpoint => {
+            const label = endpoint === 'end' ? this.labelEnd : this.labelStart || this.label;
+            const date = this.dates[endpoint === 'end' ? 1 : 0];
+            return (index$1.h("label", { class: "panel_time-item" }, label && index$1.h("span", { class: "panel_time-label" }, label), index$1.h("input", { type: "time", part: "time-input", step: this.minuteStep * 60, disabled: !date, value: date ? dateFnsExports.format(date, 'HH:mm') : '', onChange: event => this.handleTimeChange(event, endpoint) })));
+        })));
+    }
+    render() {
+        const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
+        const showTime = this.withTime && this.precision === 'day';
+        const focusedKey = toKey(this.focusedDate, this.view);
+        return (index$1.h(index$1.Host, { key: '37bccd82d64c236ee180bffe73fafc243dd8aad8', class: { disabled: this.disabled, loading: this.loading, readonly: this.readonly } }, index$1.h("div", { key: 'a9b1ab7fa33a81bcbf691e8ee1f835b23c930f2a', class: "control", part: "control" }, index$1.h("div", { key: '41a0e21d63569785e1c482619d1ed6d63118a2d5', class: {
+                field: true,
+                range: this.selection === 'range',
+                error: !!this.error,
+                warning: !!this.warning,
+            }, part: "field", ref: el => (this.fieldEl = el), onClick: this.handleFieldClick, onKeyDown: this.handleFieldKeydown }, this.renderField('start'), this.selection === 'range' && this.renderField('end')), message && (index$1.h("p", { key: '2c85920edc6707b2fba8be39b89f6ed0191de481', class: { control_message: true, [message.level]: true }, part: "message" }, message.text))), index$1.h("div", { key: 'e7e807b22608683cc48c97c493000bc1fcf65559', class: { panel: true, open: this.open }, part: "panel", role: "dialog", ref: el => (this.panelEl = el), onKeyDown: this.handlePanelKeydown }, this.renderHeader(), index$1.h("div", { key: '6d467a8b1ec52981b71e69942f1d6a6b4928c930', class: { panel_grid: true, [this.view]: true }, part: "grid", role: "grid", onKeyDown: this.handleGridKeydown }, this.view === 'day'
+            ? this.renderDayGrid(focusedKey)
+            : this.unitCells.map(cell => this.renderCell(cell, focusedKey))), showTime && this.renderTime(), index$1.h("slot", { key: '83818b65fff9f51ef3dd559c3d7b97e7511ecc03', name: "footer" }))));
+    }
+    static get formAssociated() { return true; }
+    get el() { return index$1.getElement(this); }
+    static get watchers() { return {
+        "value": [{
+                "syncValue": 0
+            }],
+        "locale": [{
+                "rebuildWeekdays": 0
+            }],
+        "weekStartsOn": [{
+                "rebuildWeekdays": 0
+            }, {
+                "rebuild": 0
+            }],
+        "precision": [{
+                "resetView": 0
+            }],
+        "anchor": [{
+                "rebuild": 0
+            }],
+        "view": [{
+                "rebuild": 0
+            }],
+        "min": [{
+                "rebuild": 0
+            }],
+        "max": [{
+                "rebuild": 0
+            }],
+        "disabledDates": [{
+                "rebuild": 0
+            }],
+        "disabledWeekdays": [{
+                "rebuild": 0
+            }],
+        "open": [{
+                "openWatcher": 0
+            }]
+    }; }
+};
+XvDatePicker.style = xvDatePickerCss();
+
 const xvDatepickerCss = () => `@charset "UTF-8";:host{--xv-datepicker-padding:var(--spacing-04);--xv-datepicker-fields-direction:row;display:inline-block;font-size:var(--fz-md, 14px)}:host .control{display:flex;flex-direction:column;row-gap:var(--spacing-03);text-align:left;letter-spacing:0.32px}:host .control_label{color:var(--text-secondary, #515151);font-size:0.8571428571em;font-weight:400}:host .control_field{position:relative;display:flex;gap:var(--spacing-03);flex-direction:var(--xv-datepicker-fields-direction, row)}:host .control_field input[type=date]{flex:1 1 0;border-radius:3px;color:var(--text-primary, #333);font-family:var(--ff-body), sans-serif;font-size:1em;background-color:transparent;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0.32px;padding:var(--xv-datepicker-padding) calc(var(--spacing-05) + 20px) var(--xv-datepicker-padding) var(--spacing-05);border:1px solid var(--border-subtle-01);box-shadow:none;outline:2px solid transparent;transition:0.25s ease-in-out outline-color;appearance:none}:host .control_field input[type=date]:empty{color:var(--text-helper, #646464)}:host .control_field input[type=date]:focus{outline-color:var(--focus)}:host .control_field input[type=date]::-webkit-calendar-picker-indicator{visibility:hidden;opacity:0;appearance:none;pointer-events:none;display:none}:host .control_field:before{font-size:16px;width:16px;height:16px;top:calc(var(--xv-datepicker-padding) + 4px);right:var(--spacing-04);position:absolute;content:"";box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zm0-13H5V6h14v1z'/%3E%3C/svg%3E")}@supports not selector(::-webkit-calendar-picker-indicator){:host .control_field:before{background-image:none}}:host .control_field.warning,:host .control_field.error,:host .control_field.loading{position:relative}:host .control_field.warning:before,:host .control_field.error:before,:host .control_field.loading:before{background-image:none}:host .control_field.warning:before{content:"⚠";color:var(--support-warning)}:host .control_field.error:before{font-size:12px;border-radius:50%;content:"!";color:#fff;background-color:var(--support-error)}:host .control_field.error input[type=date]{outline-color:var(--support-error);border:1px solid var(--support-error)}:host .control_field.loading{}@keyframes spin{to{transform:rotate(360deg)}}:host .control_field.loading:before{content:"";background-color:transparent;border-radius:50%;border:3px solid rgba(0, 0, 0, 0.1);border-top-color:var(--highlight-01, #CEDE94);animation:spin 0.8s linear infinite}:host .control_message{font-size:0.8571428571em;color:var(--text-primary, #333);margin:0;padding:0}:host .control_message.error{color:var(--text-error, #D62512)}:host .control_message.warning{color:var(--support-warning)}:host .control_message.helper{color:var(--text-secondary, #515151)}:host .popover{opacity:1;z-index:12;position:absolute;max-width:fit-content;box-sizing:border-box;display:inline-flex;flex-direction:column;background-color:var(--layer-02, #fff);border-radius:3px;box-shadow:0 4px 8px 3px rgba(39, 52, 53, 0.15), 0 1px 3px 0 rgba(39, 52, 53, 0.3);padding:var(--spacing-02) var(--spacing-03);row-gap:var(--spacing-02, 4px)}:host .popover:not(.open){opacity:0;z-index:-1;user-select:none;pointer-events:none;top:0;left:0;transform:translateY(-9999px)}:host .popover .header{display:grid;width:100%;grid-template-columns:auto 1fr auto;column-gap:var(--spacing-03)}:host .popover .header_date{margin:0;padding:0;display:flex;align-items:center;justify-content:center;text-transform:capitalize;color:var(--text-primary, #333);text-align:center;font-family:var(--ff-body), sans-serif;font-size:1em;font-weight:700;letter-spacing:0.16px}:host .popover .header_date input[type=number]{display:inline-block;padding:0.25rem;border:none;margin:0 0 0 var(--spacing-02);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:3.75em;border-radius:3px}:host .popover .header_date input[type=number]:focus{outline:1px solid var(--focus)}:host .popover .header_icon{display:inline-block;position:relative;border:solid currentColor;padding:5px;border-width:0 2px 2px 0}:host .popover .header_icon.prev{transform:translate(4px) rotate(135deg)}:host .popover .header_icon.next{transform:translate(-4px) rotate(-45deg)}:host .popover .week{display:grid;width:100%;grid-template-columns:repeat(8, 1fr)}:host .popover .week_day{width:40px;line-height:40px;margin:0;padding:0;box-sizing:border-box;color:var(--text-primary, #333);font-family:var(--ff-body), sans-serif;font-size:1em;letter-spacing:0.16px;user-select:none}:host .popover .week_day:is(button){background-color:transparent;border:none;outline:none;transition:250ms ease-in-out background-color, 250ms ease-in-out color}:host .popover .week_day:is(button):hover:not(:disabled){cursor:pointer;background-color:var(--layer-hover-01, #E9E9E9)}:host .popover .week_day:is(button):focus:not(:disabled){cursor:pointer;outline:1px solid var(--focus, #273435);background-blend-mode:multiply}:host .popover .week_day:is(button):active:not(:disabled){background-color:rgba(139, 139, 139, 0.5)}:host .popover .week_day:is(button).inRange:not(.disabled):not(.active){background-color:var(--highlight-01, #CEDE94)}:host .popover .week_day:is(button).active{background-color:var(--button-primary, #273435);color:var(--text-on-color, #fff);z-index:1}:host .popover .week_day:is(button).active:hover{background-color:var(--button-primary-hover, #303F40)}:host .popover .week_day:is(button).active:active{background-color:var(--button-primary-active, #455D5E)}:host .popover .week_day.isToday{position:relative;font-weight:bold}:host .popover .week_day.isToday:before{content:"";position:absolute;bottom:2px;left:calc(50% - 2px);display:inline-block;width:4px;height:4px;border-radius:2px;background-color:currentColor}:host .popover .week_day.disabled{color:var(--text-placeholder, #ACACAC)}:host .popover .week_day__mobile{display:none}@media screen and (max-width: 920px){:host .popover .week_day__mobile{display:inline-block}}:host .popover .week_day__desktop{display:inline-block}@media screen and (max-width: 920px){:host .popover .week_day__desktop{display:none}}:host([block]){display:block;max-width:unset}:host(.disabled) .control_message,:host(.disabled) .control_field input[type=date],:host(.disabled) .control_label{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}:host(.disabled) .control_field:before{opacity:0.4}:host([size=xs]){--xv-datepicker-padding:var(--spacing-02, 4px);font-size:var(--fz-sm)}:host([size=sm]){--xv-datepicker-padding:var(--spacing-03, 8px)}:host([size=md]){--xv-datepicker-padding:var(--spacing-04, 12px)}:host([size=lg]){--xv-datepicker-padding:var(--spacing-05, 16px)}:host([size=xl]){--xv-datepicker-padding:var(--spacing-06, 24px);font-size:var(--fz-lg)}`;
 
 const WEEK = Array
@@ -80653,12 +81311,12 @@ const XvDatepicker = class {
             warning: this.warning,
             helper: this.helper,
         });
-        return (index$1.h(index$1.Host, { key: 'd3824a5d7c420cf3956bac19dce90ad6a2bf7fa2', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, index$1.h("div", { key: 'd93850164d288cb74c8120596196088e44c33a23', "aria-controls": "popover", class: "control" }, this.label && index$1.h("label", { key: 'e136f0ef2de64fa2e95b77caeb3675cee7626575', class: "control_label" }, this.label), index$1.h("div", { key: '102e8ce2e9dc0d9e74ba9a771b513977acbeb0ba', class: {
+        return (index$1.h(index$1.Host, { key: '2942ba3eed34a03d701e8244a82fc17e4323081d', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, index$1.h("div", { key: '507eaf161ff01d5d076562ed12d10e907ab262a4', "aria-controls": "popover", class: "control" }, this.label && index$1.h("label", { key: '0408965907c9f0953431d5de9cc3ca21f8e6f359', class: "control_label" }, this.label), index$1.h("div", { key: 'bb94ae56836fd08d662513d600aa33923aae339d', class: {
                 'control_field': true,
                 loading: this.loading,
                 error: !!this.error || !!this.localError,
                 warning: this.warning !== undefined,
-            }, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, index$1.h("input", { key: '815eb8a1b9aef9a4ffae56ce120175e4e727e2c0', 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' && (index$1.h("input", { key: '4ae5693501d921d8431da8d261de777f159eb778', 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 && (index$1.h("p", { key: 'a3facc864173f9a8d74ef8542fff82ea935f5593', class: { control_message: true, [message.level]: true } }, message.text))), index$1.h("div", { key: '649f74e157bcd2e834d03c7a2d52968fbe3087c1', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: '2cfbafcfaa23d86e610d488315ac6b1aa34dbf54', class: "header" }, index$1.h("xv-button-v2", { key: '3694744a0a8790fc80f65ae2a3a33d7f5a0a4d15', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, index$1.h("span", { key: '96aec7fad4fafc6ed43bea53b5000a1100815bf7', slot: "icon-left", class: "header_icon prev" })), index$1.h("p", { key: 'a52cafec3ee1d519d3acd39b65c59209b05a17f3', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: localeExports.de }), index$1.h("input", { key: 'f523d1ab179245a725a5bfe2ec97f3bce50533de', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), index$1.h("xv-button-v2", { key: '16a1f92a5a461a4c812225a586ea705e858aeac7', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, index$1.h("span", { key: '5b38b9fef3ab9914f879f8525dcd5b46f46058b4', slot: "icon-left", class: "header_icon next" }))), index$1.h("div", { key: '223691312e59a749bd1f8a982b7270fb529b6b32', class: "week" }, index$1.h("p", { key: '898552659a61a0cf789541cf694f7589eacdf457', class: "week_day" }), WEEK.map((day) => index$1.h("p", { class: "week_day" }, day, "."))), index$1.h("div", { key: '7c91b9a24f7d37f64f159f290a43cbfff4c9be1a', class: "week" }, this.days.map((day, idx) => (index$1.h(index$1.Fragment, null, idx % 7 === 0 && (index$1.h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), index$1.h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
+            }, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, index$1.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' && (index$1.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 && (index$1.h("p", { key: 'f70e16601c2082126484a2acaf200fd3e36c48b2', class: { control_message: true, [message.level]: true } }, message.text))), index$1.h("div", { key: 'fa1be0cf3724b57f181bff0d3be9f472d4a3839f', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: '8f15ec77dedc57bdce21a75eaf6a4507551a3103', class: "header" }, index$1.h("xv-button-v2", { key: 'f98f10bf76ed568cfd3f59f87add10a0457a2b9c', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, index$1.h("span", { key: '487532ab9ff3088be8462b6faf2acee8dc8d618b', slot: "icon-left", class: "header_icon prev" })), index$1.h("p", { key: '354f2aab92d6d52385914e4a000880dca3e00135', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: localeExports.de }), index$1.h("input", { key: '399a36306245bcaf173c2824e2cdad0000e5ab2d', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), index$1.h("xv-button-v2", { key: 'df6cc7252ccfe5344f0bdfb7bf78055d060cad15', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, index$1.h("span", { key: 'a65be37f6448d8072f77215cffafd5f3010355e3', slot: "icon-left", class: "header_icon next" }))), index$1.h("div", { key: '16ea670e99e28d22316c802d7a18236d3d2ca6f6', class: "week" }, index$1.h("p", { key: '495b4e38981a6923eff2ab5356bd5a39a825e575', class: "week_day" }), WEEK.map((day) => index$1.h("p", { class: "week_day" }, day, "."))), index$1.h("div", { key: 'd1590363dd39db36cd77084c4700584848352eaf', class: "week" }, this.days.map((day, idx) => (index$1.h(index$1.Fragment, null, idx % 7 === 0 && (index$1.h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), index$1.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,
@@ -80978,7 +81636,7 @@ const XvDropdown = class {
     /*  endregion Search methods */
     render() {
         const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (index$1.h(index$1.Host, { key: '01b71caf620b27aa3cf098ab9449196c1b7b56ea', 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) && (index$1.h("label", { key: 'd99f47f2abbbe370efde3a702b5d1c61b11aa4ca', class: "label" }, index$1.h("slot", { key: '2ca43ab5d65eb331d6ffd2ca10c251bcd6f6c3d0', name: "label" }, this.label), this.info && index$1.h("xv-tooltip-v2", { key: '7d55fa244097898202318adc3b03b898cb4b3f11', class: "label_info", message: this.info }))), index$1.h("div", { key: 'c854210410d358b440559702c4efab8b9ac894b8', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (index$1.h("xv-tag-v2", { key: '4d46c14e2aab62651692a98b6c3d321d7073849c', 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 ? (index$1.h("p", { class: "control_value" }, this.selected.join(', '))) : (index$1.h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), index$1.h("svg", { key: 'e3bf3f8eb0b3e71038423e8eb2e14d78dc4ca33a', 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" }, index$1.h("path", { key: '48f1408c0ebaa4c3b0c947dd4d9fdb2ab21a11c9', 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 && index$1.h("div", { key: '8915c7c514f6847a0d479c3ad1d39e00dbef46c2', 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 && (index$1.h("div", { key: '2f59d1e41e8cf05038174123bad5b55038be5d75', class: "options_search" }, index$1.h("xv-text-input-v2", { key: '8670ba300bb2410d9ba708f4d07ba8f8def0c6c9', type: "search", ref: (el) => (this.searchInputEl = el), block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), index$1.h("slot", { key: "xv-dropdown-options" })), message && index$1.h("p", { key: 'cade20ffd199293bcdb1ee7fa5c6d20e7294929e', class: "helper" }, message.text)));
+        return (index$1.h(index$1.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) && (index$1.h("label", { key: '99806b06efd4fb191f00b814fe2c546fd0704f42', class: "label" }, index$1.h("slot", { key: 'fd3ce47fb8e56e1d03d9f9490143b8555141e8e1', name: "label" }, this.label), this.info && index$1.h("xv-tooltip-v2", { key: '6a719ee752574cd21e8b4e7729aa70cd3ab9b377', class: "label_info", message: this.info }))), index$1.h("div", { key: '17f756444692acafa1a2ff098e00bdf8a575ff7c', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (index$1.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 ? (index$1.h("p", { class: "control_value" }, this.selected.join(', '))) : (index$1.h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), index$1.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" }, index$1.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 && index$1.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 && (index$1.h("div", { key: '5c848fec64830e97ccb28f4cbe996def0911b48f', class: "options_search" }, index$1.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 }))), index$1.h("slot", { key: "xv-dropdown-options" })), message && index$1.h("p", { key: 'e091f2dfcd2a8d5722c7c3cf9b54d67c84f813ef', class: "helper" }, message.text)));
     }
     componentDidLoad() {
         this.syncOpenState();
@@ -81081,7 +81739,7 @@ const XvDropdownItem = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f099e23dd392e97ec646b24d88758ba47568fe15', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (index$1.h("xv-checkbox-v2", { key: '27641c4a60485d70a61b72c8dad725c2c7f9390f', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), index$1.h("slot", { key: 'eefbe58b06a4c2995e2561e78436f724fee77021' }), (!this.multiple && this.selected) && index$1.h("span", { key: '57b640d72e80899786d9d14659cc79a003907ba5', class: "checkmark far fa-check" })));
+        return (index$1.h(index$1.Host, { key: 'b58b292e92eddd6f75ba64ab2f42f79f3413bb90', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (index$1.h("xv-checkbox-v2", { key: '7197c37dfdac9b6d28b4a00b9e2a379dc07d18b8', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), index$1.h("slot", { key: '6fd8ba15103762ab31d881fa065ceef5b47c4228' }), (!this.multiple && this.selected) && index$1.h("span", { key: '271c7de2acb35c2e2c00037436a42f421f1eb94b', class: "checkmark far fa-check" })));
     }
     componentWillLoad() {
         if (!this.value)
@@ -81189,13 +81847,13 @@ const XvFileUploader = class {
     render() {
         const error = this.error || this.internalError;
         const message = index$2.resolveFieldMessage({ error, warning: this.warning, helper: this.helper });
-        return (index$1.h(index$1.Host, { key: '04568eba6facb5a18a4b4bc9ae6de9ce0f3e3db7', class: {
+        return (index$1.h(index$1.Host, { key: '7cbd2adb79b18c2cd197fa57f13bebbe0365b6db', class: {
                 'upload-wrapper': true,
                 [`uploader-${this.size}`]: true,
                 disabled: !!this.disabled,
                 error: !!error,
                 warning: !!this.warning && !error,
-            } }, this.label && index$1.h("label", { key: '5c5861bee814ecacdd43fd92dcb47240869f895b', class: "label" }, this.label), this.description && index$1.h("p", { key: 'd4a5de6bb093e02010ba98031dd5eda4c748ec9f', class: "description" }, this.description), this.variant === 'button' ? (index$1.h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (index$1.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.')), index$1.h("input", { key: '08df6268214165b3b40ae177de230eae800d1a23', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), message && (index$1.h("p", { key: '8f777fdc47a98f8ff9be67fafb8b1da79eabad09', class: { message: true, [message.level]: true } }, message.level === 'error' && index$1.h("span", { key: '4c550a739de39651a8326569546162b08555ef63', class: "status-icon error", "aria-hidden": "true" }, "!"), message.level === 'warning' && index$1.h("span", { key: 'b8a8229a57c053f94b691d86404313677b1f26ca', class: "status-icon warning", "aria-hidden": "true" }, "\u26A0"), message.text)), index$1.h("ul", { key: '6d82ac56ab535618bc958068c06ff987bdab1022', class: "file-list" }, this.files.map((file, index) => {
+            } }, this.label && index$1.h("label", { key: 'b79562eb8a65ffed250d1345f0fc6c8668366cc6', class: "label" }, this.label), this.description && index$1.h("p", { key: '61ebf2a0f77649b0dc0639380bdfc0a8f00bd2ee', class: "description" }, this.description), this.variant === 'button' ? (index$1.h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (index$1.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.')), index$1.h("input", { key: 'e949d7fb60b134a322a63429e73fbbaa2e8799d5', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), message && (index$1.h("p", { key: '7410de0af3757b5ef90b7dfb91626fabf95ee294', class: { message: true, [message.level]: true } }, message.level === 'error' && index$1.h("span", { key: '1dd37548da645680d7bd1162bbb50f0e671a5d7d', class: "status-icon error", "aria-hidden": "true" }, "!"), message.level === 'warning' && index$1.h("span", { key: '7e22121b8bff0ffb4e49c9c74c1ecb87ce84675e', class: "status-icon warning", "aria-hidden": "true" }, "\u26A0"), message.text)), index$1.h("ul", { key: '70a4e1228949cbc2c921945c876d142b946f506d', class: "file-list" }, this.files.map((file, index) => {
             var _a, _b;
             return (index$1.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])) } }, index$1.h("div", { class: "file_container" }, index$1.h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index)), this._renderError(index)));
         }))));
@@ -81267,7 +81925,7 @@ const Xvfooter = class {
     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 (index$1.h("footer", { key: '726a05b831d337bdef052ca16b478a85ef5dfd9b', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (index$1.h("div", { key: '22a41f8bd514f4b61bc62df31ddcabc5de7b7bc6', class: "xv-footer-advantages" }, index$1.h("div", { key: '5e4035e086ad3bd7987ff802736096c4364f8530', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (index$1.h("div", { key: '003822874e51506b991f76e92c4f5d8c96073f99', class: "xv-container" }, index$1.h("div", { key: '4e09e7f929eff1a781d6d64120915ca4d30f5d86', class: "xv-footer__grid xv-footer-y-spacing" }, index$1.h("div", { key: 'ebd4fd1e5e72fd08f9c49c10bf0e760fb644864f', class: "xv-footer__col-main" }, index$1.h("ul", { key: 'bdfa7fc3986ea83b3b3514ae61e0c463f1070f3c', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (index$1.h("li", null, index$1.h("p", { class: "xv-label-02" }, category.label), index$1.h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (index$1.h("li", null, index$1.h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), index$1.h("div", { key: 'f912a89f9b8132ae932a12ab3ff844e4781ecd48', 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 && (index$1.h("div", { key: '0ab1803fd376c5f10be8b0e664d81dd8158577de', class: "xv-footer-legal" }, index$1.h("div", { key: 'b755d56da4c5ce178a1b3b0e1883e3444144b54b', class: "xv-container" }, index$1.h("div", { key: '356cc0b19cccf1e69b5531ff580a6c63274c0783', class: "xv-footer-legal-row" }, logo && (index$1.h("a", { key: '325a93b944d086c42565bdf6b973301f25fbd778', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && index$1.h("span", { key: '6292ac8dc8630818902d96da3b275e1e3f763281', class: "xv-label-02" }, logo.label), index$1.h("img", { key: '847e90de5ebb14fdf255c7c37ad1f90c99424f02', loading: "lazy", src: logo.image, alt: logo.label }))), index$1.h("ul", { key: 'd692fb126d2e382fe142fd3b033f794fc38f66fd' }, legalLinks.map((item) => {
+        return (index$1.h("footer", { key: '91486e462a602a350ccb5cf0529b839df0b97ee3', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (index$1.h("div", { key: '4483a303bb8ced75017bf80de1a780b5478a6bac', class: "xv-footer-advantages" }, index$1.h("div", { key: 'a0f64f5f29ad419db9f60c2b81bb5fcbe42ca8bd', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (index$1.h("div", { key: '8a843c600adbfa7d0c02b64d49152ee650baa827', class: "xv-container" }, index$1.h("div", { key: '1eb7318f0adf78d2d514527ec9357f2925e50509', class: "xv-footer__grid xv-footer-y-spacing" }, index$1.h("div", { key: '088de9aa62a39d459fca68fa7acabfeb6f0f36da', class: "xv-footer__col-main" }, index$1.h("ul", { key: '915bd774c5e02eae2ce967ea320a7c05177709b5', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (index$1.h("li", null, index$1.h("p", { class: "xv-label-02" }, category.label), index$1.h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (index$1.h("li", null, index$1.h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), index$1.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 && (index$1.h("div", { key: 'bea6265263b779969bcd37e09c923f59641baf25', class: "xv-footer-legal" }, index$1.h("div", { key: 'a63bc486bf581841b4b96113b3834e2646d12b7f', class: "xv-container" }, index$1.h("div", { key: '72f3d713602970cc5c4bf271aaee28caf1432c8e', class: "xv-footer-legal-row" }, logo && (index$1.h("a", { key: '2b12fe4726fa26fbeac3210c04bf9459fc157b6a', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && index$1.h("span", { key: 'cd348306c044f908ace8dcb620ecf5e4758148a5', class: "xv-label-02" }, logo.label), index$1.h("img", { key: 'bd0944451ff97b8dbe8b76055ebfe635b0c3da1a', loading: "lazy", src: logo.image, alt: logo.label }))), index$1.h("ul", { key: 'edf94f50d8a7e53827023727256820fbb0e5676c' }, legalLinks.map((item) => {
             if (item.label === 'Cookie Einstellungen') {
                 return index$1.h("li", null, index$1.h("a", { class: "xv-helper-text-02", onClick: this.openCookieSettings }, item.label));
             }
@@ -82042,7 +82700,7 @@ const XvHeader = class {
     render() {
         var _a, _b, _c, _d, _e;
         const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
-        return (index$1.h("header", { key: '5683344a3c1c65652aafefcd39a29cfb52b39630', class: "header" }, index$1.h("div", { key: '51a5be7406c30c5eb21612e253f6f816c07c2474', class: "header-wrapper" }, index$1.h("div", { key: '355678ae2ea723877995820902a7ecc831b24e25', class: "xv-container" }, index$1.h("div", { key: 'b204f994a41175f413fc11a4b4501ea36d83c49a', class: "header-top" }, index$1.h("div", { key: '58e62438aaf3568986422eadd60abc27242ee0e2', class: "header-top--left" }, index$1.h("xv-button-v2", { key: 'c2bd1f89d10a2d6a4468a4eb84b0a305afe130e6', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index$1.h("i", { key: 'f6299023fffc108aa30edadd662f1c9cac20a444', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index$1.h("a", { key: '9a3187c7a0a0f5bc824e5aa5e4f885509e4cff06', href: `${window.location.origin}/` }, index$1.h("picture", { key: '53a3940f8a98f039a5750b42f1b9848e5a0e5dcd' }, index$1.h("source", { key: '95dbb7a4837d25c488d5a588da905793e81706e9', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), index$1.h("img", { key: 'bd94249dc77e9b9767b4d5eb899acce398085e93', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (index$1.h("xv-link-v2", { key: 'e8ea29d1d86816d48b0a21433fb0bb56609e2a43', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index$1.h("ul", { key: '0faa215cd3ff434bb57992e3d683ba5365b2434a', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (index$1.h("li", { key: '33e91f13c12e158bbab3021fdeabde589ba8d811' }, index$1.h("xv-link-v2", { key: 'cf6abae927469bf5d11d664c2b55bfa690712b7c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index$1.h("xv-button-v2", { key: 'cccb09642e193457f8a8ed76852051f66e35e267', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: '865a8a9b71566c9e12767f1f816baf6b81b38881', class: "header-icon far fa-envelope" }), index$1.h("span", { key: '33917225be2b21427dfe26029acd3e95b88ced96', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (index$1.h("li", { key: '4493c9258b480c76150dfa1e6a166625ccc53f3d' }, index$1.h("xv-link-v2", { key: '15165cd18bf8c6df2fa0a01a04060b8ec3e8d7c9', variant: "ghost", href: "https://help.crossvertise.com" }, index$1.h("xv-button-v2", { key: 'c57fbe7a136ea7a3b7156b676aeb9de9563f7641', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: '6299e5025daf1eb965a391f22b16c36d121446f6', class: "header-icon far fa-question-circle" }), index$1.h("span", { key: 'c12f1fd242b0139f6bf36a91ff4783ba0ee8311e', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index$1.h("div", { key: 'a811e4d9776a559a0514614a5af21b1df291b58f', class: "header-wrapper--bg" }, index$1.h("div", { key: 'ac5415351936518dbfb37bd2bc0a8ef507779ca9', class: "xv-container" }, index$1.h("xv-mega-menu", { key: '3a261a18a1fea02ae336975e0699b4d80bf2b4ed', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), index$1.h("xv-login-modal", { key: '2958a0ed0091eb1f88337aa6ed4d88d8fa7f3e02', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (index$1.h("header", { key: '9477fea03faf7b1eee3a59be46a6b6efffabe7ae', class: "header" }, index$1.h("div", { key: '974c597e788966d68bbc0af46ef1c56e5d49c291', class: "header-wrapper" }, index$1.h("div", { key: 'c4efe27850b74ccaf75864abbee66e04fdd39aba', class: "xv-container" }, index$1.h("div", { key: '0dc3df2ffc4dbae8caeb996cbd6bd1293c51126f', class: "header-top" }, index$1.h("div", { key: 'fc2ba21ef07a79bf88aa94049222f7ad31842509', class: "header-top--left" }, index$1.h("xv-button-v2", { key: '13fc5ad1a0b7587ee223a55c5a6f5b5490935c76', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index$1.h("i", { key: 'f8baece2d445514f1e30083d109e9a547d84aa9a', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index$1.h("a", { key: '506f618928c24e1a8d804e1b362fdc8fdd6662e7', href: `${window.location.origin}/` }, index$1.h("picture", { key: '4c0ddbce5bac9bdb282bbff733e9bb781dd47645' }, index$1.h("source", { key: '3083b3d605b1c2d30f5dc1935cf1e298b93c5c19', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), index$1.h("img", { key: '96f2386509b36fd81954819936154751f042fce0', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (index$1.h("xv-link-v2", { key: '3bb46d9af623db9e54c2c51630a83ce4e384b479', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index$1.h("ul", { key: '36e14a1481748def91b5e76f82631e76d35ae49c', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (index$1.h("li", { key: '07c00dae34dfd6f177ff3803f88755339422eec4' }, index$1.h("xv-link-v2", { key: '573110e4de76b5a9aab3bb5c21519b68a4236de7', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index$1.h("xv-button-v2", { key: '318e47e08a44e34bf10a38d8c2901a2d64bfcf2b', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: 'd44b57c9ccd07db75c19dae59123c0320241cb3e', class: "header-icon far fa-envelope" }), index$1.h("span", { key: 'c9e66d1395ab5b690a2e673994a137807232a084', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (index$1.h("li", { key: 'ca2f1556456c788b78c4929f2d64e7c7f239c4fe' }, index$1.h("xv-link-v2", { key: '47f0a74790fb2331a404d515e5fbe8369458146c', variant: "ghost", href: "https://help.crossvertise.com" }, index$1.h("xv-button-v2", { key: 'ae850b8f6d7c1da9ea3ba704adb1d670720dff7c', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: '8c8a857e172f937d8eba8083a63e2ff8662e06cb', class: "header-icon far fa-question-circle" }), index$1.h("span", { key: 'bb86a87d43293d313654440a126c4e8ea5d228c9', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index$1.h("div", { key: '4b0386ef89ed643cd42b6232b10064d6bc73beab', class: "header-wrapper--bg" }, index$1.h("div", { key: '83ef95df9b7820eae211b958f6f1bf57d046905b', class: "xv-container" }, index$1.h("xv-mega-menu", { key: '763117fc0da850b8b1bbea389dcaa3cfacef4847', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), index$1.h("xv-login-modal", { key: 'b7252b1eb7527f6dbab4a1cca972d47b75a66b14', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
     }
     get el() { return index$1.getElement(this); }
 };
@@ -82110,7 +82768,7 @@ const XvImageViewer = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a2cbdae5298980d510b68acfe6053116d29dc849', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && index$1.h("xv-loader-v2", { key: 'ace025d878873694ce29d3f1042b7551ccf3b3d8', class: "loading" }, this.placeholder), this.loaded && this.errored && index$1.h("slot", { key: '212f5518d6b6779c7d3b3c16b1e483f7f47ccca1', name: "fallback" }), this.loaded && !this.errored && (index$1.h("img", { key: '302fb84d4af07d1f4c63a0b9e0984be1f4981835', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (index$1.h("dialog", { key: 'ac5d27c9b241a037729eb6192a663e0f2a2331db', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && index$1.h("xv-loader-v2", { key: 'd0680262f8e5e45d6e89b95cdf3f8451e4246d9c', class: "loading", size: _vars.SIZE_VAR.LG }, this.placeholder), index$1.h("img", { key: '76893eceb6dead348febe21d2dc9800f9c0c3bcd', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
+        return (index$1.h(index$1.Host, { key: '96e6a18361c53fc6aaa53dee2b9da462e5b06ad6', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && index$1.h("xv-loader-v2", { key: 'a8176f282bcbbde31fe11f0a2024f1d7319fe54c', class: "loading" }, this.placeholder), this.loaded && this.errored && index$1.h("slot", { key: 'aacf047f96435441011e7654b226b2e8c60a2ee7', name: "fallback" }), this.loaded && !this.errored && (index$1.h("img", { key: '1a138d2ffd93980d3801cf7a74b6de5a50392365', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (index$1.h("dialog", { key: '98a01adac9bf6e6cf872119b6f9f79103f3115f9', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && index$1.h("xv-loader-v2", { key: '2e79d4b22d2e82cb05fe6a05d4fa6e10a0cba52c', class: "loading", size: _vars.SIZE_VAR.LG }, this.placeholder), index$1.h("img", { key: '0ee0411c7ff141af7acb2a87320bd54877854fc3', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
                 'fullscreen-image': true,
                 loaded: this.fullscreenLoaded,
             } })))));
@@ -82135,7 +82793,7 @@ const XvLink = class {
         e.stopPropagation();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '854358c47b87c65f684e693e114c33ac21a27816', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, index$1.h("a", { key: '355355ead7bf9b8bf61a7959dc7108d379fc2c7e', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, index$1.h("slot", { key: 'ba5491fe340ab2d135db073c01f167b7def196ae', name: "icon-left" }), index$1.h("slot", { key: 'beaa1287a081ecc5c05e1e5c746c4485b156af9a' }), index$1.h("slot", { key: '5491ff14083f125c3c60f30c884c4d4285d9f593', name: "icon-right" }))));
+        return (index$1.h(index$1.Host, { key: '12d93e8d7056f2c5df893730735aff2f4b44e43a', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, index$1.h("a", { key: '4f8b30c3f01d925b1ee5b7f797eff71ce328c165', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, index$1.h("slot", { key: 'd297881f1b9dd41328b374f4dd941f563c2f8743', name: "icon-left" }), index$1.h("slot", { key: '4f6281fa48f6ad31352bd9613eb9a31a2489829a' }), index$1.h("slot", { key: 'f703d8ab7d41d3b49f35d3c0279f5fee1e6dcee6', name: "icon-right" }))));
     }
 };
 XvLink.style = xvLinkCss();
@@ -82303,7 +82961,7 @@ const XvMegaMenu = class {
         void this.fetchMenuData();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '4aedd7042cf3dc4a7f2c87fd4cc4c957c1197d8d' }, index$1.h("nav", { key: 'b9f8f282ef76fa208afd943af9e9802d34f981fd', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index$1.h("div", { key: 'bc1c61ea9a77d268f3862d0a4be2f849bb82a426', class: { 'xv-menu-loader': true, open: this.open } }, index$1.h("xv-loader-v2", { key: 'f8df801370503ef75c9ea9e8a3d800099e23f522' }))), index$1.h("ul", { key: '04bc64d69c31c033624fc2f012ed24d1452c31fa', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (index$1.h(index$1.Host, { key: '03959b6ee112648b107b7ba1f2d82497d4db2aa3' }, index$1.h("nav", { key: '9905aa3bdb84f6637a63e23d21b844cc443d0d58', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index$1.h("div", { key: '75b636e9a29a1f3546c37d71447237170e854a16', class: { 'xv-menu-loader': true, open: this.open } }, index$1.h("xv-loader-v2", { key: '48a49a91c2f24c2d6afc7cd285206f124ce3d354' }))), index$1.h("ul", { key: 'd16f5495116854df804a20c015257d257c574a1f', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
             var _a, _b;
             return (index$1.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index$1.h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, index$1.h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (index$1.h(index$1.Fragment, null, index$1.h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index$1.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
                 var _a;
@@ -82313,7 +82971,7 @@ const XvMegaMenu = class {
                     } }, index$1.h("div", { class: "group-menus" }, index$1.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index$1.h("li", { class: "category" }, index$1.h("p", { class: "category-label" }, category.label), index$1.h("ul", { class: "category-routes" }, category.routes.map((route) => (index$1.h("li", { class: "route" }, index$1.h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (index$1.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index$1.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index$1.h("li", { class: "action" }, action.type === 'link' && (index$1.h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index$1.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
                     index$1.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index$1.h("div", { class: "group-card" }, index$1.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index$1.h("h5", { slot: "header", class: "group-card-title" }, group.card.title), index$1.h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index$1.h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, index$1.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
             }))))));
-        }), index$1.h("li", { key: '3cdf016df0466206430f7ab6fb593203955086d6', class: "menu--right" }, index$1.h("slot", { key: '4d10fd0501f28c0cdcad6c2dbfc5983989bc42d8', name: "menu-right" })), this.open && (index$1.h("li", { key: '436084ee89ddbea567478af9f703d5e51a244aed', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), index$1.h("li", { key: 'e93432e028b8d54815a44823bcd5c463e4c8ac7e', class: "menu--right" }, index$1.h("slot", { key: 'a3454e1fbbb0dcd0a6a98c78569c760314f47355', name: "menu-right" })), this.open && (index$1.h("li", { key: '6ac8f06d13ab13963bee53e21db3f7bbeccc06bd', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
     }
     get el() { return index$1.getElement(this); }
 };
@@ -82381,7 +83039,7 @@ const XvModal = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: 'fdac67d8c2e9ff8226bb3b50cad47991212bfb95', role: "dialog", size: this.size, id: this.el.id }, index$1.h("slot", { key: 'b22af521c0661beb51656076e54f8d4524949cd6', name: "trigger", onSlotchange: this.setupTrigger }), index$1.h("div", { key: 'c4bad1d31c096232681719910a884b6f2f265d34', class: { backdrop: true }, onClick: this.onBackdropClick }, index$1.h("div", { key: '077a36f530d91d80aa64e29628416c15ee86b9fd', class: "modal" }, index$1.h("button", { key: 'e7b13a106603fec23def8c7c17d6abbc7a775d0e', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index$1.h("div", { key: 'e38dd875e812d85bc4f5480c7861cbab60cf818d', class: "modal_header" }, index$1.h("slot", { key: 'dd88ea66b09a04f1b1489818b3f05362c1181e60', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index$1.h("h5", { key: '5b68119aa27b342374efd45e72b5d031edeca230', class: "modal_header__title" }, this.el.title))), index$1.h("div", { key: '8c254b16fa7ec7816d5c8c3365274ecf0f534873', class: { 'modal_content': true, overflow: this.overflow } }, index$1.h("slot", { key: 'cf6e6792d45519e823694ebc21bc3184fd8d9359' })), index$1.h("div", { key: '3a28a55f60a1c08e86b7c5569de855e62c131695', class: "modal_footer" }, index$1.h("slot", { key: '6422af93a0778da86f6761fe0ca75daf584bbfa1', name: "footer" })), !!this.loading && (index$1.h("div", { key: '58a94925425046105105ed8c5833579bc6861114', class: "loading" }, index$1.h("xv-loader-v2", { key: 'cf9b5416582bdd5835b8edc4dfb9f78c0a16f375', size: _vars.SIZE_VAR.LG })))))));
+        return (index$1.h(index$1.Host, { key: '51307647bf74a2fecb427e90555c72221fcc2f0b', role: "dialog", size: this.size, id: this.el.id }, index$1.h("slot", { key: 'e2be1b75257cc12dcd419b8ddbd5165a967c3bf7', name: "trigger", onSlotchange: this.setupTrigger }), index$1.h("div", { key: '219a9da9623faccac909871aae0f06b11b1d4603', class: { backdrop: true }, onClick: this.onBackdropClick }, index$1.h("div", { key: 'f9b2716b83f0b1a8bd7db183913405494c00e8c2', class: "modal" }, index$1.h("button", { key: 'cefea768d7de47028b282e73ca2c41bd1bf4ee3e', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index$1.h("div", { key: '9b79e29a3da547b1361f1aab2bfbef9eebd6bf2a', class: "modal_header" }, index$1.h("slot", { key: '3b674d72cf30bf9fb2c195c4c21aa17d8a80d022', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index$1.h("h5", { key: 'afb6034eed3d5ecddd57b3fc6dade6005cf6687a', class: "modal_header__title" }, this.el.title))), index$1.h("div", { key: 'd0cd36f7fe4821db54547ecdea5462206a33ee01', class: { 'modal_content': true, overflow: this.overflow } }, index$1.h("slot", { key: '8c6e2adf73d99588042fc5ff1f5845f81c22107e' })), index$1.h("div", { key: '406e6ee06f3e99f8cc989bc17be057c94ddea227', class: "modal_footer" }, index$1.h("slot", { key: '207c4975d3314fea5d2249d783ed11e1dc213a0c', name: "footer" })), !!this.loading && (index$1.h("div", { key: '25d672ddcf45cc71f36edd380f9d8441c2708750', class: "loading" }, index$1.h("xv-loader-v2", { key: 'af81b4f6523adf05b7c7547fbcee9cdea9c894d1', size: _vars.SIZE_VAR.LG })))))));
     }
     disconnectedCallback() {
         this.removeTriggerListener();
@@ -82419,7 +83077,7 @@ const XvNotification = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'dd814e1eddaa7d37cb2c0783c908f2785c81b7c4', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index$1.h("div", { key: '48e3ee87ad67c61c86eb5e3d9b6b89b33f343ecc', class: "content" }, index$1.h("div", { key: '1e6dcbe72ca123f66dc238c74e3b90eb04f11d07', class: "content_wrapper" }, this.el.title && index$1.h("h5", { key: 'fdfc5730d10b1e315f604da2786f2923dd54d576', class: "content_title" }, this.el.title), index$1.h("slot", { key: '20313c03cdc71057c9ce10bce2b8ca3632c5f8a0' })), index$1.h("slot", { key: '4e594f31fd130778f98a9fa1d9e52ce522e9fa76', name: "footer" })), this.dismissible && index$1.h("button", { key: '2506c5cf0937183d09f743d5f9d4c6a6d74e966d', class: "close", onClick: this.closeHandle })));
+        return (index$1.h(index$1.Host, { key: '9b5d0f226cff3059ac305ac7911d4403a3e61532', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index$1.h("div", { key: '2c66b43b47030f8f60eddb04fcd289bb2a70be4d', class: "content" }, index$1.h("div", { key: '185f9db9d563f6fc6dc7aea725639c884ed1633a', class: "content_wrapper" }, this.el.title && index$1.h("h5", { key: 'd7e0af8fc7e88dc9e4893cb1267a0d18a1a4f9c7', class: "content_title" }, this.el.title), index$1.h("slot", { key: 'c8b5f9d3963eb918a94167adc588e49e07c77c4a' })), index$1.h("slot", { key: 'b5f27fcba6151ae94489d5e3aefb38d036a89eb1', name: "footer" })), this.dismissible && index$1.h("button", { key: '73ed9d9754f012e9c0bac958d6fd88359df753db', class: "close", onClick: this.closeHandle })));
     }
     static get assetsDirs() { return ["xv-notification/icons"]; }
     get el() { return index$1.getElement(this); }
@@ -82470,12 +83128,12 @@ const XvNumberInput = class {
     }
     render() {
         const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (index$1.h(index$1.Host, { key: 'eda5a787210f187373ce97896a300ff9a013e0c1', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '5f22e4ac254a665891879ff65399d007cc38a8b9', class: "control" }, this.label && index$1.h("span", { key: 'ff73bc8b8838e4c35f0f7fbefb0d939cc17b075c', class: "control_label" }, this.label), index$1.h("div", { key: '78e49d25ae43b96b3eb8255bcaa58418895f0813', class: {
+        return (index$1.h(index$1.Host, { key: 'f38ba33135269ebb1f42b09f0632183723e216d3', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'da0b638442125c176889d98df343b3084a015b08', class: "control" }, this.label && index$1.h("span", { key: '317e7b66636becf0e7fc620d9f131396a8e6d223', class: "control_label" }, this.label), index$1.h("div", { key: 'fda02350022b9bb24e221bb2055d29b6926a7065', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: !!this.warning
-            } }, index$1.h("input", { key: '6514a48d7d4fc8392fcc784038cc16b4fe2c7c8f', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), index$1.h("div", { key: 'b0255100ddf246c55e73b8e04e1f4ccb0d395cc1', class: "control_input__icons" }, this.loading ? (index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.XS })) : !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, index$1.h("xv-button-v2", { key: '4b5489a5c638a8f430de09e4a2cac747299c2dd6', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index$1.h("span", { key: '893e166dc36724066a682afe7c688463039554a6', slot: "icon-left", class: "status-icon" }, "\u2212")), index$1.h("hr", { key: '02b5ad18e9fa4fcd19a776d6c14c312025b722e9' }), index$1.h("xv-button-v2", { key: '3d084e86fb4073afda330b45d9f029dc72f86a5a', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index$1.h("span", { key: '4eb5052758d452a8b9f2664c0cf2baef33955536', slot: "icon-left", class: "status-icon" }, "+"))))), message && (index$1.h("p", { key: '717c219eae006734322a039e31fa530a2d8f1c33', class: { message: true, [message.level]: true } }, message.text))));
+            } }, index$1.h("input", { key: '3fda092a38b7998ea0c55814ed6188acb97865b5', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), index$1.h("div", { key: '64bbba5f9d3bd029c244f9ab7f6a0121a4aedd58', class: "control_input__icons" }, this.loading ? (index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.XS })) : !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, index$1.h("xv-button-v2", { key: 'aa9e83de581f19b936b68b0981888ecaf945bc71', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index$1.h("span", { key: 'f6d854836f44bd40c37279015308276b147f6b30', slot: "icon-left", class: "status-icon" }, "\u2212")), index$1.h("hr", { key: '512d0208bb7bad48f2df1271dd3d2439301abb50' }), index$1.h("xv-button-v2", { key: '5e288267dd454d6368ec773aca888bb071fd00fd', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index$1.h("span", { key: 'd9e9304ef6ace291bfea30d08057ba48facb9de7', slot: "icon-left", class: "status-icon" }, "+"))))), message && (index$1.h("p", { key: 'eb24260824a30ea3b3888fbf7d532d97544152de', class: { message: true, [message.level]: true } }, message.text))));
     }
     static get formAssociated() { return true; }
 };
@@ -82932,7 +83590,7 @@ const XvPagination = class {
             this.observer.disconnect();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a29c7b693ea69001d1c04ab9942b4c095ae763d3', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (index$1.h("div", { key: '00ab6d301986eedcaa6f174efc755c549be68175', class: "block" }, index$1.h("select", { key: 'c4d8e0610495f34de27f0c0365bc8e15f09c7165', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => index$1.h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (index$1.h("span", { key: 'aeff24a36ee30afc27687d83b207cc9ad45cc0dc', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (index$1.h("div", { key: 'dd1c78767c1ddbcfaf51677d869c1f7827049f38', class: "block" }, index$1.h("select", { key: 'a8784b2d18e2b0b30a1270d2e10efa14f89e205b', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (index$1.h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), index$1.h("span", { key: '15ca820461781e8e9063b50751a827e302b29f63' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && index$1.h("span", { key: '44680186b510e3dc603047694fbfe34d39e23224', class: "block" }, "Seite ", this.page), index$1.h("xv-button-v2", { key: '1fd3f8adfa3940bbc7a6c1418f141e27ff488b8a', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index$1.h("span", { key: 'fd6c2bca87553c53f3f1462e9d8302a9f19906f9', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (index$1.h("ul", { key: 'bb4b578c6d1b86963d73673fb64fbe29cd7b935e', class: "list" }, this.visiblePagesWithDots.map((page) => (index$1.h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (index$1.h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (index$1.h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (index$1.h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, index$1.h("span", { class: "list_page", slot: "icon-left" }, page)))))))), index$1.h("xv-button-v2", { key: 'b5550040d2883244574704c643d3295760a2254f', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index$1.h("span", { key: '351da7374e84c682e1b420a6ac97be5aacaacdee', slot: "icon-left", class: "icon icon_next" }))));
+        return (index$1.h(index$1.Host, { key: '458da62296b23b8faa2b9180e74c900df5787bad', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (index$1.h("div", { key: 'caefc70a44e777307d3f00e54b687bf67a401880', class: "block" }, index$1.h("select", { key: '2f3bacc6134e4480f064c8f7298e77988fcd2721', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => index$1.h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (index$1.h("span", { key: 'e4292a652ee9fcc4df2b6794558b1a0b3e827973', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (index$1.h("div", { key: '3037e4cffe04ed21817cc6a6a359db4142bfa526', class: "block" }, index$1.h("select", { key: '827486ab4cc29ce903c3c94a391dc960eee5a34c', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (index$1.h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), index$1.h("span", { key: 'a2459bb11735308e8eb9f32cd84719f3efdec7ea' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && index$1.h("span", { key: 'd5e47168f6f69e72f3dafd07894b398bc5c8be89', class: "block" }, "Seite ", this.page), index$1.h("xv-button-v2", { key: '646e9405571a7dccaa9cbeb68713593441018c40', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index$1.h("span", { key: '6da11047987e235f440cfc1cd39ba4d5f2b017af', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (index$1.h("ul", { key: 'bc306c51b9eedbb3a702ce4255ecce63694d6621', class: "list" }, this.visiblePagesWithDots.map((page) => (index$1.h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (index$1.h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (index$1.h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (index$1.h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, index$1.h("span", { class: "list_page", slot: "icon-left" }, page)))))))), index$1.h("xv-button-v2", { key: 'c9eb42df2f4d8d019ed75db2f4c344f7f81d96c3', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index$1.h("span", { key: '80be70526a9d788752e025708096b3cfdf57c3c9', slot: "icon-left", class: "icon icon_next" }))));
     }
     get el() { return index$1.getElement(this); }
 };
@@ -83001,7 +83659,7 @@ const XvProgressIndicator = class {
         this.updateChildItems();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '6e68433aeac02292b8b2530e462f0fd7422d6d9c', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index$1.h("slot", { key: '8d167acd9c1625edcfef332e52fa712efe633d1f' })));
+        return (index$1.h(index$1.Host, { key: 'ff5c1024d3a111514491a3a12fe20066f6af045a', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index$1.h("slot", { key: '5f7383500e4d73b1f3859b7ee9ae1a8a80e3be85' })));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -83020,7 +83678,7 @@ const XvProgressIndicatorItem = class {
         this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '96cf1c73bb9e9bb7de64e0296b4f1f0f823bbc9a', status: this.status, class: { 'xv-progress-indicator-item': true } }, index$1.h("span", { key: 'ccd66f4f0698a4bdc15b550e9d2387aa8dfc87d3', class: "line" }), index$1.h("span", { key: '9e28dd04de9b5d4cb01fb99366534bb4f4d67ced', class: "icon" }, index$1.h("svg", { key: '24aefa5c8d3eb84cde70a9f5c034958a910a6b06', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index$1.h("path", { key: '097d6c12eda49149f8ec12bc1e362d0d249d9357', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), index$1.h("p", { key: '1c895e0e104b485655424b262450ee9cf29cd463', class: "label" }, index$1.h("slot", { key: 'e5371b1ac5d5d2767ed8c99bb33869fc0c633582' }))));
+        return (index$1.h(index$1.Host, { key: '70a066ed39b26ced1901dcc6cb8869f351042611', status: this.status, class: { 'xv-progress-indicator-item': true } }, index$1.h("span", { key: '34ceb1063b044e65c5e21515ff8f72e8efe460cc', class: "line" }), index$1.h("span", { key: 'a3aa41c5682ce5b044e87a3452654dc98c16c83c', class: "icon" }, index$1.h("svg", { key: '7a35559ad68b93105d28efd94bcd8eb148cd7fa1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index$1.h("path", { key: 'acbfc059d9bc93cbb62c545eb0946b4c4052416f', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), index$1.h("p", { key: '1400da29249e2fe61d9c261d10f99567a2b85304', class: "label" }, index$1.h("slot", { key: 'e7dc90f2f28c6c4262fbab374d6aee19804a47f8' }))));
     }
     get el() { return index$1.getElement(this); }
 };
@@ -83053,12 +83711,12 @@ const XvRadio = class {
     }
     render() {
         const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (index$1.h("div", { key: '02166d375e7c99d2398d6a14fbbb60b90d380a16', class: {
+        return (index$1.h("div", { key: '3ae31a4819b53d18d2bf91e8ed3d9b86c8c1a4af', class: {
                 'xv-radio': true,
                 'xv-radio--reverse': this.reverse,
                 'xv-radio--block': this.block,
                 [`xv-radio--size-${this.size}`]: !!this.size,
-            } }, this.label && index$1.h("p", { key: 'd1a81177fa3024d342450e855c14cc0388cc7553', class: "xv-radio_label" }, this.label), index$1.h("label", { key: 'c45ba9aa0cf98b07c21ccbfbd3bdbaaef8544f1e', class: { 'xv-radio_container': true, disabled: this.disabled } }, index$1.h("div", { key: '81319fc43d5686b741d3359b4728a7c16b24d2d3', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, index$1.h("input", { key: '744ca3dbae085688dc5d311f775a9a5811e9f170', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), index$1.h("span", { key: 'f32467cb36574e039ad89f66f4174333217bb47a', class: "xv-radio_input__mark" })), index$1.h("span", { key: '337e7220454322ec79aa58de00848e1fb3ca77f3', class: "xv-radio_container__label" }, index$1.h("slot", { key: '7fdd83653d3659ac10c498968b4815dfda140dab' }))), message && (index$1.h("span", { key: 'a4865648d41a69b058de946543f7b3856befd3b1', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (index$1.h("span", { key: 'd9cf3829912a3773779d319762b51b3f2812da59', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), index$1.h("slot", { key: '405d8344959363a24a25a987cd751be924c634cf', name: "info" })));
+            } }, this.label && index$1.h("p", { key: '32b78dba6a4a7852f7ccebf762c5378cb223794c', class: "xv-radio_label" }, this.label), index$1.h("label", { key: 'bfbd3de534dc8aafd1226b2fc9bd0d3ab7e696a8', class: { 'xv-radio_container': true, disabled: this.disabled } }, index$1.h("div", { key: '12b31d0be2bc7e0353fbdcc5e3b91b44d2612a8e', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, index$1.h("input", { key: 'e2f8d6d7550ba06ae31e4b81516bbbc6c6f38614', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), index$1.h("span", { key: '1354ee35781fa030b465b78f4421901c536b5080', class: "xv-radio_input__mark" })), index$1.h("span", { key: 'c70b218bfdf1a28d87eb4b86f0a701d734878683', class: "xv-radio_container__label" }, index$1.h("slot", { key: '0a14170ef488242d42e24146fff6e139aca38b23' }))), message && (index$1.h("span", { key: '4ad2280080995ae826611023015a7953221f8cea', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (index$1.h("span", { key: 'd22113045df97429450183e54e5616dfe996984b', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), index$1.h("slot", { key: '770306d1e7aa1a380b90813e94319b6257921536', name: "info" })));
     }
     connectedCallback() {
         var _a;
@@ -83142,7 +83800,7 @@ const XvSlider = class {
             this.setValue(this.min);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '253eea9c6c9162bf5b50a97d4af8810f8490f189', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index$1.h("label", { key: 'cec17ff25892a6399a8bf9c62c9b07d4cc7934d1', class: "label" }, this.label), index$1.h("div", { key: '5f33256b927b3ddd1db17a6606bcdff87c3e6ae5', class: "control" }, index$1.h("span", { key: '8bea46771e4996618bda44f21ce7e8aa3460a984', class: "control_label" }, this.min), index$1.h("input", { key: '492338b690a33d3024ce4299e4ff5226ac318c72', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), index$1.h("span", { key: '7dd182d973c64638339283309df6c41b541f45e2', class: "control_label" }, this.max), !this.notEditable && (index$1.h("input", { key: '653c44c3d255d2e580bacf32f31a60acb369bbd7', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
+        return (index$1.h(index$1.Host, { key: 'f7cf8d660b5ee4b8cdc577d06ddeba3dec2b8b81', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index$1.h("label", { key: '0cb07355af35c598699f71e52c04efc8ee8444d6', class: "label" }, this.label), index$1.h("div", { key: 'ecd2a38a628a673750dd445de887b81e4bb44ba6', class: "control" }, index$1.h("span", { key: 'af4c82b1e1eb8f10cd7a9f1b6525a4378f8f4b88', class: "control_label" }, this.min), index$1.h("input", { key: '98448e2ee6c948361151e0fa5afbb3c3b649971b', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), index$1.h("span", { key: 'a522155c7ed3a483a94b0c91f125aac888733f19', class: "control_label" }, this.max), !this.notEditable && (index$1.h("input", { key: 'b3b2a7284df92d9b8d6b09ed80203804693e3662', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
     }
     static get formAssociated() { return true; }
 };
@@ -83157,7 +83815,7 @@ const XvTab = class {
         this.loading = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '76699ccd7d1e8af635c321550e6d6392e6e2c4b9', disabled: this.disabled, name: this.name }, this.loading ? index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.LG }) : index$1.h("slot", null)));
+        return (index$1.h(index$1.Host, { key: '8dcdf7d006b2e187067bf598828007175d15cae8', disabled: this.disabled, name: this.name }, this.loading ? index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.LG }) : index$1.h("slot", null)));
     }
 };
 XvTab.style = xvTabCss();
@@ -83197,7 +83855,7 @@ const XvTable = class {
             .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'edf06e0e5b119011348c2feccdc819ac4155672e', class: { batchVisible: !!this.selectedCount } }, index$1.h("slot", { key: '2ac35c09a51202785ccfe1d67bff3582674a517a', name: "title" }, !!this.el.title && index$1.h("h2", { key: 'f424184d6d7037f106bfa3fd6ed83d8ed90257de', class: "xv-table-title" }, this.el.title)), index$1.h("slot", { key: '8f8e95a33a613daaad1b0ab5a6d718059e4a1385', name: "toolbar" }), index$1.h("div", { key: '497fad23df1d1617da4cb9af0aa6140a430faeb1', class: "xv-table" }, index$1.h("div", { key: 'e4d05316a9b85d7f79684c9f9b43827814755f15', class: "batch-actions" }, index$1.h(index$1.Fragment, { key: '8393b269acf1a15195d399499aa9e6c92c847d75' }, index$1.h("div", { key: 'e04878dc472d40100e58bbb8a846e065c03a82b9', class: "batch-actions_content" }, index$1.h("slot", { key: '4b5bffda977c50156e8328fcd7e6160b501dcf66', name: "batch" })), index$1.h("p", { key: '9415bf79595624335569a99e2a45b37cb7074ceb', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index$1.h("div", { key: '2dd990bd8155d14d5eae8fb4c86eb6c5bc937bf5', class: "xv-table_wrapper" }, index$1.h("slot", { key: 'ff18eaf2411ccf748bc7ab74a72bdd915eca220a' }), index$1.h("slot", { key: '93d390340a6d88c15af6989684cf4d5fa4b1d8a2', name: "footer" })), !!this.loading && (index$1.h("div", { key: '6506cd01da5cc91e907c3aca7233f0b138b341a1', class: "xv-table_loading" }, index$1.h("xv-loader-v2", { key: 'fe3a27780ea0d6d701c393fe5ee1c8d2cf3cf2ff', size: _vars.SIZE_VAR.LG }))))));
+        return (index$1.h(index$1.Host, { key: '9e63c1f7a17abc361feb7653e4f5402d3d95334b', class: { batchVisible: !!this.selectedCount } }, index$1.h("slot", { key: '0e4e80ad1419aa111a08f966f9627122cad4ac9a', name: "title" }, !!this.el.title && index$1.h("h2", { key: '9027fcbabde7c4ed5eb1ba0decef8e42045ea645', class: "xv-table-title" }, this.el.title)), index$1.h("slot", { key: '843a033b11a93d418af533cb795a987f8ba58227', name: "toolbar" }), index$1.h("div", { key: '82b13508a6a29bdd24562a77c90116450318136b', class: "xv-table" }, index$1.h("div", { key: '547f8d32334af4436003f3dc9c5dd138406cc32c', class: "batch-actions" }, index$1.h(index$1.Fragment, { key: '44b9eca78485599fedc5e8924b5d39cb7bf4f340' }, index$1.h("div", { key: 'c327a6d32db27f53bd4f4a3588e8c1ec24ed5993', class: "batch-actions_content" }, index$1.h("slot", { key: 'ce0b3c3dc1a6a3a6c8a8565a92d23cf8b61d4314', name: "batch" })), index$1.h("p", { key: '36a74c84144ea8bb685493d5b3e518c8c94e964a', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index$1.h("div", { key: 'a4cf2de4655c5a6d9517c55dbdc2a9c6671b68ad', class: "xv-table_wrapper" }, index$1.h("slot", { key: '7e333891bf52df0982fb530c79d1063e0b6da498' }), index$1.h("slot", { key: '1b6adcce466197e76a131b6e1544ebb8bdd6bd1e', name: "footer" })), !!this.loading && (index$1.h("div", { key: '956cf79dd0e81e8df74be4541ac4013191b07fce', class: "xv-table_loading" }, index$1.h("xv-loader-v2", { key: '8505396816e2874a6a463faea14fd8e03b1b8cce', size: _vars.SIZE_VAR.LG }))))));
     }
     componentWillLoad() {
         this.setColsSizeTemplate();
@@ -83238,7 +83896,7 @@ const XvTableCell = class {
     }
     ;
     render() {
-        return (index$1.h(index$1.Host, { key: 'bb86da283d1f6cf3b5155653e77b1d3d4ce0e369' }, index$1.h("slot", { key: '467a20aec32bc6edc93672ca27be92a06f701bf2' })));
+        return (index$1.h(index$1.Host, { key: 'f1ae644f52064308240bda543eb23999a9a6eb8a' }, index$1.h("slot", { key: '7ce7b7c7f36cdaa8cf5e31ec5ed028af1c0db625' })));
     }
     get el() { return index$1.getElement(this); }
 };
@@ -83259,7 +83917,7 @@ const XvTableExpand = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '473b4626a29270fa831996074fff843b7c9eddc5' }, index$1.h("button", { key: '4af26372a7115efe6b4735e2fd5e6a2a33fb969d', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index$1.h("slot", { key: '4d6e1bf46f257cc9fca0d9a9be2d8c171bc73378', name: XV_EXPANDABLE_KEY }), index$1.h("div", { key: 'fb5d07295e08c022aeb5f1fbd7fac4793e1d337a', class: { expandableContent: true, open: this.open } }, index$1.h("slot", { key: 'f236d82b58248c4289b327aa82b0487a1b12a714' }))));
+        return (index$1.h(index$1.Host, { key: '8fe9adf5fd39b640b89bddf303fcc4fb97f03cbd' }, index$1.h("button", { key: '1df684103a777e3a54ac94fa8f3c570d4ecbbe41', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index$1.h("slot", { key: 'e092ff357605223aa974a8f5061c7a0667c3917f', name: XV_EXPANDABLE_KEY }), index$1.h("div", { key: 'e4313af9e98ac24f25c5fc9c8250aff052f7c19b', class: { expandableContent: true, open: this.open } }, index$1.h("slot", { key: 'f5cb16c98a69917b6679eb620b2bfc1856a48501' }))));
     }
     componentDidLoad() {
         index$2.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
@@ -83314,7 +83972,7 @@ const XvTableRow = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '311a1b88a03de2e60f0dacfbddfee1966b759192' }, this.variant !== undefined && (index$1.h("xv-table-v2-cell", { key: '74aae5167235299e4d2eb3e38cf83435dfcb7d89', class: "cell-control" }, this.variant === 'checkbox' && (index$1.h("xv-checkbox-v2", { key: 'a7890c5ea8ca61cb8b6e9966596844983ae41e44', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (index$1.h("input", { key: '69517f260532878fed768cb5516720a065020a58', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index$1.h("slot", { key: 'ba7466543dfcf5891c2f937fdc4505e97e84f1a9' })));
+        return (index$1.h(index$1.Host, { key: '96836583a7db08fbbe974a6ece55d5a909a7e415' }, this.variant !== undefined && (index$1.h("xv-table-v2-cell", { key: '0783aad6e26302d3430333cad806fc1747e26e39', class: "cell-control" }, this.variant === 'checkbox' && (index$1.h("xv-checkbox-v2", { key: 'bd4e052458eeda60f79e22507ac25d5914f39c0c', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (index$1.h("input", { key: '1cda8e32f1e8d6ad47fc93e63ee3c879651faa2a', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index$1.h("slot", { key: '2a74a7a6ab1c5d997bf71fe99b6cd98b61a70219' })));
     }
     componentWillLoad() {
         this.setInitialAttrs();
@@ -83681,12 +84339,12 @@ const XvTagCombobox = class {
         const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
         const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
         const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (index$1.h(index$1.Host, { key: 'e941872301b1952f26c4c5b90fa40f001574ec6a', class: "xv-combobox", part: "root", size: this.size }, this.label && index$1.h("label", { key: 'a4488e311b4aa48c5400a4c2d204cc18a632037f', class: "label" }, this.label), index$1.h("div", { key: 'b5915ce3fa303449bb9bc079cfff32750a6207ea', class: {
+        return (index$1.h(index$1.Host, { key: 'e60929011a37dadc02b6c97074b9ea3597efc69e', class: "xv-combobox", part: "root", size: this.size }, this.label && index$1.h("label", { key: '7b50d4e03f1f710d47a331f8a34955f1286c18e2', class: "label" }, this.label), index$1.h("div", { key: '496e2f93831c245ff07bfd091df93464a02700e6', class: {
                 'control': true,
                 'control--disabled': this.disabled,
                 'control--error': !!this.error,
                 'control--readonly': !!this.readonly,
-            }, onClick: () => this.blockClick() }, index$1.h("div", { key: '47fbe13f27260fbdbc3e773cd55d04ce6ea9c136', class: "control-chips", role: "list" }, this.selected.map((s, i) => (index$1.h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), index$1.h("input", { key: 'd68ffba3b0787cdb5674b56bfe2e7fea6ce9da5e', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled })), this.loading && (index$1.h("span", { key: 'e4833d5d863c300232ad4a154bddbfad20ec6e4c', class: "control-loader", part: "loader", "aria-hidden": "true" }, index$1.h("xv-loader-v2", { key: 'c997216442aa4e60b132584242432c640ae93d21', size: "sm", variant: "horizontal" })))), message && (index$1.h("p", { key: '5e1dce2e193273c85e1ad8f7a3873d31733c22a4', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (index$1.h("ul", { key: 'cf5b6ef73f11d2c780271174989c6c6ef46ac699', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (index$1.h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, index$1.h("div", { class: "suggestions-opt-content" }, opt.bg ? index$1.h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, index$1.h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? index$1.h("span", { key: i }, seg) : index$1.h("strong", { key: i }, seg.match)))))))))));
+            }, onClick: () => this.blockClick() }, index$1.h("div", { key: 'd9d48a15bef226f8fd1b9560033bc2ffe0488ea4', class: "control-chips", role: "list" }, this.selected.map((s, i) => (index$1.h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), index$1.h("input", { key: 'e691b87972ab0ed01b0241b30d34e381d4011d35', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled })), this.loading && (index$1.h("span", { key: '85e296aea064e3a4704d1e436049cd0f17870613', class: "control-loader", part: "loader", "aria-hidden": "true" }, index$1.h("xv-loader-v2", { key: '11b47534c6bd60066e996c8554013a04f8bc4a74', size: "sm", variant: "horizontal" })))), message && (index$1.h("p", { key: '9cb3dc1d6be3a0bf501a0c4b5138a286057be343', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (index$1.h("ul", { key: '48aa3682898fe62d0228f43c4fb11de0b9494710', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (index$1.h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, index$1.h("div", { class: "suggestions-opt-content" }, opt.bg ? index$1.h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, index$1.h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? index$1.h("span", { key: i }, seg) : index$1.h("strong", { key: i }, seg.match)))))))))));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -83718,7 +84376,7 @@ const XvTag = class {
         this.closeClick.emit(e);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'ed4d390c8ef169083ecffe24b2acb4ec67b5880e', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index$1.h("div", { key: 'bab5476c05c44123ef241dbd3accd8964dbebb52', class: "xv-tag_content", part: "details-content" }, index$1.h("slot", { key: 'f8c3f1370ce99ddea046d0c39bc00a5e068e047b' })), this.closeable && (index$1.h("button", { key: 'c9cc9c79e51528c004147db83bd421f5417b718f', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
+        return (index$1.h(index$1.Host, { key: '77385d3b4d4d91c3a10b874542a84d8cc0387053', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index$1.h("div", { key: 'aaf0387d916f0956ce14b55157da88c9e395a78b', class: "xv-tag_content", part: "details-content" }, index$1.h("slot", { key: '16103821bce77aa4bc9349171e993992063c7b28' })), this.closeable && (index$1.h("button", { key: '50b594b2751c2c331bb8eed3c92059318c018290', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
     }
 };
 XvTag.style = xvTagCss();
@@ -83758,13 +84416,13 @@ const XvTextInput = class {
     }
     render() {
         const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (index$1.h(index$1.Host, { key: '79042d7211819be55a545c7aaf96b008af3b0266', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'c46f6ba70140cdcb97ae554c33a863ca65cf1cf5', class: "control" }, this.label && index$1.h("span", { key: '01f9cb555e6ec53e8e1b0af99b3a083706bcbda3', class: "control_label" }, this.label), index$1.h("div", { key: 'f1da6bfba9b1c52cce4895766c1676811753cb74', class: {
+        return (index$1.h(index$1.Host, { key: '43b395b4ae2d9b12b0b6e8c205832b01b444eff9', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'a5a026fc3effb39012c6915b01e4440e89496c13', class: "control" }, this.label && index$1.h("span", { key: '9289ff9d91d277e003257766d5bc828d4c0f5998', class: "control_label" }, this.label), index$1.h("div", { key: 'ad3217dc73fbddc134fb823a8b66a605bca4c2e7', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 [this.size]: true,
                 error: !!this.error,
                 warning: !!this.warning,
-            } }, index$1.h("input", { key: '4760634ed3d635cd1e84843d76d5c26248f0d13b', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), index$1.h("div", { key: 'b77c7f12f299082a2152a35cfeec3d62e84403b9', class: "control_input__icons" }, this.loading && index$1.h("xv-loader-v2", { key: '26b643e921c83f19119412b026901236d2649855', size: _vars.SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (index$1.h("button", { key: 'b98166bd005da5b326f71e66ab9359d05295e9c4', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (index$1.h("button", { key: '9f175a3e5f68df8f6b5a2f96b42d47c2c5619ecc', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index$1.h("svg", { key: '36c3df92e0eb7af38ac44f1f1f3dc041210631a0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (index$1.h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (index$1.h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), message && (index$1.h("p", { key: '8875f82c52418fafef874e0c349e84dd1b67bc54', class: { message: true, [message.level]: true } }, message.text))));
+            } }, index$1.h("input", { key: 'a4aa380c75e08596012b32915b5801bb31c6af79', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), index$1.h("div", { key: '35c161e73e8618702d901fb526a5aec4d3bf02d0', class: "control_input__icons" }, this.loading && index$1.h("xv-loader-v2", { key: '43592e719837a391dd0b48465146884739d77a6c', size: _vars.SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (index$1.h("button", { key: 'fb8027d93f562377d70252d07cab8440c0554e35', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (index$1.h("button", { key: '620ed023d03e5e8583fdfeb028d49806094f08de', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index$1.h("svg", { key: '77421524e6041b62fe5675daec3dc9e11c5a49e1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (index$1.h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (index$1.h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), message && (index$1.h("p", { key: '6365962d7a21f79f1d705deed078f352ec311b99', class: { message: true, [message.level]: true } }, message.text))));
     }
     static get formAssociated() { return true; }
 };
@@ -83802,12 +84460,12 @@ const XvTextarea = class {
     }
     render() {
         const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
-        return (index$1.h(index$1.Host, { key: '8e7b82b83f6145642480920bf9849742b5c4a67e', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '59a74cb4d45e0d4b70181f3faf0a8dad9a81d614', class: "control" }, (this.label || this.max) && (index$1.h("p", { key: '8d4878a86e033cf33fb2d3444f6b3ffa36899d37', class: "control_label" }, index$1.h("span", { key: '306c34b609570b9e75f9324e3544a2a109b8f98d' }, this.label, this.info && index$1.h("xv-tooltip-v2", { key: 'd28af7a413eb42a50e1ace227c82bbcd2b025438', message: this.info })), this.max !== undefined && !this.counterHide && (index$1.h("span", { key: '52576a05c421328cdad75ff9c3d4088097f4922a', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index$1.h("div", { key: '4f97adacb8d95702abb772de002f03bed03fb16e', class: {
+        return (index$1.h(index$1.Host, { key: '32cde85fad74f49fc14a928eb652a59c07e909d0', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '3ecb0591842d2ca2ba3099e4cf273a85b96c0339', class: "control" }, (this.label || this.max) && (index$1.h("p", { key: '1a624bff259ecc4854da70bf784178165f204d8e', class: "control_label" }, index$1.h("span", { key: 'c615f9d6b36a782592619421598650594b5983d0' }, this.label, this.info && index$1.h("xv-tooltip-v2", { key: '469dd76f58eeb7c7b4664dd8b5c577597bd308ed', message: this.info })), this.max !== undefined && !this.counterHide && (index$1.h("span", { key: 'b35c81ea8ced8f91fb1f2c572bb57ddaa111b434', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index$1.h("div", { key: '3176748cbf9379b92bd1b8cfdae87a860545c326', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: this.warning !== undefined,
-            } }, index$1.h("textarea", { key: '98e6e771cb01f22cc364697cfe64345c4bd1683b', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), index$1.h("div", { key: '3b70c503fee52d6656e0c09deb1240a16ba0c901', class: "control_input__icons" }, this._renderIcon()))), message && (index$1.h("p", { key: 'e2868393a6c884f5c7aab30a6e4fd4497b8307d0', class: { message: true, [message.level]: true } }, message.text))));
+            } }, index$1.h("textarea", { key: 'ff8584218a0d3702cb2047560404e90d28fd1812', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), index$1.h("div", { key: '464cdd3d774d99e3362b7b3c68f7e69f32d51687', class: "control_input__icons" }, this._renderIcon()))), message && (index$1.h("p", { key: '832b54de9b533b8f0e39540e27c2e49e27b5556e', class: { message: true, [message.level]: true } }, message.text))));
     }
     _renderIcon() {
         if (this.loading)
@@ -83858,7 +84516,7 @@ const XvTile = class {
         this.checked = !this.checked;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'aaeeccf8990e5e2ce7d3a261291d2908745f1e74', class: "xv-tile--host" }, index$1.h("label", { key: 'acf77670a01d9872a7224064527b79b4194307bc', class: {
+        return (index$1.h(index$1.Host, { key: '3db56124d26e5331321aaa2d44ced2db9d4f25e2', class: "xv-tile--host" }, index$1.h("label", { key: '4f60c98b1d81496beb2fe393cce26c59a02145c6', class: {
                 [this.el.className]: !!this.el.className,
                 'xv-tile': true,
                 [`xv-tile--variant-${this.variant}`]: !!this.variant,
@@ -83866,7 +84524,7 @@ const XvTile = class {
                 'xv-tile--disabled': !!this.disabled,
                 'selected': !!this.checked,
                 'xv-tile--error': !!this.error,
-            } }, index$1.h("div", { key: 'e57313a08c5135152c9ba367a0b360a6a9333c63', class: "xv-tile_content" }, this.label && index$1.h("p", { key: 'e0182093f55e60bb9eb8bc759c3816f9ac201a6a', class: "xv-tile_content__title" }, this.label), index$1.h("slot", { key: '3d507a7bd6f7816079d873801ddb72f8f2ede9b6' })), this.variant === 'selectable' && (index$1.h("div", { key: '96892981b579f5ddb21d2d897f037abd17102ba7', class: "xv-tile_control" }, this.multiple ? (index$1.h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index$1.h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (index$1.h("div", { key: 'ec5750ee2a4f6898393b3cc3ddc3aef989208456', class: "xv-tile_footer" }, index$1.h("button", { key: '031964c0d328d89f70df52a2723a295a2fa409d2', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index$1.h("div", { key: '31efefae6b9fad590ce1e1145dd16be6def61f02', class: { 'xv-tile_expandable': true, open: this.checked } }, index$1.h("slot", { key: '59dc3a92d9ea4158d9edba752cb7e8846c068c20', name: "expandable" })))));
+            } }, index$1.h("div", { key: '052af1d2271a3c1ab8e054283bd607d451a7907c', class: "xv-tile_content" }, this.label && index$1.h("p", { key: 'd8352f828901347e56fd6dabe4dfd4cbff243437', class: "xv-tile_content__title" }, this.label), index$1.h("slot", { key: '292b5129abdcdf19267f9f8affa7ae69b3fc3c5e' })), this.variant === 'selectable' && (index$1.h("div", { key: '6e80e294fb9b317c395672511db2aceb04a55d95', class: "xv-tile_control" }, this.multiple ? (index$1.h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index$1.h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (index$1.h("div", { key: 'c863ad11287f0287b648a90d5bd511febf9298dc', class: "xv-tile_footer" }, index$1.h("button", { key: 'f85a61b433ec3e78c7b2b4037ac4afb8084dae80', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index$1.h("div", { key: '4c77d1362b02c683f57f38cae820a0795e64f0ea', class: { 'xv-tile_expandable': true, open: this.checked } }, index$1.h("slot", { key: '3d83e120b16f1cdfb9dd0bcf3158648f3e70df32', name: "expandable" })))));
     }
     get el() { return index$1.getElement(this); }
 };
@@ -83898,7 +84556,7 @@ const XvToggle = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '19a5cfc45aa468c93b6b0dc3d61d5dbc69a02e28', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index$1.h("span", { key: '07e87a9fa4a5cc82e35c9a4860fa5bf2f08aa14b', class: "label" }, this.label), index$1.h("label", { key: '0f023f5e6ab44023441c09d07e098ac633b64863', class: "control" }, index$1.h("slot", { key: '9557fa03fa243f56ad8725521064a09d1b40f186', name: "before" }), index$1.h("div", { key: '550587838ab46027f1b5b371ab84653e751c593d', class: "control_input" }, index$1.h("input", { key: 'b75fd651bfc5b8eb7b5451d38504f71104894e44', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index$1.h("span", { key: 'fbafd5d851099473ec795541c5ff8b59ca26e327', class: "toggle" })), index$1.h("slot", { key: '08948e6980e8b7bd8146f39d28af5832ace11d49', name: "after" }))));
+        return (index$1.h(index$1.Host, { key: '2b31ae2defc4f7d8e1c210b20f4a3fb8af931866', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index$1.h("span", { key: '2f5d7411afbee3f46952075cd89665266504572d', class: "label" }, this.label), index$1.h("label", { key: '529a49324f6b2ee05752427ddf1b2018c1282347', class: "control" }, index$1.h("slot", { key: 'cebd95dded17d65d550a8fbbc31e4a59f150a9c8', name: "before" }), index$1.h("div", { key: '6ae44e937e46f20e3e4b9666bf4ab47c30e26565', class: "control_input" }, index$1.h("input", { key: '4bc5cb456d92ebb6c69be10d8811f77a8e683e7d', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index$1.h("span", { key: '67570ef5b308bdfde75de2f2edc5b06ae56a55dd', class: "toggle" })), index$1.h("slot", { key: 'adaf4b0186e737b9f3432a6d89eb3cb6062e84ec', name: "after" }))));
     }
     static get formAssociated() { return true; }
 };
@@ -83975,7 +84633,7 @@ const XvToggleTip = class {
     }
     ;
     render() {
-        return (index$1.h(index$1.Host, { key: '19f3956d61f53cfd4974ebf74eca2e59eda96bbe', class: "xv-toggle-tip" }, index$1.h("div", { key: '02df021b69a17a7320e087acc3472921da76cbec', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, index$1.h("slot", { key: 'bf9322a2c89c2ab8af45a34c1fa8062d6b0d9c85', name: "trigger" }, index$1.h("svg", { key: '49d5177854b74ac8701477ba6b5cf43b3ca10ca0', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: 'd38493c5b444b8e5b2f29286e09ac3f813d8091a', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), index$1.h("div", { key: '21c766a13e4ebfbfc8e5a4d37466a661730c50ac', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: 'c1dd6ee875cb9f68068c6067271fd9204b1f76c2', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index$1.h("div", { key: '1905eb38b9199c84a4c145a80c3957f1d76a18ed', class: "popover-content" }, index$1.h("slot", { key: '6ca62c2347633dd9411feefa36f33147e6eed69b', name: "header" }), index$1.h("slot", { key: 'e41510dd45b200b138d324bfb26a7bd6f8a8a667', name: "body" }), index$1.h("slot", { key: '20e4af025e79a515724379e9be82ed703cb57e2b', name: "footer" })))));
+        return (index$1.h(index$1.Host, { key: 'e7954243635bd7420feb8a40d130341ae8849bba', class: "xv-toggle-tip" }, index$1.h("div", { key: 'd1fc4e4f61880ab219f4ba1b0f908077a58e5134', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, index$1.h("slot", { key: '1ab4b9c5f21dacd8b82f8e60585076367567216f', name: "trigger" }, index$1.h("svg", { key: '72dcf0c9dada11b0c58ecde78a3b0081d6a2d255', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '610419726f4fca0f6b8793272c7b1f460663e7c1', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), index$1.h("div", { key: 'ac59c68e89edf7aafa9b3dd2576486a70fcbd4e2', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: '9d49318793bf61bfbb64bb4f985ab868bdaf2545', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index$1.h("div", { key: '8c165fbef50d7f2adb8a07d16a01e4346083831a', class: "popover-content" }, index$1.h("slot", { key: 'ed871e524e5a0b8c3a2e0d230f8d66b7ab99ccc4', name: "header" }), index$1.h("slot", { key: '34824d18b0cd7135fc6cc0e7596c315ee60da19a', name: "body" }), index$1.h("slot", { key: '1d1ddfc3c731f54fc1d75214839530f95f0f712d', name: "footer" })))));
     }
     disconnectedCallback() {
         this.destroyPopper();
@@ -84030,11 +84688,11 @@ const XvTooltip = class {
         this.destroyTooltip();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'dd4bb9b3cba5a7d8a0a326ec58455743025eecb6', role: "tooltip", class: {
+        return (index$1.h(index$1.Host, { key: 'b97a316c17b604ddf3a58d28a6b2ce49f0f3af48', role: "tooltip", class: {
                 'xv-tooltip-wrapper': true,
                 [`xv-tooltip-wrapper__block`]: !!this.block,
                 [`xv-tooltip-wrapper__dashed`]: !!this.dashed,
-            } }, index$1.h("slot", { key: '6fb648c67f6451eafe33a2b6ea7e91f256f1353b' }, index$1.h("svg", { key: '130f9a4f275c8562d3c192acd0e608be68620c6d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '85dfddeac164ba00a615a5ed5f9e1cb8535806a0', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
+            } }, index$1.h("slot", { key: '5120e6069ff93fd43302833401679c94e3577823' }, index$1.h("svg", { key: 'a37d0c7930cf87e1c3c4d67cd8ba74c52f061587', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '8b762af654ad54e41816fa28e155fb09a3534867', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
     }
     get el() { return index$1.getElement(this); }
 };
@@ -84053,6 +84711,7 @@ exports.xv_data_table = XvDataTable;
 exports.xv_data_table_cell = XvDataTableCell;
 exports.xv_data_table_collapse = XvDataTableCollapse;
 exports.xv_data_table_row = XvDataTableRow;
+exports.xv_date_picker = XvDatePicker;
 exports.xv_datepicker = XvDatepicker;
 exports.xv_dropdown_v2 = XvDropdown;
 exports.xv_dropdown_v2_item = XvDropdownItem;