overview-components 1.0.79 → 1.0.81

package/dist/shared/lit-date-picker.js

@@ -1,244 +1,302 @@
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as h } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as v } from "../node_modules/lit-element/lit-element.js";
-import { customElement as b } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { state as f } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import { query as g } from "../node_modules/@lit/reactive-element/decorators/query.js";
-import { isEqual as k, isEmpty as D } from "lodash";
-import l from "../node_modules/luxon/src/datetime.js";
-import "../node_modules/luxon/src/duration.js";
-import { msg as d } from "../node_modules/@lit/localize/init/install.js";
-import "../node_modules/@lit/localize/init/runtime.js";
-/* empty css                                                */
-import $ from "../node_modules/air-datepicker/air-datepicker.js";
-import { localizedDatePicker as S } from "../utils/localization.js";
-import { classMap as y } from "../node_modules/lit-html/directives/class-map.js";
-import { debounce as O } from "../utils/utils.js";
-import { autoUpdate as P, computePosition as w, offset as C, flip as M, hide as x, shift as E } from "../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { css as T } from "../node_modules/@lit/reactive-element/css-tag.js";
-var L = Object.defineProperty, I = Object.getOwnPropertyDescriptor, o = (e, t, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? I(t, a) : t, p = e.length - 1, c; p >= 0; p--)
-    (c = e[p]) && (s = (i ? c(t, a, s) : c(s)) || s);
-  return i && s && L(t, a, s), s;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-let r = class extends v {
-  constructor() {
-    super(), this.pickerVariant = "date", this.userLang = "cs", this.placeholder = "", this.disableClearButton = !1, this.range = !1, this.server = !1, this.disabled = !1, this.setOperator = (e, t) => {
-    }, this.filterOperators = [], this.displayValue = "", this.isSubmenuOpen = !1, this.submenuTriggerEl = null, this.handleOutsideClick = (e) => {
-      const t = e.composedPath(), a = t.some(
-        (i) => i instanceof HTMLElement && i.classList.contains("air-datepicker")
-      );
-      !t.includes(this) && !a && this.datePicker.visible && (this.datePicker.clear(), this.datePicker.hide());
-    }, this.debouncedHandleInput = O(this.handleDateInput, 500);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("focus", () => this.focus());
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick, { capture: !0 }), this.removeEventListener("focus", () => this.focus());
-  }
-  updated(e) {
-    if (e.has("operator")) {
-      const t = e.get("operator");
-      (this.operator === "fromTo" || t === "fromTo") && this.datePicker.update(
-        {
-          range: this.operator === "fromTo"
-        },
-        { silent: !0 }
-      );
+import { LitElement, html, css } from 'lit';
+import { property, customElement, query, state } from 'lit/decorators.js';
+import { isEmpty, isEqual } from 'lodash';
+import { DateTime } from 'luxon';
+import { msg } from '@lit/localize';
+import 'air-datepicker/air-datepicker.css';
+// components
+import './lit-icon-button.js';
+import './lit-icon.js';
+import './simple-popper.js';
+import './lit-menu.js';
+import './lit-menu-item.js';
+import AirDatepicker from 'air-datepicker';
+import { localizedDatePicker } from '../utils/localization.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { debounce } from '../utils/utils.js';
+import { autoUpdate, computePosition, flip, hide, offset, shift } from '@floating-ui/dom';
+let LitDatePicker = class LitDatePicker extends LitElement {
+    constructor() {
+        super();
+        this.pickerVariant = 'date';
+        this.userLang = 'cs';
+        this.placeholder = '';
+        this.disableClearButton = false;
+        this.range = false;
+        this.server = false;
+        this.disabled = false;
+        this.setOperator = (operator, opt) => { };
+        this.filterOperators = [];
+        this.displayValue = '';
+        this.isSubmenuOpen = false;
+        this.submenuTriggerEl = null;
+        this.handleOutsideClick = (event) => {
+            const path = event.composedPath();
+            const isClickInsideDatepicker = path.some((element) => element instanceof HTMLElement && element.classList.contains('air-datepicker'));
+            // Check if the date picker is visible before trying to hide it
+            if (!path.includes(this) && !isClickInsideDatepicker && this.datePicker.visible) {
+                this.datePicker.clear();
+                this.datePicker.hide();
+            }
+        };
+        this.debouncedHandleInput = debounce(this.handleDateInput, 500);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('focus', () => this.focus());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this.handleOutsideClick, { capture: true });
+        this.removeEventListener('focus', () => this.focus());
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('operator')) {
+            const oldValue = changedProperties.get('operator');
+            if (this.operator === 'fromTo' || oldValue === 'fromTo') {
+                this.datePicker.update({
+                    range: this.operator === 'fromTo',
+                }, { silent: true });
+            }
+        }
+        if (changedProperties.has('range')) {
+            this.datePicker.update({
+                range: this.range,
+            }, { silent: true });
+        }
+        if (changedProperties.has('value') &&
+            !isEqual(this.value, changedProperties.get('value'))) {
+            if (typeof this.value === 'undefined' || this.value === '') {
+                this.datePicker.clear({ silent: true });
+                return;
+            }
+            if (this.value) {
+                this.datePicker.selectDate(this.value, { silent: true });
+            }
+        }
+    }
+    reinitializeDatePicker() {
+        if (this.datePicker) {
+            this.datePicker.destroy();
+        }
+        this.datePicker = new AirDatepicker(this.dateInputEl, {
+            timepicker: this.pickerVariant === 'dateTime',
+            multipleDatesSeparator: ' - ',
+            // isMobile: window.matchMedia('(max-width: 600px)').matches,
+            dateFormat: this.dateFormat || undefined,
+            locale: this.getLocale(),
+            autoClose: true,
+            range: this.operator === 'fromTo',
+            onRenderCell: ({ date, cellType, }) => {
+                const isDay = cellType === 'day';
+                const _date = date.getDate();
+            },
+            onShow: () => {
+                const dpRoot = this.datePicker.$datepicker;
+                this.submenuTriggerEl = dpRoot?.querySelector('.submenu-trigger');
+                if (this.submenuTriggerEl) {
+                    this.submenuTriggerEl.addEventListener('mouseenter', () => {
+                        this.openSubmenu(true);
+                    });
+                    this.submenuTriggerEl?.addEventListener('mouseleave', (e) => {
+                        const related = e.relatedTarget;
+                        const isGoingToPopper = related?.closest('simple-popper');
+                        if (!isGoingToPopper) {
+                            this.openSubmenu(false);
+                        }
+                    });
+                }
+                const $datepicker = this.datePicker?.$datepicker;
+                const $target = this.dateInputEl;
+                if (!$datepicker || !$target)
+                    return;
+                // Destroy previous observer
+                this.cleanupAutoUpdate?.();
+                this.cleanupAutoUpdate = autoUpdate($target, $datepicker, () => {
+                    computePosition($target, $datepicker, {
+                        placement: 'bottom-start',
+                        middleware: [offset(4), flip(), hide(), shift({ padding: 8 })],
+                    }).then(({ x, y, middlewareData }) => {
+                        if (middlewareData.hide) {
+                            Object.assign($datepicker.style, {
+                                display: middlewareData.hide.referenceHidden ? 'none' : 'block',
+                            });
+                        }
+                        Object.assign($datepicker.style, {
+                            position: 'absolute',
+                            left: `${x}px`,
+                            top: `${y}px`,
+                            overflow: 'visible',
+                        });
+                    });
+                });
+            },
+            onHide: () => {
+                this.cleanupAutoUpdate?.();
+                this.openSubmenu(false);
+            },
+            buttons: [
+                {
+                    content: msg('Dnes'), // Button text
+                    className: 'custom-today-btn', // Custom class (optional)
+                    onClick: (dp) => {
+                        this.handleSetOperator('=');
+                        dp.update({
+                            range: false,
+                            selectedDates: [new Date()],
+                        });
+                    },
+                },
+                ...(this.server
+                    ? [
+                        {
+                            content: '<lit-icon icon="arrowLeft" size="1rem" style="margin-right: 0.5rem"></lit-icon> ' +
+                                msg('Rychlé volby'),
+                            className: 'custom-today-btn submenu-trigger',
+                            onClick: () => { },
+                        },
+                    ]
+                    : []),
+            ],
+            onSelect: ({ date, formattedDate, datepicker, }) => {
+                if (Array.isArray(date) && date.length === 2) {
+                    const from = date[0].toISOString();
+                    const to = date[1].toISOString();
+                    this.value = [from, to];
+                }
+                else if (date instanceof Date) {
+                    this.value = date.toISOString();
+                }
+                else if ((Array.isArray(date) && date.length === 0) || !date) {
+                    this.value = undefined;
+                }
+                if (this.onChange) {
+                    this.onChange(this.value);
+                }
+                this.displayValue = formattedDate;
+            },
+        });
     }
-    if (e.has("range") && this.datePicker.update(
-      {
-        range: this.range
-      },
-      { silent: !0 }
-    ), e.has("value") && !k(this.value, e.get("value"))) {
-      if (typeof this.value > "u" || this.value === "") {
-        this.datePicker.clear({ silent: !0 });
-        return;
-      }
-      this.value && this.datePicker.selectDate(this.value, { silent: !0 });
+    firstUpdated() {
+        this.reinitializeDatePicker();
+        document.addEventListener('click', this.handleOutsideClick, { capture: true });
     }
-  }
-  reinitializeDatePicker() {
-    this.datePicker && this.datePicker.destroy(), this.datePicker = new $(this.dateInputEl, {
-      timepicker: this.pickerVariant === "dateTime",
-      multipleDatesSeparator: " - ",
-      // isMobile: window.matchMedia('(max-width: 600px)').matches,
-      dateFormat: this.dateFormat || void 0,
-      locale: this.getLocale(),
-      autoClose: !0,
-      range: this.operator === "fromTo",
-      onRenderCell: ({
-        date: e,
-        cellType: t
-      }) => {
-        e.getDate();
-      },
-      onShow: () => {
-        var i, s, p;
-        const e = this.datePicker.$datepicker;
-        this.submenuTriggerEl = e == null ? void 0 : e.querySelector(".submenu-trigger"), this.submenuTriggerEl && (this.submenuTriggerEl.addEventListener("mouseenter", () => {
-          this.openSubmenu(!0);
-        }), (i = this.submenuTriggerEl) == null || i.addEventListener("mouseleave", (c) => {
-          const u = c.relatedTarget;
-          (u == null ? void 0 : u.closest("simple-popper")) || this.openSubmenu(!1);
-        }));
-        const t = (s = this.datePicker) == null ? void 0 : s.$datepicker, a = this.dateInputEl;
-        !t || !a || ((p = this.cleanupAutoUpdate) == null || p.call(this), this.cleanupAutoUpdate = P(a, t, () => {
-          w(a, t, {
-            placement: "bottom-start",
-            middleware: [C(4), M(), x(), E({ padding: 8 })]
-          }).then(({ x: c, y: u, middlewareData: m }) => {
-            m.hide && Object.assign(t.style, {
-              display: m.hide.referenceHidden ? "none" : "block"
-            }), Object.assign(t.style, {
-              position: "absolute",
-              left: `${c}px`,
-              top: `${u}px`,
-              overflow: "visible"
-            });
-          });
-        }));
-      },
-      onHide: () => {
-        var e;
-        (e = this.cleanupAutoUpdate) == null || e.call(this), this.openSubmenu(!1);
-      },
-      buttons: [
-        {
-          content: d("Dnes"),
-          // Button text
-          className: "custom-today-btn",
-          // Custom class (optional)
-          onClick: (e) => {
-            this.handleSetOperator("="), e.update({
-              range: !1,
-              selectedDates: [/* @__PURE__ */ new Date()]
-            });
-          }
-        },
-        ...this.server ? [
-          {
-            content: '<lit-icon icon="arrowLeft" size="1rem" style="margin-right: 0.5rem"></lit-icon> ' + d("Rychlé volby"),
-            className: "custom-today-btn submenu-trigger",
-            onClick: () => {
+    openSubmenu(open) {
+        this.isSubmenuOpen = open;
+    }
+    getLocale() {
+        const lang = this.userLang || localStorage.getItem('userLang') || 'cs';
+        return localizedDatePicker.get(lang);
+    }
+    handleDateInput(dateStr) {
+        const parsedDate = this._parseDate(dateStr);
+        if (parsedDate) {
+            // this.value = parsedDate;
+            this.datePicker.selectDate(parsedDate);
+        }
+        if (dateStr === '') {
+            this.datePicker.clear();
+        }
+    }
+    _parseDate(dateStr) {
+        // Regular expressions for different date formats
+        // Patterns for different formats
+        const patterns = [
+            { regex: /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/, format: 'd.M.yyyy' }, // d.M.yyyy
+            { regex: /^(\d{2})\.(\d{2})\.(\d{4})$/, format: 'dd.MM.yyyy' }, // dd.MM.yyyy
+            { regex: /^(\d{2})\/(\d{2})\/(\d{4})$/, format: 'MM/dd/yyyy' }, // MM/dd/yyyy
+            { regex: /^(\d{2})\/(\d{2})\/(\d{4})$/, format: 'dd/MM/yyyy' }, // dd/MM/yyyy
+            { regex: /^(\d{4})-(\d{2})-(\d{2})$/, format: 'yyyy-MM-dd' }, // yyyy-MM-dd
+            // Ranges
+            {
+                regex: /^(\d{2})\.(\d{2})\.(\d{4})\s*-\s*(\d{2})\.(\d{2})\.(\d{4})$/,
+                format: 'dd.MM.yyyy - dd.MM.yyyy',
+            },
+            {
+                regex: /^(\d{1,2})\.(\d{1,2})\.(\d{4})\s*-\s*(\d{1,2})\.(\d{1,2})\.(\d{4})$/,
+                format: 'd.M.yyyy - d.M.yyyy',
+            },
+            {
+                regex: /^(\d{2})\/(\d{2})\/(\d{4})\s*-\s*(\d{2})\/(\d{2})\/(\d{4})$/,
+                format: 'MM/dd/yyyy - MM/dd/yyyy',
+            },
+            {
+                regex: /^(\d{2})\/(\d{2})\/(\d{4})\s*-\s*(\d{2})\/(\d{2})\/(\d{4})$/,
+                format: 'dd/MM/yyyy - dd/MM/yyyy',
+            },
+            {
+                regex: /^(\d{4})-(\d{2})-(\d{2})\s*-\s*(\d{4})-(\d{2})-(\d{2})$/,
+                format: 'yyyy-MM-dd - yyyy-MM-dd',
+            },
+        ];
+        for (const { regex, format } of patterns) {
+            const match = dateStr.match(regex);
+            if (match) {
+                // Handle ranges
+                if (format.includes(' - ')) {
+                    // Extract start and end dates from the match groups
+                    const startDateStr = match[0].split(' - ')[0];
+                    const endDateStr = match[0].split(' - ')[1];
+                    // Parse both start and end dates
+                    const startDate = DateTime.fromFormat(startDateStr, this.dateFormat || format.split(' - ')[0]).toJSDate();
+                    console.log('startDateStr', startDateStr);
+                    console.log(format.split(' - ')[0]);
+                    console.log('startDate', startDate);
+                    const endDate = DateTime.fromFormat(endDateStr, this.dateFormat || format.split(' - ')[1]).toJSDate();
+                    return [startDate, endDate];
+                }
+                else {
+                    // Single date match
+                    return DateTime.fromFormat(dateStr, this.dateFormat || format).toJSDate();
+                }
             }
-          }
-        ] : []
-      ],
-      onSelect: ({
-        date: e,
-        formattedDate: t,
-        datepicker: a
-      }) => {
-        if (Array.isArray(e) && e.length === 2) {
-          const i = e[0].toISOString(), s = e[1].toISOString();
-          this.value = [i, s];
-        } else e instanceof Date ? this.value = e.toISOString() : (Array.isArray(e) && e.length === 0 || !e) && (this.value = void 0);
-        this.onChange && this.onChange(this.value), this.displayValue = t;
-      }
-    });
-  }
-  firstUpdated() {
-    this.reinitializeDatePicker(), document.addEventListener("click", this.handleOutsideClick, { capture: !0 });
-  }
-  openSubmenu(e) {
-    this.isSubmenuOpen = e;
-  }
-  getLocale() {
-    const e = this.userLang || localStorage.getItem("userLang") || "cs";
-    return S.get(e);
-  }
-  handleDateInput(e) {
-    const t = this._parseDate(e);
-    t && this.datePicker.selectDate(t), e === "" && this.datePicker.clear();
-  }
-  _parseDate(e) {
-    const t = [
-      { regex: /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/, format: "d.M.yyyy" },
-      // d.M.yyyy
-      { regex: /^(\d{2})\.(\d{2})\.(\d{4})$/, format: "dd.MM.yyyy" },
-      // dd.MM.yyyy
-      { regex: /^(\d{2})\/(\d{2})\/(\d{4})$/, format: "MM/dd/yyyy" },
-      // MM/dd/yyyy
-      { regex: /^(\d{2})\/(\d{2})\/(\d{4})$/, format: "dd/MM/yyyy" },
-      // dd/MM/yyyy
-      { regex: /^(\d{4})-(\d{2})-(\d{2})$/, format: "yyyy-MM-dd" },
-      // yyyy-MM-dd
-      // Ranges
-      {
-        regex: /^(\d{2})\.(\d{2})\.(\d{4})\s*-\s*(\d{2})\.(\d{2})\.(\d{4})$/,
-        format: "dd.MM.yyyy - dd.MM.yyyy"
-      },
-      {
-        regex: /^(\d{1,2})\.(\d{1,2})\.(\d{4})\s*-\s*(\d{1,2})\.(\d{1,2})\.(\d{4})$/,
-        format: "d.M.yyyy - d.M.yyyy"
-      },
-      {
-        regex: /^(\d{2})\/(\d{2})\/(\d{4})\s*-\s*(\d{2})\/(\d{2})\/(\d{4})$/,
-        format: "MM/dd/yyyy - MM/dd/yyyy"
-      },
-      {
-        regex: /^(\d{2})\/(\d{2})\/(\d{4})\s*-\s*(\d{2})\/(\d{2})\/(\d{4})$/,
-        format: "dd/MM/yyyy - dd/MM/yyyy"
-      },
-      {
-        regex: /^(\d{4})-(\d{2})-(\d{2})\s*-\s*(\d{4})-(\d{2})-(\d{2})$/,
-        format: "yyyy-MM-dd - yyyy-MM-dd"
-      }
-    ];
-    for (const { regex: a, format: i } of t) {
-      const s = e.match(a);
-      if (s)
-        if (i.includes(" - ")) {
-          const p = s[0].split(" - ")[0], c = s[0].split(" - ")[1], u = l.fromFormat(p, this.dateFormat || i.split(" - ")[0]).toJSDate();
-          console.log("startDateStr", p), console.log(i.split(" - ")[0]), console.log("startDate", u);
-          const m = l.fromFormat(c, this.dateFormat || i.split(" - ")[1]).toJSDate();
-          return [u, m];
-        } else
-          return l.fromFormat(e, this.dateFormat || i).toJSDate();
+        }
+        return null;
     }
-    return null;
-  }
-  handleSetOperator(e) {
-    this.datePicker.update(
-      {
-        range: e === "fromTo",
-        selectedDates: []
-      },
-      { silent: !0 }
-    ), ["isEmpty", "isNotEmpty"].includes(e) || this.datePicker.show(), this.setOperator(e, { silent: !0 });
-  }
-  focus() {
-    var t;
-    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("input");
-    e == null || e.focus();
-  }
-  _handleClearButtonClick() {
-    this.datePicker.clear();
-  }
-  render() {
-    return h`
+    handleSetOperator(value) {
+        this.datePicker.update({
+            range: value === 'fromTo',
+            selectedDates: [],
+        }, { silent: true });
+        if (!['isEmpty', 'isNotEmpty'].includes(value)) {
+            // this.focus();
+            this.datePicker.show();
+        }
+        this.setOperator(value, { silent: true });
+    }
+    focus() {
+        const firstFocusable = this.shadowRoot?.querySelector('input');
+        firstFocusable?.focus();
+    }
+    _handleClearButtonClick() {
+        this.datePicker.clear();
+    }
+    render() {
+        return html `
             <div class="custom-icon-wrapper">
                 <input
                     id="dateInput"
                     class="inputs customCell"
                     type="text"
-                    placeholder="${d(this.placeholder)}"
-                    value="${this.displayValue || ""}"
+                    placeholder="${msg(this.placeholder)}"
+                    value="${this.displayValue || ''}"
                     @input=${(e) => this.debouncedHandleInput(e.target.value)}
                     .disabled="${this.disabled}"
                 />
                 <div
-                    class=${y({
-      "events-icon": !0,
-      "events-icon--no-filter": !this.server
-    })}
+                    class=${classMap({
+            'events-icon': true,
+            'events-icon--no-filter': !this.server,
+        })}
                     @click=${() => {
-      this.datePicker.show();
-    }}
+            this.datePicker.show();
+        }}
                 >
                     <lit-icon-button
                         icon="events"
@@ -247,15 +305,19 @@ let r = class extends v {
                         .disabled="${this.disabled}"
                     ></lit-icon-button>
                 </div>
-                ${(!D(this.value) || this.operator === "isEmpty" || this.operator === "isNotEmpty") && !this.disableClearButton ? h`
+                ${(!isEmpty(this.value) ||
+            this.operator === 'isEmpty' ||
+            this.operator === 'isNotEmpty') &&
+            !this.disableClearButton
+            ? html `
                           <div
-                              class=${y({
-      "clear-icon": !0,
-      "clear-icon--no-filter": !this.server
-    })}
+                              class=${classMap({
+                'clear-icon': true,
+                'clear-icon--no-filter': !this.server,
+            })}
                               @click=${() => {
-      this._handleClearButtonClick();
-    }}
+                this._handleClearButtonClick();
+            }}
                           >
                               <lit-icon-button
                                   icon="close"
@@ -263,22 +325,27 @@ let r = class extends v {
                                   variant="text"
                               ></lit-icon-button>
                           </div>
-                      ` : ""}
-                ${this.server ? h`<lit-data-grid-operators-popover
+                      `
+            : ''}
+                ${this.server
+            ? html `<lit-data-grid-operators-popover
                           class="filter-icon"
-                          .type="${"date"}"
-                          .setOperator="${(e) => {
-      this.handleSetOperator(e);
-    }}"
+                          .type="${'date'}"
+                          .setOperator="${(value) => {
+                this.handleSetOperator(value);
+            }}"
                           .operator="${this.operator}"
                           @mousedown=${(e) => {
-      e.preventDefault(), e.stopPropagation();
-    }}
+                e.preventDefault();
+                e.stopPropagation();
+            }}
                           .disabled="${this.disabled}"
                           .filterOperators="${this.filterOperators}"
-                      ></lit-data-grid-operators-popover>` : null}
+                      ></lit-data-grid-operators-popover>`
+            : null}
             </div>
-            ${this.server ? h`<simple-popper
+            ${this.server
+            ? html `<simple-popper
                       placement="left-end"
                       manualOpening
                       .offset="${0}"
@@ -289,111 +356,126 @@ let r = class extends v {
                           <lit-menu-item
                               icon="events"
                               .onClick="${() => {
-      this.handleSetOperator("fromTo"), this.datePicker.update({
-        range: !0,
-        selectedDates: [
-          l.now().minus({ days: 7 }).toJSDate(),
-          /* @__PURE__ */ new Date()
-        ]
-      }), this.isSubmenuOpen = !1;
-    }}"
+                this.handleSetOperator('fromTo');
+                this.datePicker.update({
+                    range: true,
+                    selectedDates: [
+                        DateTime.now().minus({ days: 7 }).toJSDate(),
+                        new Date(),
+                    ],
+                });
+                this.isSubmenuOpen = false;
+            }}"
                           >
-                              ${d("Posledních 7 dní")}
+                              ${msg('Posledních 7 dní')}
                           </lit-menu-item>
                           <lit-menu-item
                               icon="events"
                               .onClick="${() => {
-      this.handleSetOperator("fromTo"), this.datePicker.update({
-        range: !0,
-        selectedDates: [
-          l.now().minus({ days: 14 }).toJSDate(),
-          /* @__PURE__ */ new Date()
-        ]
-      }), this.isSubmenuOpen = !1;
-    }}"
+                this.handleSetOperator('fromTo');
+                this.datePicker.update({
+                    range: true,
+                    selectedDates: [
+                        DateTime.now().minus({ days: 14 }).toJSDate(),
+                        new Date(),
+                    ],
+                });
+                this.isSubmenuOpen = false;
+            }}"
                           >
-                              ${d("Posledních 14 dní")}
+                              ${msg('Posledních 14 dní')}
                           </lit-menu-item>
                           <lit-menu-item
                               icon="events"
                               .onClick="${() => {
-      this.handleSetOperator("fromTo"), this.datePicker.update({
-        range: !0,
-        selectedDates: [
-          l.now().minus({ days: 30 }).toJSDate(),
-          /* @__PURE__ */ new Date()
-        ]
-      }), this.isSubmenuOpen = !1;
-    }}"
+                this.handleSetOperator('fromTo');
+                this.datePicker.update({
+                    range: true,
+                    selectedDates: [
+                        DateTime.now().minus({ days: 30 }).toJSDate(),
+                        new Date(),
+                    ],
+                });
+                this.isSubmenuOpen = false;
+            }}"
                           >
-                              ${d("Posledních 30 dní")}
+                              ${msg('Posledních 30 dní')}
                           </lit-menu-item>
                           <lit-menu-item
                               icon="events"
                               .onClick="${() => {
-      this.handleSetOperator("fromTo"), this.datePicker.update({
-        range: !0,
-        selectedDates: [
-          l.now().minus({ months: 1 }).startOf("month").toJSDate(),
-          /* @__PURE__ */ new Date()
-        ]
-      });
-    }}"
+                this.handleSetOperator('fromTo');
+                this.datePicker.update({
+                    range: true,
+                    selectedDates: [
+                        DateTime.now()
+                            .minus({ months: 1 })
+                            .startOf('month')
+                            .toJSDate(),
+                        new Date(),
+                    ],
+                });
+            }}"
                           >
-                              ${d("Poslední kalendářní měsíc")}
+                              ${msg('Poslední kalendářní měsíc')}
                           </lit-menu-item>
                           <lit-menu-item
                               icon="events"
                               .onClick="${() => {
-      this.handleSetOperator("fromTo");
-      const e = l.now();
-      e.quarter;
-      const t = e.minus({ quarters: 1 }), a = t.startOf("quarter"), i = t.endOf("quarter");
-      this.datePicker.update({
-        range: !0,
-        selectedDates: [
-          a.toJSDate(),
-          i.toJSDate()
-        ]
-      });
-    }}"
+                this.handleSetOperator('fromTo');
+                const now = DateTime.now();
+                const currentQuarter = now.quarter;
+                const lastQuarterDate = now.minus({ quarters: 1 });
+                const startOfLastQuarter = lastQuarterDate.startOf('quarter');
+                const endOfLastQuarter = lastQuarterDate.endOf('quarter');
+                this.datePicker.update({
+                    range: true,
+                    selectedDates: [
+                        startOfLastQuarter.toJSDate(),
+                        endOfLastQuarter.toJSDate(),
+                    ],
+                });
+            }}"
                           >
-                              ${d("Poslední kvartál")}
+                              ${msg('Poslední kvartál')}
                           </lit-menu-item>
                           <lit-menu-item
                               icon="events"
                               .onClick="${() => {
-      this.handleSetOperator("fromTo"), this.datePicker.update({
-        range: !0,
-        selectedDates: [
-          l.now().minus({ months: 12 }).toJSDate(),
-          /* @__PURE__ */ new Date()
-        ]
-      });
-    }}"
+                this.handleSetOperator('fromTo');
+                this.datePicker.update({
+                    range: true,
+                    selectedDates: [
+                        DateTime.now().minus({ months: 12 }).toJSDate(),
+                        new Date(),
+                    ],
+                });
+            }}"
                           >
-                              ${d("Poslední 12 měsíců")}
+                              ${msg('Poslední 12 měsíců')}
                           </lit-menu-item>
                           <lit-menu-item
                               icon="events"
                               .onClick="${() => {
-      this.handleSetOperator("fromTo"), this.datePicker.update({
-        range: !0,
-        selectedDates: [
-          l.now().startOf("year").toJSDate(),
-          l.now().endOf("year").toJSDate()
-        ]
-      });
-    }}"
+                this.handleSetOperator('fromTo');
+                this.datePicker.update({
+                    range: true,
+                    selectedDates: [
+                        DateTime.now().startOf('year').toJSDate(),
+                        DateTime.now().endOf('year').toJSDate(),
+                    ],
+                });
+            }}"
                           >
-                              ${d("Poslední kalendářní rok")}
+                              ${msg('Poslední kalendářní rok')}
                           </lit-menu-item>
                       </lit-menu>
-                  </simple-popper>` : ""}
+                  </simple-popper>`
+            : ''}
         `;
-  }
+    }
 };
-r.styles = T`
+LitDatePicker.styles = css `
         .custom-icon-wrapper {
             position: relative;
             width: 100%;
@@ -466,60 +548,59 @@ r.styles = T`
             pointer-events: auto;
         }
     `;
-o([
-  n({ type: String })
-], r.prototype, "dateFormat", 2);
-o([
-  n({ type: String })
-], r.prototype, "pickerVariant", 2);
-o([
-  n({ type: String })
-], r.prototype, "value", 2);
-o([
-  n({ type: String })
-], r.prototype, "userLang", 2);
-o([
-  n({ type: String })
-], r.prototype, "placeholder", 2);
-o([
-  n({ type: Function })
-], r.prototype, "onChange", 2);
-o([
-  n({ type: Boolean })
-], r.prototype, "disableClearButton", 2);
-o([
-  n({ type: Boolean })
-], r.prototype, "range", 2);
-o([
-  n({ type: Boolean })
-], r.prototype, "server", 2);
-o([
-  n({ type: String })
-], r.prototype, "operator", 2);
-o([
-  n({ type: Boolean })
-], r.prototype, "disabled", 2);
-o([
-  n({ type: Function })
-], r.prototype, "setOperator", 2);
-o([
-  n({ type: Array })
-], r.prototype, "filterOperators", 2);
-o([
-  f()
-], r.prototype, "displayValue", 2);
-o([
-  g("#dateInput")
-], r.prototype, "dateInputEl", 2);
-o([
-  f()
-], r.prototype, "isSubmenuOpen", 2);
-o([
-  g("simple-popper")
-], r.prototype, "simplePopperEl", 2);
-r = o([
-  b("lit-date-picker")
-], r);
-export {
-  r as LitDatePicker
-};
+__decorate([
+    property({ type: String })
+], LitDatePicker.prototype, "dateFormat", void 0);
+__decorate([
+    property({ type: String })
+], LitDatePicker.prototype, "pickerVariant", void 0);
+__decorate([
+    property({ type: String })
+], LitDatePicker.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], LitDatePicker.prototype, "userLang", void 0);
+__decorate([
+    property({ type: String })
+], LitDatePicker.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Function })
+], LitDatePicker.prototype, "onChange", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitDatePicker.prototype, "disableClearButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitDatePicker.prototype, "range", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitDatePicker.prototype, "server", void 0);
+__decorate([
+    property({ type: String })
+], LitDatePicker.prototype, "operator", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitDatePicker.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Function })
+], LitDatePicker.prototype, "setOperator", void 0);
+__decorate([
+    property({ type: Array })
+], LitDatePicker.prototype, "filterOperators", void 0);
+__decorate([
+    state()
+], LitDatePicker.prototype, "displayValue", void 0);
+__decorate([
+    query('#dateInput')
+], LitDatePicker.prototype, "dateInputEl", void 0);
+__decorate([
+    state()
+], LitDatePicker.prototype, "isSubmenuOpen", void 0);
+__decorate([
+    query('simple-popper')
+], LitDatePicker.prototype, "simplePopperEl", void 0);
+LitDatePicker = __decorate([
+    customElement('lit-date-picker')
+], LitDatePicker);
+export { LitDatePicker };
+//# sourceMappingURL=lit-date-picker.js.map