@nuralyui/datepicker 0.0.1

package/date-picker.component.js

@@ -0,0 +1,478 @@
+/* eslint-disable no-case-declarations */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * @license
+ * Copyright 2023 Google Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+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;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { LitElement, html, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import dayjs from 'dayjs';
+import '../input/input.component.js';
+import '../icon/icon.component.js';
+import '../button/hy-button.component.js';
+import { getMonthDetails } from './core/month.helper.js';
+import { styles } from './date-picker.style.js';
+import { Mode } from './datepicker.types.js';
+import { renderMonthsTemplate } from './templates/months.template.js';
+import { renderYearsTemplate } from './templates/years.template.js';
+import { renderDays } from './templates/days.template.js';
+import { oneToTwoDigit } from './core/formatter.js';
+import { capitalizeFirstLetter } from './core/string.helper.js';
+import './core/locale.helper.js';
+import { EMPTY_STRING } from './constants.js';
+let HyDatePickerElement = class HyDatePickerElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.today = dayjs();
+        this.locale = 'en';
+        this.mode = Mode.Day;
+        this.range = false;
+        this.prevMode = this.mode;
+        this.openedCalendar = false;
+        this.monthsShort = dayjs().localeData().monthsShort();
+        this.months = dayjs().localeData().months();
+        this.days = dayjs().localeData().weekdays();
+        this.weekdaysShort = dayjs().localeData().weekdaysShort();
+        this.currentYear = this.today.year();
+        this.currentDay = this.today.date();
+        this.currentMonth = this.today.month() + 1;
+        this.inputFieldValue = '';
+        this.fieldFormat = 'DD/MM/YYYY';
+        this.dateValue = '';
+        this.navigationDates = {
+            start: {
+                year: this.currentYear,
+                month: this.currentMonth,
+                day: this.currentDay,
+            },
+        };
+        this.size = "medium" /* INPUT_SIZE.Medium */;
+        this.state = "default" /* INPUT_STATE.Default */;
+        this.disabled = false;
+        this.INPUT_TYPE = 'calendar';
+        this.positionCalendar = () => __awaiter(this, void 0, void 0, function* () {
+            if (this.openedCalendar) {
+                yield this.updateComplete;
+                const dateInput = this.shadowRoot.querySelector('#date-input');
+                const calendarHeight = this.calendarContainer.getBoundingClientRect().height;
+                const dateInputRect = dateInput.getBoundingClientRect();
+                const availableBottomSpace = window.visualViewport.height - dateInputRect.bottom;
+                const availableTopSpace = dateInputRect.top;
+                this.calendarContainer.style.removeProperty('top');
+                this.calendarContainer.style.removeProperty('position');
+                if (calendarHeight > availableBottomSpace && availableTopSpace > calendarHeight) {
+                    const inputElement = dateInput.shadowRoot.querySelector('#input-container');
+                    const inputBorderTop = +getComputedStyle(inputElement).borderTopWidth.split('px')[0];
+                    this.calendarContainer.style.top = `${availableTopSpace - calendarHeight - inputBorderTop}px`;
+                    this.calendarContainer.style.position = 'fixed';
+                }
+            }
+        });
+        this.selectMonth = (selectedMonth) => {
+            const _month = selectedMonth + 1 > 11 && this.range ? 11 : selectedMonth + 1;
+            this.navigationDates.start.month = _month;
+            this.navigationDates = Object.assign({}, this.navigationDates);
+            //TODO: handle mainMode
+            if (this.mode == Mode.Month) {
+                this.currentDay = 1;
+                this.openedCalendar = false;
+            }
+            else {
+                this.prevMode = Mode.Day;
+            }
+        };
+        this.selectYear = (selectedYear) => {
+            this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: Object.assign(Object.assign({}, this.navigationDates.start), { year: selectedYear }) });
+            //TODO: handle mainMode
+            if (this.mode == Mode.Year) {
+                this.currentDay = 1;
+                this.currentMonth = 1;
+                this.openedCalendar = false;
+            }
+            else {
+                this.prevMode = Mode.Month;
+            }
+        };
+        this.selectDay = (selectedDay) => {
+            if (!this.range) {
+                this.currentDay = Number(oneToTwoDigit(selectedDay.date));
+                this.currentMonth = selectedDay.month + 1;
+                this.currentYear = selectedDay.year;
+                const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;
+                this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: {
+                        month: _month,
+                        day: this.currentDay,
+                        year: selectedDay.year,
+                    } });
+            }
+            else {
+                this.selectDateRange(selectedDay);
+            }
+            //TODO: handle mainMode
+            this.prevMode = Mode.Day;
+            if (!this.range)
+                this.openedCalendar = false;
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('click', this._onClickOutside.bind(this));
+        document.addEventListener('scroll', this.positionCalendar);
+    }
+    firstUpdated() {
+        if (this.range) {
+            this.endYear = this.currentYear;
+            this.endMonth = this.currentMonth;
+            this.endDay = this.currentDay;
+        }
+        this.fillInputField();
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('fieldFormat')) {
+            this.fillInputField();
+        }
+        if (changedProperties.has('openedCalendar') && this.openedCalendar) {
+            this.daysPresentation = getMonthDetails(this.currentYear, this.currentMonth - 1, this.days);
+            this.positionCalendar();
+        }
+        if (changedProperties.has('dateValue') && this.dateValue) {
+            const dateObj = dayjs(this.dateValue, this.fieldFormat, true);
+            if (dateObj.isValid()) {
+                const { years, months, date } = dateObj.toObject();
+                this.currentYear = years;
+                this.currentMonth = months + 1;
+                this.currentDay = date;
+                this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: { year: years, month: months + 1, day: date } });
+            }
+        }
+        if ((changedProperties.has('currentDay') && changedProperties.get('currentDay')) ||
+            (changedProperties.has('currentMonth') && changedProperties.get('currentMonth')) ||
+            (changedProperties.has('currentYear') && changedProperties.get('currentYear'))) {
+            this.fillInputField();
+            this.dispatchDateChange();
+        }
+        if (changedProperties.has('locale')) {
+            this.updateLocale(this.locale);
+        }
+    }
+    _onClickOutside(e) {
+        if (!e.composedPath().includes(this)) {
+            this.openedCalendar = false;
+        }
+    }
+    toggleCaldendar() {
+        this.openedCalendar = !this.openedCalendar;
+    }
+    fillInputField() {
+        this.inputFieldValue = this.range
+            ? dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat) +
+                '-' +
+                dayjs(`${this.endYear}-${this.endMonth}-${this.endDay}`).format(this.fieldFormat)
+            : dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat);
+    }
+    dispatchDateChange() {
+        this.dispatchEvent(new CustomEvent('date-change', { bubbles: true, composed: true, detail: { value: this.inputFieldValue } }));
+    }
+    updateLocale(locale) {
+        dayjs.locale(locale);
+        this.monthsShort = dayjs().localeData().monthsShort();
+        this.months = dayjs().localeData().months();
+        this.weekdaysShort = dayjs().localeData().weekdaysShort();
+        this.days = dayjs().localeData().weekdays();
+    }
+    nextYear() {
+        let startYear = this.navigationDates.start.year;
+        this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: Object.assign(Object.assign({}, this.navigationDates.start), { year: ++startYear }) });
+    }
+    prevYear() {
+        let startYear = this.navigationDates.start.year;
+        this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: Object.assign(Object.assign({}, this.navigationDates.start), { year: --startYear }) });
+    }
+    nextMonth() {
+        const { start } = this.navigationDates;
+        let startMonth = start.month;
+        let startYear = start.year;
+        if ((startMonth == 11 && this.range) || startMonth == 12) {
+            startMonth = 1;
+            startYear++;
+        }
+        else {
+            startMonth++;
+        }
+        this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: {
+                day: this.navigationDates.start.day,
+                month: startMonth,
+                year: startYear,
+            } });
+    }
+    prevMonth() {
+        const { start } = this.navigationDates;
+        let startMonth = start.month;
+        let startYear = start.year;
+        if (startMonth >= 2) {
+            startMonth = --startMonth;
+        }
+        else {
+            if (this.range)
+                startMonth = 11;
+            else
+                startMonth = 12;
+            startYear = --startYear;
+        }
+        this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: {
+                day: this.navigationDates.start.day,
+                year: startYear,
+                month: startMonth,
+            } });
+    }
+    selectDateRange(selectedDay) {
+        const selectedDateDay = selectedDay.date;
+        const selectedDateMonth = selectedDay.month;
+        const selectedDateYear = selectedDay.year;
+        const selectedDate = new Date(selectedDateYear, selectedDateMonth, selectedDateDay);
+        const endDateDay = this.endDay;
+        const endDateMonth = this.endMonth - 1;
+        const endDateYear = this.endYear;
+        const endDate = new Date(endDateYear, endDateMonth, endDateDay);
+        const startDateDay = this.currentDay;
+        const startDateMonth = this.currentMonth - 1;
+        const startDateYear = this.currentYear;
+        const startDate = new Date(startDateYear, startDateMonth, startDateDay);
+        if (!startDate ||
+            (endDate &&
+                startDate &&
+                (selectedDate.getTime() < startDate.getTime() || selectedDate.getTime() < endDate.getTime())) ||
+            (startDate && !endDate && selectedDate.getTime() < startDate.getTime())) {
+            this.currentDay = Number(oneToTwoDigit(selectedDay.date));
+            this.currentMonth = selectedDay.month + 1;
+            this.currentYear = selectedDay.year;
+            const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;
+            this.navigationDates = Object.assign(Object.assign({}, this.navigationDates), { start: {
+                    month: _month,
+                    day: this.currentDay,
+                    year: selectedDay.year,
+                } });
+        }
+        else if ((startDate && !endDate && selectedDate.getTime() > startDate.getTime()) ||
+            (startDate && selectedDate.getTime() > startDate.getTime()) ||
+            (endDate && startDate && selectedDate.getTime() > endDate.getTime())) {
+            const _month = selectedDay.month + 1 > 12 ? 11 : selectedDay.month + 1;
+            this.endDay = Number(oneToTwoDigit(selectedDay.date));
+            this.endMonth = _month;
+            this.endYear = selectedDay.year;
+        }
+    }
+    toggleMonthView() {
+        if (this.prevMode != Mode.Month) {
+            this.prevMode = Mode.Month;
+        }
+    }
+    toggleYearView() {
+        if (this.prevMode != Mode.Year) {
+            this.prevMode = Mode.Year;
+        }
+    }
+    inputChanged(inputChangedEvent) {
+        this.dateValue = inputChangedEvent.detail.value;
+    }
+    onFocus() {
+        this.openedCalendar = true;
+    }
+    renderContainer(isRange = false) {
+        switch (this.prevMode) {
+            case Mode.Day:
+                return renderDays(this.weekdaysShort, this.navigationDates, this.selectDay, {
+                    curentYear: this.currentYear,
+                    currentMonth: this.currentMonth,
+                    currentDay: this.currentDay,
+                    endYear: this.endYear,
+                    endMonth: this.endMonth,
+                    endDay: this.endDay,
+                }, isRange, this.days);
+            case Mode.Month:
+                return renderMonthsTemplate(this.monthsShort, this.currentMonth, this.selectMonth);
+            case Mode.Year:
+                return renderYearsTemplate(this.navigationDates.start.year, this.selectYear);
+            default:
+                return nothing;
+        }
+    }
+    renderCalendarHeader() {
+        return html `
+      <div class="year-month-header">
+        ${this.mode !== Mode.Year
+            ? html `<hy-button @click=${this.toggleMonthView} class="toggle-month-view">
+                ${capitalizeFirstLetter(this.months[this.navigationDates.start.month - 1])}
+                ${this.range && this.prevMode === Mode.Day
+                ? ' - ' + capitalizeFirstLetter(this.months[this.navigationDates.start.month])
+                : nothing}
+              </hy-button> `
+            : nothing}  
+        
+        <div class="current-year-container">
+          <hy-button class="toggle-year-view" @click=${this.toggleYearView}>${this.navigationDates.start.year}</hy-button>
+          <div class="year-icons-toggler">
+            <hy-button class="next-year" .icon=${['caret-up']} @click=${() => this.nextYear()}></hy-button>
+            <hy-button class="previous-year" .icon=${['caret-down']}  @click=${() => this.prevYear()}></hy-button>
+          </div>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    renderCalendar() {
+        return html ` <div
+      class="calendar-container ${this.range && this.prevMode === Mode.Day ? 'calendar-container-range' : EMPTY_STRING}"
+    >
+      <div class="calendar-header">
+        <hy-button
+          type="text"
+          class="header-prev-button prev-month"
+          .icon="${['angle-left']}"
+          @click=${() => this.prevMonth()}
+        ></hy-button>
+        ${this.renderCalendarHeader()}
+
+        <hy-button
+          type="text"
+          class="header-next-button next-month"
+          .icon="${['angle-right']}"
+          @click=${() => this.nextMonth()}
+        ></hy-button>
+      </div>
+      <span class="day-containers">
+        ${this.renderContainer()}
+        ${this.range && this.prevMode === Mode.Day ? this.renderContainer(this.range) : nothing}
+      </span>
+    </div>`;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this._onClickOutside.bind(this));
+        document.removeEventListener('scroll', this.positionCalendar);
+    }
+    render() {
+        return html `
+      <hy-input
+        id="date-input"
+        .type=${this.INPUT_TYPE}
+        .value=${this.inputFieldValue}
+        .size=${this.size}
+        .state=${this.state}
+        .disabled=${this.disabled}
+        @valueChange=${this.inputChanged}
+        @focus=${this.onFocus}
+      >
+        ${this.label ? html ` <span slot="label">${this.label}</span> ` : nothing}
+        ${this.helper ? html ` <span slot="helper-text">${this.helper}</span> ` : nothing}
+      </hy-input>
+      ${this.openedCalendar ? this.renderCalendar() : nothing}
+    `;
+    }
+};
+HyDatePickerElement.styles = styles;
+__decorate([
+    property({ type: String })
+], HyDatePickerElement.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], HyDatePickerElement.prototype, "locale", void 0);
+__decorate([
+    property({ reflect: true })
+], HyDatePickerElement.prototype, "mode", void 0);
+__decorate([
+    property({ type: Boolean })
+], HyDatePickerElement.prototype, "range", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "prevMode", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], HyDatePickerElement.prototype, "openedCalendar", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "monthsShort", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "months", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "days", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "weekdaysShort", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "currentYear", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "currentDay", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "currentMonth", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "endYear", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "endDay", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "endMonth", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "inputFieldValue", void 0);
+__decorate([
+    property({ type: String })
+], HyDatePickerElement.prototype, "fieldFormat", void 0);
+__decorate([
+    property({ type: String })
+], HyDatePickerElement.prototype, "dateValue", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "navigationDates", void 0);
+__decorate([
+    query('#date-input')
+], HyDatePickerElement.prototype, "dateInput", void 0);
+__decorate([
+    query('.calendar-container')
+], HyDatePickerElement.prototype, "calendarContainer", void 0);
+__decorate([
+    state()
+], HyDatePickerElement.prototype, "daysPresentation", void 0);
+__decorate([
+    property()
+], HyDatePickerElement.prototype, "size", void 0);
+__decorate([
+    property()
+], HyDatePickerElement.prototype, "state", void 0);
+__decorate([
+    property()
+], HyDatePickerElement.prototype, "label", void 0);
+__decorate([
+    property()
+], HyDatePickerElement.prototype, "helper", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], HyDatePickerElement.prototype, "disabled", void 0);
+HyDatePickerElement = __decorate([
+    customElement('hy-datepicker')
+], HyDatePickerElement);
+export { HyDatePickerElement };
+//# sourceMappingURL=date-picker.component.js.map

package/date-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-case-declarations */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport {LitElement, html, nothing, PropertyValues, TemplateResult} from 'lit';\nimport {customElement, property, query, state} from 'lit/decorators.js';\nimport dayjs from 'dayjs';\nimport '../input/input.component.js';\nimport '../icon/icon.component.js';\nimport '../button/hy-button.component.js';\nimport {getMonthDetails} from './core/month.helper.js';\nimport {styles} from './date-picker.style.js';\nimport {IDayPresentation, INavigationDate, Mode} from './datepicker.types.js';\nimport {renderMonthsTemplate} from './templates/months.template.js';\nimport {renderYearsTemplate} from './templates/years.template.js';\nimport {renderDays} from './templates/days.template.js';\nimport {oneToTwoDigit} from './core/formatter.js';\nimport {capitalizeFirstLetter} from './core/string.helper.js';\nimport './core/locale.helper.js';\nimport {INPUT_SIZE, INPUT_STATE} from '../input/input.constant.js';\nimport {EMPTY_STRING} from './constants.js';\n\n@customElement('hy-datepicker')\nexport class HyDatePickerElement extends LitElement {\n  today = dayjs();\n\n  @property({type: String})\n  name!: string;\n  @property({type: String})\n  locale = 'en';\n\n  @property({reflect: true})\n  mode = Mode.Day;\n\n  @property({type: Boolean})\n  range = false;\n\n  @state()\n  prevMode = this.mode;\n\n  @property({reflect: true, type: Boolean})\n  openedCalendar = false;\n\n  @state()\n  monthsShort = dayjs().localeData().monthsShort()\n  \n  @state()\n  months = dayjs().localeData().months();\n\n  @state()\n  days = dayjs().localeData().weekdays();\n\n  @state()\n  weekdaysShort = dayjs().localeData().weekdaysShort();\n\n  @state()\n  currentYear = this.today.year();\n\n  @state()\n  currentDay = this.today.date();\n\n  @state()\n  currentMonth = this.today.month() + 1;\n\n  @state()\n  endYear!: number;\n\n  @state()\n  endDay!: number;\n\n  @state()\n  endMonth!: number;\n\n  @state()\n  inputFieldValue = '';\n\n  @property({type: String})\n  fieldFormat = 'DD/MM/YYYY';\n\n  @property({type: String})\n  dateValue = '';\n\n  @state()\n  navigationDates: INavigationDate = {\n    start: {\n      year: this.currentYear,\n      month: this.currentMonth,\n      day: this.currentDay,\n    },\n  };\n\n  @query('#date-input')\n  dateInput!: HTMLElement;\n\n  @query('.calendar-container')\n  calendarContainer!: HTMLElement;\n\n  @state()\n  daysPresentation!: IDayPresentation[];\n\n  @property()\n  size = INPUT_SIZE.Medium;\n\n  @property()\n  state = INPUT_STATE.Default;\n\n  @property()\n  label!: string;\n\n  @property()\n  helper!: string;\n\n  @property({reflect: true, type: Boolean})\n  disabled = false;\n\n  INPUT_TYPE = 'calendar';\n\n  static override styles = styles;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._onClickOutside.bind(this));\n    document.addEventListener('scroll', this.positionCalendar);\n  }\n  override firstUpdated() {\n    if (this.range) {\n      this.endYear = this.currentYear;\n      this.endMonth = this.currentMonth;\n      this.endDay = this.currentDay;\n    }\n    this.fillInputField()\n  }\n  override willUpdate(changedProperties: PropertyValues) {\n   if(changedProperties.has('fieldFormat')){\n    this.fillInputField()\n   }\n    if (changedProperties.has('openedCalendar') && this.openedCalendar) {\n      this.daysPresentation = getMonthDetails(this.currentYear, this.currentMonth - 1, this.days);\n      this.positionCalendar();\n    }\n    if (changedProperties.has('dateValue') && this.dateValue) {\n      const dateObj = dayjs(this.dateValue, this.fieldFormat, true);\n      if (dateObj.isValid()) {\n        const {years, months, date} = dateObj.toObject();\n        this.currentYear = years;\n        this.currentMonth = months + 1;\n        this.currentDay = date;\n        this.navigationDates = {...this.navigationDates, start: {year: years, month: months + 1, day: date}};\n      }\n    }\n    if (\n      (changedProperties.has('currentDay') && changedProperties.get('currentDay')) ||\n      (changedProperties.has('currentMonth') && changedProperties.get('currentMonth')) ||\n      (changedProperties.has('currentYear') && changedProperties.get('currentYear'))\n    ) { \n      this.fillInputField()\n      this.dispatchDateChange();\n    }\n    if (changedProperties.has('locale')) {\n      this.updateLocale(this.locale);\n    }\n  }\n\n  _onClickOutside(e: MouseEvent) {\n    if (!e.composedPath().includes(this)) {\n      this.openedCalendar = false;\n    }\n  }\n\n  toggleCaldendar() {\n    this.openedCalendar = !this.openedCalendar;\n  }\n  fillInputField(){\n    this.inputFieldValue = this.range\n      ? dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat) +\n        '-' +\n        dayjs(`${this.endYear}-${this.endMonth}-${this.endDay}`).format(this.fieldFormat)\n      : dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat);\n  }\n\n  dispatchDateChange() {\n    this.dispatchEvent(\n      new CustomEvent('date-change', {bubbles: true, composed: true, detail: {value: this.inputFieldValue}})\n    );\n  }\n\n  positionCalendar = async () => {\n    if (this.openedCalendar) {\n      await this.updateComplete;\n      const dateInput = this.shadowRoot!.querySelector('#date-input')!;\n      const calendarHeight = this.calendarContainer.getBoundingClientRect().height;\n      const dateInputRect = dateInput.getBoundingClientRect();\n      const availableBottomSpace = window.visualViewport!.height - dateInputRect.bottom;\n      const availableTopSpace = dateInputRect.top;\n      this.calendarContainer.style.removeProperty('top');\n      this.calendarContainer.style.removeProperty('position');\n      if (calendarHeight > availableBottomSpace && availableTopSpace > calendarHeight) {\n        const inputElement = dateInput.shadowRoot!.querySelector('#input-container')!;\n        const inputBorderTop = +getComputedStyle(inputElement).borderTopWidth.split('px')[0];\n        this.calendarContainer.style.top = `${availableTopSpace - calendarHeight - inputBorderTop}px`;\n        this.calendarContainer.style.position = 'fixed';\n      }\n    }\n  };\n\n  updateLocale(locale: string): void {\n    dayjs.locale(locale);\n    this.monthsShort = dayjs().localeData().monthsShort();\n    this.months = dayjs().localeData().months();\n    this.weekdaysShort = dayjs().localeData().weekdaysShort();\n    this.days = dayjs().localeData().weekdays();\n  }\n\n  nextYear() {\n    let startYear = this.navigationDates.start.year;\n    this.navigationDates = {\n      ...this.navigationDates,\n      start: {\n        ...this.navigationDates.start,\n        year: ++startYear,\n      },\n    };\n  }\n\n  prevYear() {\n    let startYear = this.navigationDates.start.year;\n    this.navigationDates = {\n      ...this.navigationDates,\n      start: {\n        ...this.navigationDates.start,\n        year: --startYear,\n      },\n    };\n  }\n\n  nextMonth() {\n    const {start} = this.navigationDates;\n    let startMonth = start.month;\n    let startYear = start.year;\n    if ((startMonth == 11 && this.range) || startMonth == 12) {\n      startMonth = 1;\n      startYear++;\n    } else {\n      startMonth++;\n    }\n    this.navigationDates = {\n      ...this.navigationDates,\n      start: {\n        day: this.navigationDates.start.day,\n        month: startMonth,\n        year: startYear,\n      },\n    };\n  }\n\n  prevMonth() {\n    const {start} = this.navigationDates;\n    let startMonth = start.month;\n    let startYear = start.year;\n    if (startMonth >= 2) {\n      startMonth = --startMonth;\n    } else {\n      if (this.range) startMonth = 11;\n      else startMonth = 12;\n      startYear = --startYear;\n    }\n\n    this.navigationDates = {\n      ...this.navigationDates,\n      start: {\n        day: this.navigationDates.start.day,\n        year: startYear,\n        month: startMonth,\n      },\n    };\n  }\n\n  selectMonth = (selectedMonth: number): void => {\n    const _month = selectedMonth + 1 > 11 && this.range ? 11 : selectedMonth + 1;\n    this.navigationDates.start.month = _month;\n    this.navigationDates = {...this.navigationDates};\n    //TODO: handle mainMode\n    if (this.mode == Mode.Month) {\n      this.currentDay = 1;\n      this.openedCalendar = false;\n    } else {\n      this.prevMode = Mode.Day;\n    }\n  };\n\n  selectYear = (selectedYear: number): void => {\n    this.navigationDates = {\n      ...this.navigationDates,\n      start: {...this.navigationDates.start, year: selectedYear},\n    };\n\n    //TODO: handle mainMode\n    if (this.mode == Mode.Year) {\n      this.currentDay = 1;\n      this.currentMonth = 1;\n      this.openedCalendar = false;\n    } else {\n      this.prevMode = Mode.Month;\n    }\n  };\n\n  selectDay = (selectedDay: IDayPresentation): void => {\n    if (!this.range) {\n      this.currentDay = Number(oneToTwoDigit(selectedDay.date));\n      this.currentMonth = selectedDay.month + 1;\n      this.currentYear = selectedDay.year;\n      const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;\n      this.navigationDates = {\n        ...this.navigationDates,\n        start: {\n          month: _month,\n          day: this.currentDay,\n          year: selectedDay.year,\n        },\n      };\n    } else {\n      this.selectDateRange(selectedDay);\n    }\n\n    //TODO: handle mainMode\n    this.prevMode = Mode.Day;\n    if (!this.range) this.openedCalendar = false;\n  };\n  selectDateRange(selectedDay: IDayPresentation) {\n    const selectedDateDay = selectedDay.date;\n    const selectedDateMonth = selectedDay.month;\n    const selectedDateYear = selectedDay.year;\n    const selectedDate = new Date(selectedDateYear, selectedDateMonth, selectedDateDay);\n\n    const endDateDay = this.endDay;\n    const endDateMonth = this.endMonth - 1;\n    const endDateYear = this.endYear;\n    const endDate = new Date(endDateYear, endDateMonth, endDateDay);\n\n    const startDateDay = this.currentDay;\n    const startDateMonth = this.currentMonth - 1;\n    const startDateYear = this.currentYear;\n    const startDate = new Date(startDateYear, startDateMonth, startDateDay);\n\n    if (\n      !startDate ||\n      (endDate &&\n        startDate &&\n        (selectedDate.getTime() < startDate.getTime() || selectedDate.getTime() < endDate.getTime())) ||\n      (startDate && !endDate && selectedDate.getTime() < startDate.getTime())\n    ) {\n      this.currentDay = Number(oneToTwoDigit(selectedDay.date));\n      this.currentMonth = selectedDay.month + 1;\n      this.currentYear = selectedDay.year;\n      const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;\n      this.navigationDates = {\n        ...this.navigationDates,\n        start: {\n          month: _month,\n          day: this.currentDay,\n          year: selectedDay.year,\n        },\n      };\n    } else if (\n      (startDate && !endDate && selectedDate.getTime() > startDate.getTime()) ||\n      (startDate && selectedDate.getTime() > startDate.getTime()) ||\n      (endDate && startDate && selectedDate.getTime() > endDate.getTime())\n    ) {\n      const _month = selectedDay.month + 1 > 12 ? 11 : selectedDay.month + 1;\n      this.endDay = Number(oneToTwoDigit(selectedDay.date));\n      this.endMonth = _month;\n      this.endYear = selectedDay.year;\n    }\n  }\n  toggleMonthView(): void {\n    if (this.prevMode != Mode.Month) {\n      this.prevMode = Mode.Month;\n    }\n  }\n\n  toggleYearView(): void {\n    if (this.prevMode != Mode.Year) {\n      this.prevMode = Mode.Year;\n    }\n  }\n  inputChanged(inputChangedEvent: CustomEvent): void {\n    this.dateValue = inputChangedEvent.detail.value;\n  }\n  onFocus() {\n    this.openedCalendar = true;\n  }\n\n  renderContainer(isRange = false): TemplateResult | typeof nothing {\n    switch (this.prevMode) {\n      case Mode.Day:\n        return renderDays(\n          this.weekdaysShort,\n          this.navigationDates,\n          this.selectDay,\n          {\n            curentYear: this.currentYear,\n            currentMonth: this.currentMonth,\n            currentDay: this.currentDay,\n            endYear: this.endYear,\n            endMonth: this.endMonth,\n            endDay: this.endDay,\n          },\n          isRange,\n          this.days\n        );\n      case Mode.Month:\n        return renderMonthsTemplate(this.monthsShort, this.currentMonth, this.selectMonth);\n      case Mode.Year:\n        return renderYearsTemplate(this.navigationDates.start.year, this.selectYear);\n      default:\n        return nothing;\n    }\n  }\n\n  renderCalendarHeader() {\n    return html`\n      <div class=\"year-month-header\">\n        ${\n          this.mode !== Mode.Year\n            ? html`<hy-button @click=${this.toggleMonthView} class=\"toggle-month-view\">\n                ${capitalizeFirstLetter(this.months[this.navigationDates.start.month - 1])}\n                ${this.range && this.prevMode === Mode.Day\n                  ? ' - ' + capitalizeFirstLetter(this.months[this.navigationDates.start.month])\n                  : nothing}\n              </hy-button> `\n            : nothing\n        }  \n        \n        <div class=\"current-year-container\">\n          <hy-button class=\"toggle-year-view\" @click=${this.toggleYearView}>${\n      this.navigationDates.start.year\n    }</hy-button>\n          <div class=\"year-icons-toggler\">\n            <hy-button class=\"next-year\" .icon=${['caret-up']} @click=${() => this.nextYear()}></hy-button>\n            <hy-button class=\"previous-year\" .icon=${['caret-down']}  @click=${() => this.prevYear()}></hy-button>\n          </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  renderCalendar() {\n    return html` <div\n      class=\"calendar-container ${this.range && this.prevMode === Mode.Day ? 'calendar-container-range' : EMPTY_STRING}\"\n    >\n      <div class=\"calendar-header\">\n        <hy-button\n          type=\"text\"\n          class=\"header-prev-button prev-month\"\n          .icon=\"${['angle-left']}\"\n          @click=${() => this.prevMonth()}\n        ></hy-button>\n        ${this.renderCalendarHeader()}\n\n        <hy-button\n          type=\"text\"\n          class=\"header-next-button next-month\"\n          .icon=\"${['angle-right']}\"\n          @click=${() => this.nextMonth()}\n        ></hy-button>\n      </div>\n      <span class=\"day-containers\">\n        ${this.renderContainer()}\n        ${this.range && this.prevMode === Mode.Day ? this.renderContainer(this.range) : nothing}\n      </span>\n    </div>`;\n  }\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._onClickOutside.bind(this));\n    document.removeEventListener('scroll', this.positionCalendar);\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <hy-input\n        id=\"date-input\"\n        .type=${this.INPUT_TYPE}\n        .value=${this.inputFieldValue}\n        .size=${this.size}\n        .state=${this.state}\n        .disabled=${this.disabled}\n        @valueChange=${this.inputChanged}\n        @focus=${this.onFocus}\n      >\n        ${this.label ? html` <span slot=\"label\">${this.label}</span> ` : nothing}\n        ${this.helper ? html` <span slot=\"helper-text\">${this.helper}</span> ` : nothing}\n      </hy-input>\n      ${this.openedCalendar ? this.renderCalendar() : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hy-datepicker': HyDatePickerElement;\n  }\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'hy-datepicker':\n        | React.DetailedHTMLProps<React.HTMLAttributes<HyDatePickerElement>, HyDatePickerElement>\n        | Partial<HyDatePickerElement>;\n    }\n  }\n}"]}

package/date-picker.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult[];
+//# sourceMappingURL=date-picker.style.d.ts.map

package/date-picker.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.style.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.style.ts"],"names":[],"mappings":"AA8NA,eAAO,MAAM,MAAM,2BAAmB,CAAC"}