xv-webcomponents 0.1.46 → 0.1.50

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

@@ -0,0 +1,570 @@
+import { Host, h, Fragment, } from "@stencil/core";
+import dateFns from "date-fns";
+import { de } from "date-fns/locale";
+import { SIZE_VAR } from "../../types/enum";
+import { createPopper } from "@popperjs/core";
+const WEEK = Array
+    .from({ length: 7 })
+    .map((_, i) => dateFns.format(dateFns.addDays(dateFns.startOfWeek(new Date(), { weekStartsOn: 1 }), i), 'EEEEEE', { locale: de }));
+const DEF_FORMAT = 'yyyy-MM-dd'; // the same browser input are using
+export class XvDatepicker {
+    constructor() {
+        this.value = [undefined, undefined];
+        this.variant = 'single';
+        this.loading = false;
+        this.size = SIZE_VAR.MD;
+        this.month = new Date();
+        this.days = this.getCalendarGrid();
+        this.open = false;
+        this.handleChange = (e, range = 'start') => {
+            const input = e.target;
+            const val = input.value; // string yyyy-MM-dd
+            this.localError = undefined;
+            if (!val) {
+                this.value[range === 'start' ? 0 : 1] = undefined;
+                return;
+            }
+            const newDate = new Date(val);
+            if (!dateFns.isValid(newDate)) {
+                this.value[range === 'start' ? 0 : 1] = undefined;
+                return;
+            }
+            if ((this.minDate && dateFns.isBefore(newDate, this.minDate)) ||
+                (this.maxDate && dateFns.isAfter(newDate, this.maxDate))) {
+                return;
+            }
+            if (this.variant === 'single') {
+                this.month = newDate;
+                this.value = [this.month, undefined];
+            }
+            else if (this.variant === 'range') {
+                const currentIndex = range === 'start' ? 0 : 1;
+                this.value[currentIndex] = newDate;
+                const startDate = this.value[0];
+                const endDate = this.value[1];
+                if (startDate && endDate && dateFns.isAfter(startDate, endDate)) {
+                    this.value = [endDate, startDate];
+                }
+                this.month = this.value[0] || newDate;
+            }
+        };
+        this.handleBlur = (e, range = 'start') => {
+            const input = e.target;
+            if (!input.value)
+                return;
+            const val = new Date(input.value);
+            if (!dateFns.isValid(val) ||
+                (this.minDate && dateFns.isBefore(val, this.minDate)) ||
+                (this.maxDate && dateFns.isAfter(val, this.maxDate))) {
+                this.value[range === 'start' ? 0 : 1] = undefined;
+                input.value = '';
+                this.localError = 'Das angegebene Datum ist nicht verfügbar.';
+                return;
+            }
+        };
+        this.handleYearChange = (e) => {
+            var _a;
+            const input = e.target;
+            let year = Number(input.value);
+            if (!year || isNaN(year))
+                return;
+            if (this.maxDate && year > ((_a = this.maxDate) === null || _a === void 0 ? void 0 : _a.getFullYear())) {
+                this.month = this.maxDate;
+                return;
+            }
+            if (this.minDate && year < this.minDate.getFullYear()) {
+                this.month = this.minDate;
+                return;
+            }
+            this.month = dateFns.setYear(this.month, year);
+        };
+        this.handleYearBlur = (e) => {
+            const input = e.target;
+            input.value = this.month.getFullYear().toString();
+        };
+        this.handleKeydown = (e, range = 'start') => {
+            var _a, _b;
+            if (e.key === 'Enter') {
+                if (this.variant === 'range' && range === 'start') {
+                    (_a = e.target.nextElementSibling) === null || _a === void 0 ? void 0 : _a.focus();
+                }
+                else {
+                    (_b = e.target) === null || _b === void 0 ? void 0 : _b.blur();
+                    this.open = false;
+                }
+            }
+        };
+        this.handleOpen = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (this.disabled || this.loading || this.readonly)
+                return;
+            if (!this.open)
+                this.open = true;
+        };
+        this.prevMonth = () => {
+            this.month = dateFns.subMonths(this.month, 1);
+        };
+        this.nextMonth = () => {
+            this.month = dateFns.addMonths(this.month, 1);
+        };
+        this.destroyPopper = () => {
+            if (this.popperInstance) {
+                this.popperInstance.destroy();
+                this.popperInstance = undefined;
+            }
+        };
+    }
+    get minDate() {
+        if (!this.min)
+            return undefined;
+        const iso = dateFns.parseISO(this.min);
+        if (dateFns.isValid(iso))
+            return iso;
+        return dateFns.parse(this.min, 'yyyy-MM-dd', new Date());
+    }
+    get maxDate() {
+        if (!this.max)
+            return undefined;
+        const iso = dateFns.parseISO(this.max);
+        if (dateFns.isValid(iso))
+            return iso;
+        return dateFns.parse(this.max, 'yyyy-MM-dd', new Date());
+    }
+    get isPrevDisabled() {
+        if (!this.minDate)
+            return false;
+        const prevMonth = dateFns.startOfMonth(dateFns.addMonths(this.month, -1));
+        return dateFns.isBefore(prevMonth, this.minDate);
+    }
+    get isNextDisabled() {
+        if (!this.maxDate)
+            return false;
+        const nextMonth = dateFns.startOfMonth(dateFns.addMonths(this.month, 1));
+        return dateFns.isAfter(nextMonth, this.maxDate);
+    }
+    handleClickOutside(e) {
+        if (this.open && !this.el.contains(e.target)) {
+            this.open = false;
+        }
+    }
+    ;
+    openChange() {
+        if (this.open) {
+            requestAnimationFrame(() => this.createPopper());
+        }
+        else {
+            this.destroyPopper();
+        }
+    }
+    getCalendarGrid() {
+        const start = dateFns.startOfWeek(dateFns.startOfMonth(this.month), { weekStartsOn: 1 });
+        const end = dateFns.endOfWeek(dateFns.endOfMonth(this.month), { weekStartsOn: 1 });
+        this.days = dateFns.eachDayOfInterval({ start, end }).map(date => ({
+            date,
+            week: dateFns.getWeek(date, { weekStartsOn: 1 }),
+            day: date.getDate(),
+            isCurrentMonth: dateFns.isSameMonth(date, this.month),
+            isToday: dateFns.isToday(date),
+            disabled: (this.minDate && dateFns.isBefore(date, this.minDate)) || (this.maxDate && dateFns.isAfter(date, this.maxDate))
+        }));
+        return this.days;
+    }
+    handleValueChange() {
+        this.valueChange.emit(this.value);
+        const [start, end] = this.value;
+        if (this.variant === 'single') {
+            start && this.internals.setFormValue(start.toISOString());
+        }
+        else if (this.variant === 'range') {
+            const formData = new FormData();
+            start && formData.append('start', start.toISOString());
+            end && formData.append('end', end.toISOString());
+            (start || end) && this.internals.setFormValue(start.toISOString());
+        }
+    }
+    handleSetDate({ date }) {
+        this.localError = undefined;
+        if (this.variant === 'single') {
+            this.value[0] = date;
+            this.open = false;
+            return;
+        }
+        if (this.variant === 'range') {
+            const [start, end] = this.value;
+            if (!start || (start && end)) {
+                this.value = [date, undefined];
+            }
+            else {
+                if (dateFns.isBefore(date, start)) {
+                    this.value = [date, start];
+                }
+                else {
+                    this.value = [start, date];
+                }
+                this.open = false;
+            }
+        }
+    }
+    createPopper() {
+        if (!this.controlEl || !this.popoverEl) {
+            console.warn('XvToggleTip can`t find the trigger or popover container!');
+            return;
+        }
+        this.popperInstance = createPopper(this.controlEl, this.popoverEl, {
+            modifiers: [{ name: 'offset', options: { offset: [0, 8] } }],
+        });
+    }
+    ;
+    disconnectedCallback() {
+        this.destroyPopper();
+    }
+    render() {
+        const [start, end] = this.value;
+        return (h(Host, { key: '73b13e4a70f472e314c5d4435bc857648e1c05c0', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: 'ea76da7022720d45d94b643334260a8e2ddbf6d4', "aria-controls": "popover", class: "control" }, h("label", { key: '609160fc9461aebb45ae12a8974f78c77cd8bd5b', class: "control_label" }, this.label), h("div", { key: 'f93fe7aa5f1451dcd198ab22adcd858080aa2016', class: {
+                'control_field': true,
+                loading: this.loading,
+                error: this.error !== undefined || !!this.localError,
+                warning: this.warning !== undefined,
+            }, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '05e7906f36b8db7913e0c7f85bfb90cb45a8cf0f', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly, min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: '722dcf9b3a9e33abc789ab7200c36892af4fe2db', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly, 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') }))), (this.helper || this.error || this.warning || this.localError) && (h("div", { key: '140b43857ae817242e6ee0659ba2e51a87f36fa0' }, this.helper && h("p", { key: 'e91119684fb14908bded528dbe610e964e6dc8ac', class: "control_message" }, this.helper), (this.error || this.warning || this.localError) && (h("p", { key: '5cf460efe441f24770e13580179a6b31379fc296', class: { control_message: true, error: !!this.error || !!this.localError } }, this.error || this.localError || this.warning))))), h("div", { key: '4fefab6f5005bba72803f68b81a2dbb6c37ce981', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: 'f51560d170549721034cb84ed46e83b23b9cedc6', class: "header" }, h("xv-button-v2", { key: '1cc7625637a1db5a93876980025a627cee9907f6', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '41fc0fa0636e2f71ce6ae75ddb00fbe9304d8c97', slot: "icon-left", class: "header_icon prev" })), h("p", { key: '67ed4125bc246ef17f672dc464b4d1fc3a663f0b', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: de }), h("input", { key: '9c11a5b55b51cd96384ab06499c1543cf58762a4', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: 'a84eaf24d64a4e567932c35f76b0eb446e1ef4de', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: 'a992d667c5bb9cafad42034643a9440d034383d4', slot: "icon-left", class: "header_icon next" }))), h("div", { key: 'ac8636ed32a42f44fc0bde354d2cc2900063b1b5', class: "week" }, h("p", { key: '42e0ed45c7cff795e5a5ec7274481f75233e7209', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: '5eb2c9bcee3a83ed4a24ef1f84c9cccfaeb23afc', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
+                'week_day': true,
+                inRange: this.variant === 'range' && dateFns.isWithinInterval(day.date, { start, end }),
+                isToday: day.isToday,
+                disabled: !day.isCurrentMonth || day.disabled,
+                active: dateFns.isSameDay(start, day.date) || dateFns.isSameDay(end, day.date),
+            } }, day.day))))))));
+    }
+    static get is() { return "xv-datepicker"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-datepicker.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-datepicker.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "unknown",
+                "attribute": "value",
+                "mutable": true,
+                "complexType": {
+                    "original": "[Date | undefined, Date | undefined]",
+                    "resolved": "[Date, Date]",
+                    "references": {
+                        "Date": {
+                            "location": "global",
+                            "id": "global::Date"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[undefined, undefined]"
+            },
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "'single' | 'range'",
+                    "resolved": "\"range\" | \"single\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'single'"
+            },
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "helper": {
+                "type": "string",
+                "attribute": "helper",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Date language. Example 'en-US'"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "error": {
+                "type": "any",
+                "attribute": "error",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | boolean",
+                    "resolved": "boolean | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Error status. Can be boolean or string"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "warning": {
+                "type": "any",
+                "attribute": "warning",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | boolean",
+                    "resolved": "boolean | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "readonly": {
+                "type": "boolean",
+                "attribute": "readonly",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "loading": {
+                "type": "boolean",
+                "attribute": "loading",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "block": {
+                "type": "boolean",
+                "attribute": "block",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SIZE_VAR",
+                    "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
+                    "references": {
+                        "SIZE_VAR": {
+                            "location": "import",
+                            "path": "../../types/enum",
+                            "id": "src/types/enum.ts::SIZE_VAR"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "SIZE_VAR.MD"
+            },
+            "min": {
+                "type": "string",
+                "attribute": "min",
+                "mutable": false,
+                "complexType": {
+                    "original": "`${string}-${string}-${string}`",
+                    "resolved": "`${string}-${string}-${string}`",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Min Date. Format 'yyyy-MM-dd'"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "max": {
+                "type": "string",
+                "attribute": "max",
+                "mutable": false,
+                "complexType": {
+                    "original": "`${string}-${string}-${string}`",
+                    "resolved": "`${string}-${string}-${string}`",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Max Date. Format 'yyyy-MM-dd'"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "month": {},
+            "days": {},
+            "open": {},
+            "localError": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "valueChange",
+                "name": "valueChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "Date[]",
+                    "resolved": "Date[]",
+                    "references": {
+                        "Date": {
+                            "location": "global",
+                            "id": "global::Date"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "openChange"
+            }, {
+                "propName": "month",
+                "methodName": "getCalendarGrid"
+            }, {
+                "propName": "value",
+                "methodName": "handleValueChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleClickOutside",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
+    }
+    static get attachInternalsMemberName() { return "internals"; }
+}
+//# sourceMappingURL=xv-datepicker.js.map

package/dist/collection/components/xv-datepicker/xv-datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xv-datepicker.js","sourceRoot":"","sources":["../../../src/components/xv-datepicker/xv-datepicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  AttachInternals,\n  State,\n  Watch,\n  Listen,\n  Element,\n  Fragment,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport dateFns from 'date-fns';\nimport { de } from 'date-fns/locale';\nimport { SIZE_VAR } from '../../types/enum';\nimport { Instance, createPopper } from '@popperjs/core';\n\ninterface DayType {\n  date: Date;\n  day: number;\n  week: number;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  disabled?: boolean;\n}\n\nconst WEEK = Array\n  .from({ length: 7 })\n  .map((_, i) =>\n    dateFns.format(\n      dateFns.addDays(dateFns.startOfWeek(new Date(), { weekStartsOn: 1 }), i),\n      'EEEEEE',\n      { locale: de }\n    )\n  );\nconst DEF_FORMAT = 'yyyy-MM-dd'; // the same browser input are using\n\n@Component({\n  tag: 'xv-datepicker',\n  styleUrl: 'xv-datepicker.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class XvDatepicker {\n  @Element() el: HTMLElement;\n\n  @Prop({ mutable: true }) value: [Date | undefined, Date | undefined] = [undefined, undefined];\n  @Prop() variant: 'single' | 'range' = 'single';\n  @Prop() label?: string;\n  /**\n   * Date language. Example 'en-US'\n   */\n  @Prop() helper?: string;\n  /**\n   * Error status. Can be boolean or string\n   */\n  @Prop() error?: string | boolean;\n  @Prop() warning?: string | boolean;\n  @Prop() readonly?: boolean;\n  @Prop() disabled?: boolean;\n  @Prop() loading: boolean = false;\n  @Prop() block?: boolean;\n  @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\n  /**\n   * Min Date. Format 'yyyy-MM-dd'\n   */\n  @Prop() min?: `${string}-${string}-${string}`;\n  private get minDate(): Date | undefined {\n    if (!this.min) return undefined;\n    const iso = dateFns.parseISO(this.min);\n    if (dateFns.isValid(iso)) return iso;\n    return dateFns.parse(this.min, 'yyyy-MM-dd', new Date());\n  }\n  /**\n   * Max Date. Format 'yyyy-MM-dd'\n   */\n  @Prop() max?: `${string}-${string}-${string}`;\n  private get maxDate(): Date | undefined {\n    if (!this.max) return undefined;\n    const iso = dateFns.parseISO(this.max);\n    if (dateFns.isValid(iso)) return iso;\n    return dateFns.parse(this.max, 'yyyy-MM-dd', new Date());\n  }\n\n  @AttachInternals() internals: ElementInternals;\n  @Event() valueChange: EventEmitter<Date[]>;\n\n  @State() month: Date = new Date();\n  @State() days = this.getCalendarGrid();\n  @State() open: boolean = false;\n  @State() localError?: string;\n\n  private get isPrevDisabled(): boolean {\n    if (!this.minDate) return false;\n    const prevMonth = dateFns.startOfMonth(dateFns.addMonths(this.month, -1));\n    return dateFns.isBefore(prevMonth, this.minDate);\n  }\n\n  private get isNextDisabled(): boolean {\n    if (!this.maxDate) return false;\n    const nextMonth = dateFns.startOfMonth(dateFns.addMonths(this.month, 1));\n    return dateFns.isAfter(nextMonth, this.maxDate);\n  }\n\n  private controlEl!: HTMLElement;\n  private popoverEl!: HTMLElement;\n  private popperInstance?: Instance;\n\n  @Listen('click', { target: 'document' })\n  handleClickOutside(e: MouseEvent) {\n    if (this.open && !this.el.contains(e.target as Node)) {\n      this.open = false;\n    }\n  };\n\n  @Watch('open')\n  openChange() {\n    if (this.open) {\n      requestAnimationFrame(() => this.createPopper());\n    } else {\n      this.destroyPopper();\n    }\n  }\n\n  @Watch('month')\n  private getCalendarGrid(): DayType[] {\n    const start = dateFns.startOfWeek(dateFns.startOfMonth(this.month), { weekStartsOn: 1 });\n    const end = dateFns.endOfWeek(dateFns.endOfMonth(this.month), { weekStartsOn: 1 });\n\n    this.days = dateFns.eachDayOfInterval({ start, end }).map(date => ({\n      date,\n      week: dateFns.getWeek(date, { weekStartsOn: 1 }),\n      day: date.getDate(),\n      isCurrentMonth: dateFns.isSameMonth(date, this.month),\n      isToday: dateFns.isToday(date),\n      disabled: (this.minDate && dateFns.isBefore(date, this.minDate)) || (this.maxDate && dateFns.isAfter(date, this.maxDate))\n    }));\n\n    return this.days;\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.valueChange.emit(this.value);\n    const [start, end] = this.value;\n    if (this.variant === 'single') {\n      start && this.internals.setFormValue(start.toISOString());\n    } else if (this.variant === 'range') {\n      const formData = new FormData();\n      start && formData.append('start', start.toISOString());\n      end && formData.append('end', end.toISOString());\n      (start || end) && this.internals.setFormValue(start.toISOString());\n    }\n  }\n\n  private handleChange = (e: Event, range: 'start' | 'end' = 'start') => {\n    const input = e.target as HTMLInputElement;\n    const val = input.value; // string yyyy-MM-dd\n    this.localError = undefined;\n\n    if (!val) {\n      this.value[range === 'start' ? 0 : 1] = undefined;\n      return;\n    }\n\n    const newDate = new Date(val);\n\n    if (!dateFns.isValid(newDate)) {\n      this.value[range === 'start' ? 0 : 1] = undefined;\n      return;\n    }\n\n    if (\n      (this.minDate && dateFns.isBefore(newDate, this.minDate)) ||\n      (this.maxDate && dateFns.isAfter(newDate, this.maxDate))\n    ) {\n      return;\n    }\n\n    if (this.variant === 'single') {\n      this.month = newDate;\n      this.value = [this.month, undefined];\n    } else if (this.variant === 'range') {\n      const currentIndex = range === 'start' ? 0 : 1;\n      this.value[currentIndex] = newDate;\n      const startDate = this.value[0];\n      const endDate = this.value[1];\n\n      if (startDate && endDate && dateFns.isAfter(startDate, endDate)) {\n        this.value = [endDate, startDate];\n      }\n\n      this.month = this.value[0] || newDate;\n    }\n  };\n\n  private handleBlur = (e: FocusEvent, range: 'start' | 'end' = 'start') => {\n    const input = e.target as HTMLInputElement;\n    if (!input.value) return;\n    const val = new Date(input.value);\n    if (\n      !dateFns.isValid(val) ||\n      (this.minDate && dateFns.isBefore(val, this.minDate)) ||\n      (this.maxDate && dateFns.isAfter(val, this.maxDate))\n    ) {\n      this.value[range === 'start' ? 0 : 1] = undefined;\n      input.value = '';\n      this.localError = 'Das angegebene Datum ist nicht verfügbar.';\n      return;\n    }\n  }\n\n  private handleYearChange = (e: InputEvent) => {\n    const input = e.target as HTMLInputElement;\n    let year = Number(input.value);\n\n    if (!year || isNaN(year)) return;\n\n    if (this.maxDate && year > this.maxDate?.getFullYear()) {\n      this.month = this.maxDate;\n      return;\n    }\n\n    if (this.minDate && year < this.minDate.getFullYear()) {\n      this.month = this.minDate;\n      return;\n    }\n\n    this.month = dateFns.setYear(this.month, year);\n  }\n\n  private handleYearBlur = (e: FocusEvent) => {\n    const input = e.target as HTMLInputElement;\n    input.value = this.month.getFullYear().toString();\n  }\n\n  private handleKeydown = (e: KeyboardEvent, range: 'start' | 'end' = 'start') => {\n    if (e.key === 'Enter') {\n      if (this.variant === 'range' && range === 'start') {\n        ((e.target as HTMLInputElement).nextElementSibling as HTMLInputElement)?.focus();\n      } else {\n        (e.target as HTMLInputElement)?.blur();\n        this.open = false;\n      }\n    }\n  }\n\n  private handleSetDate({ date }: DayType) {\n    this.localError = undefined;\n\n    if (this.variant === 'single') {\n      this.value[0] = date;\n      this.open = false;\n      return;\n    }\n\n    if (this.variant === 'range') {\n      const [start, end] = this.value;\n\n      if (!start || (start && end)) {\n        this.value = [date, undefined];\n      } else {\n        if (dateFns.isBefore(date, start)) {\n          this.value = [date, start];\n        } else {\n          this.value = [start, date];\n        }\n        this.open = false;\n      }\n    }\n  }\n\n  private handleOpen = (e: MouseEvent | KeyboardEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (this.disabled || this.loading || this.readonly) return;\n    if (!this.open) this.open = true;\n  }\n\n  private prevMonth = () => {\n    this.month = dateFns.subMonths(this.month, 1);\n  };\n\n  private nextMonth = () => {\n    this.month = dateFns.addMonths(this.month, 1);\n  };\n\n  private createPopper() {\n    if (!this.controlEl || !this.popoverEl) {\n      console.warn('XvToggleTip can`t find the trigger or popover container!');\n      return;\n    }\n\n    this.popperInstance = createPopper(this.controlEl, this.popoverEl, {\n      modifiers: [{ name: 'offset', options: { offset: [0, 8] } }],\n    });\n  };\n\n  private destroyPopper = () => {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = undefined;\n    }\n  };\n\n  disconnectedCallback() {\n    this.destroyPopper();\n  }\n\n  render() {\n    const [start, end] = this.value;\n\n    return (\n      <Host class={{ disabled: !!this.disabled }} tabindex={this.disabled ? '-1' : undefined}>\n        <div aria-controls=\"popover\" class=\"control\">\n          <label class=\"control_label\">{this.label}</label>\n          <div\n            class={{\n              'control_field': true,\n              loading: this.loading,\n              error: this.error !== undefined || !!this.localError,\n              warning: this.warning !== undefined,\n            }}\n            onClick={this.handleOpen}\n            ref={(el) => (this.controlEl = el)}>\n            <input\n              lang=\"de\"\n              type=\"date\"\n              name=\"start\"\n              disabled={this.loading || this.disabled}\n              readonly={this.readonly}\n              min={this.min}\n              max={this.max}\n              value={start ? dateFns.format(start, DEF_FORMAT) : ''}\n              onChange={(e) => this.handleChange(e, 'start')}\n              onBlur={(e) => this.handleBlur(e, 'start')}\n              onKeyDown={(e) => this.handleKeydown(e, 'start')}\n            />\n            {this.variant === 'range' && (\n              <input\n                lang=\"de\"\n                type=\"date\"\n                name=\"end\"\n                disabled={this.loading || this.disabled}\n                readonly={this.readonly}\n                min={this.min}\n                max={this.max}\n                value={end ? dateFns.format(end, DEF_FORMAT) : ''}\n                onChange={(e) => this.handleChange(e, 'end')}\n                onBlur={(e) => this.handleBlur(e, 'end')}\n                onKeyDown={(e) => this.handleKeydown(e, 'end')}\n              />\n            )}\n          </div>\n          {(this.helper || this.error || this.warning || this.localError) && (\n            <div>\n              {this.helper && <p class=\"control_message\">{this.helper}</p>}\n              {(this.error || this.warning || this.localError) && (\n                <p class={{ control_message: true, error: !!this.error || !!this.localError }}>\n                  {this.error || this.localError || this.warning}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div role=\"dialog\"\n             class={{ popover: true, open: this.open }}\n             ref={(el) => (this.popoverEl = el)}>\n          <div class=\"header\">\n            <xv-button-v2\n              tabindex={this.open ? undefined : '-1'}\n              disabled={this.isPrevDisabled}\n              variant=\"ghost\"\n              onClick={this.prevMonth}><span slot=\"icon-left\" class=\"header_icon prev\"></span></xv-button-v2>\n            <p class=\"header_date\">\n              {dateFns.format(this.month, 'LLLL', { locale: de })}\n              <input\n                tabindex={this.open ? undefined : '-1'}\n                type=\"number\"\n                value={this.month.getFullYear()}\n                onInput={this.handleYearChange}\n                onBlur={this.handleYearBlur}\n              />\n            </p>\n            <xv-button-v2\n              tabindex={this.open ? undefined : '-1'}\n              disabled={this.isNextDisabled}\n              variant=\"ghost\"\n              onClick={this.nextMonth}><span slot=\"icon-left\" class=\"header_icon next\"></span></xv-button-v2>\n          </div>\n\n          <div class=\"week\">\n            <p class=\"week_day\"></p>\n            {WEEK.map((day) => <p class=\"week_day\">{day}.</p>)}\n          </div>\n\n          <div class=\"week\">\n            {this.days.map((day, idx) => (\n              <Fragment>\n                {idx % 7 === 0 && (\n                  <button tabindex={this.open ? undefined : '-1'} disabled class=\"week_day disabled\">{day.week}</button>\n                )}\n                <button\n                  tabindex={this.open ? undefined : '-1'}\n                  onClick={() => this.handleSetDate(day)}\n                  disabled={day.disabled}\n                  class={{\n                    'week_day': true,\n                    inRange: this.variant === 'range' && dateFns.isWithinInterval(day.date, { start, end }),\n                    isToday: day.isToday,\n                    disabled: !day.isCurrentMonth || day.disabled,\n                    active: dateFns.isSameDay(start, day.date) || dateFns.isSameDay(end, day.date),\n                  }}>{day.day}</button>\n              </Fragment>\n            ))}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -21,7 +21,7 @@ export class XvDropdownItem {
         });
     }
     render() {
-        return (h(Host, { key: 'a0748e38180cfbd7697e5a4b2069168f77e6917e', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, h("slot", { key: '3add18db3c3a0e3eabbc31f4e405620e4086b37a' }), this.selected && h("span", { key: '64d4731e8b3a9896ca92787421d66ac3a495c605', class: "checkmark" })));
+        return (h(Host, { key: '8e7a822ee3c4eb8fd402d580cebcfba898223d27', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, h("slot", { key: 'ba93c8487f3390044e841db6d5e6f1df1f7bb5c9' }), this.selected && h("span", { key: '4596986268b2974d85970f0422987fb6906040fa', class: "checkmark" })));
     }
     componentWillLoad() {
         if (!this.value)