@nuralyui/datepicker 0.0.4 → 0.0.5

package/date-picker.component.js

@@ -1,475 +0,0 @@
-/* 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 { 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 `<nr-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}
-              </nr-button> `
-            : nothing}  
-        
-        <div class="current-year-container">
-          <nr-button class="toggle-year-view" @click=${this.toggleYearView}>${this.navigationDates.start.year}</nr-button>
-          <div class="year-icons-toggler">
-            <nr-button class="next-year" .icon=${['caret-up']} @click=${() => this.nextYear()}></nr-button>
-            <nr-button class="previous-year" .icon=${['caret-down']}  @click=${() => this.prevYear()}></nr-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">
-        <nr-button
-          type="text"
-          class="header-prev-button prev-month"
-          .icon="${['angle-left']}"
-          @click=${() => this.prevMonth()}
-        ></nr-button>
-        ${this.renderCalendarHeader()}
-
-        <nr-button
-          type="text"
-          class="header-next-button next-month"
-          .icon="${['angle-right']}"
-          @click=${() => this.nextMonth()}
-        ></nr-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

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.component.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uDAAuD;AACvD;;;;GAIG;;;;;;;;;;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAkC,MAAM,KAAK,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAqC,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,UAAU;IAAnD;;QACE,UAAK,GAAG,KAAK,EAAE,CAAC;QAKhB,WAAM,GAAG,IAAI,CAAC;QAGd,SAAI,GAAG,IAAI,CAAC,GAAG,CAAC;QAGhB,UAAK,GAAG,KAAK,CAAC;QAGd,aAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAGrB,mBAAc,GAAG,KAAK,CAAC;QAGvB,gBAAW,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,CAAA;QAGhD,WAAM,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC;QAGvC,SAAI,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC;QAGvC,kBAAa,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,aAAa,EAAE,CAAC;QAGrD,gBAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAGhC,eAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAG/B,iBAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAYtC,oBAAe,GAAG,EAAE,CAAC;QAGrB,gBAAW,GAAG,YAAY,CAAC;QAG3B,cAAS,GAAG,EAAE,CAAC;QAGf,oBAAe,GAAoB;YACjC,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,CAAC,WAAW;gBACtB,KAAK,EAAE,IAAI,CAAC,YAAY;gBACxB,GAAG,EAAE,IAAI,CAAC,UAAU;aACrB;SACF,CAAC;QAYF,SAAI,oCAAqB;QAGzB,UAAK,uCAAuB;QAS5B,aAAQ,GAAG,KAAK,CAAC;QAEjB,eAAU,GAAG,UAAU,CAAC;QAuExB,qBAAgB,GAAG,GAAS,EAAE;YAC5B,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,MAAM,IAAI,CAAC,cAAc,CAAC;gBAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,aAAa,CAAE,CAAC;gBACjE,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;gBAC7E,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;gBACxD,MAAM,oBAAoB,GAAG,MAAM,CAAC,cAAe,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;gBAClF,MAAM,iBAAiB,GAAG,aAAa,CAAC,GAAG,CAAC;gBAC5C,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBACnD,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;gBACxD,IAAI,cAAc,GAAG,oBAAoB,IAAI,iBAAiB,GAAG,cAAc,EAAE;oBAC/E,MAAM,YAAY,GAAG,SAAS,CAAC,UAAW,CAAC,aAAa,CAAC,kBAAkB,CAAE,CAAC;oBAC9E,MAAM,cAAc,GAAG,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;oBACrF,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,iBAAiB,GAAG,cAAc,GAAG,cAAc,IAAI,CAAC;oBAC9F,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;iBACjD;aACF;QACH,CAAC,CAAA,CAAC;QA0EF,gBAAW,GAAG,CAAC,aAAqB,EAAQ,EAAE;YAC5C,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC;YAC7E,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YAC1C,IAAI,CAAC,eAAe,qBAAO,IAAI,CAAC,eAAe,CAAC,CAAC;YACjD,uBAAuB;YACvB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;gBAC3B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;gBACpB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;aAC7B;iBAAM;gBACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC;aAC1B;QACH,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,YAAoB,EAAQ,EAAE;YAC1C,IAAI,CAAC,eAAe,mCACf,IAAI,CAAC,eAAe,KACvB,KAAK,kCAAM,IAAI,CAAC,eAAe,CAAC,KAAK,KAAE,IAAI,EAAE,YAAY,MAC1D,CAAC;YAEF,uBAAuB;YACvB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;gBAC1B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;gBACpB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;gBACtB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;aAC7B;iBAAM;gBACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;aAC5B;QACH,CAAC,CAAC;QAEF,cAAS,GAAG,CAAC,WAA6B,EAAQ,EAAE;YAClD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACf,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC1D,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;gBAC1C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC;gBACpC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;gBAC7E,IAAI,CAAC,eAAe,mCACf,IAAI,CAAC,eAAe,KACvB,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,GAAG,EAAE,IAAI,CAAC,UAAU;wBACpB,IAAI,EAAE,WAAW,CAAC,IAAI;qBACvB,GACF,CAAC;aACH;iBAAM;gBACL,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;aACnC;YAED,uBAAuB;YACvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,KAAK;gBAAE,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC/C,CAAC,CAAC;IA0KJ,CAAC;IA1XU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACpE,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC;IACQ,YAAY;QACnB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC;YAClC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;SAC/B;QACD,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IACQ,UAAU,CAAC,iBAAiC;QACpD,IAAG,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAC;YACvC,IAAI,CAAC,cAAc,EAAE,CAAA;SACrB;QACA,IAAI,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;YAClE,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5F,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;YACxD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC9D,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE;gBACrB,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;gBACjD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBACzB,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAC,CAAC;gBAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,eAAe,mCAAO,IAAI,CAAC,eAAe,KAAE,KAAK,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAC,GAAC,CAAC;aACtG;SACF;QACD,IACE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YAC5E,CAAC,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAChF,CAAC,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,EAC9E;YACA,IAAI,CAAC,cAAc,EAAE,CAAA;YACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACnC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAChC;IACH,CAAC;IAED,eAAe,CAAC,CAAa;QAC3B,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YACpC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;SAC7B;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;IAC7C,CAAC;IACD,cAAc;QACZ,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK;YAC/B,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;gBAC7F,GAAG;gBACH,KAAK,CAAC,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;YACnF,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACpG,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAC,EAAC,CAAC,CACvG,CAAC;IACJ,CAAC;IAqBD,YAAY,CAAC,MAAc;QACzB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,CAAC;QACtD,IAAI,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC;QAC5C,IAAI,CAAC,aAAa,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,aAAa,EAAE,CAAC;QAC1D,IAAI,CAAC,IAAI,GAAG,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC;IAC9C,CAAC;IAED,QAAQ;QACN,IAAI,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;QAChD,IAAI,CAAC,eAAe,mCACf,IAAI,CAAC,eAAe,KACvB,KAAK,kCACA,IAAI,CAAC,eAAe,CAAC,KAAK,KAC7B,IAAI,EAAE,EAAE,SAAS,MAEpB,CAAC;IACJ,CAAC;IAED,QAAQ;QACN,IAAI,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;QAChD,IAAI,CAAC,eAAe,mCACf,IAAI,CAAC,eAAe,KACvB,KAAK,kCACA,IAAI,CAAC,eAAe,CAAC,KAAK,KAC7B,IAAI,EAAE,EAAE,SAAS,MAEpB,CAAC;IACJ,CAAC;IAED,SAAS;QACP,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACrC,IAAI,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAC7B,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,UAAU,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,UAAU,IAAI,EAAE,EAAE;YACxD,UAAU,GAAG,CAAC,CAAC;YACf,SAAS,EAAE,CAAC;SACb;aAAM;YACL,UAAU,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,mCACf,IAAI,CAAC,eAAe,KACvB,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG;gBACnC,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE,SAAS;aAChB,GACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACrC,IAAI,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAC7B,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,UAAU,GAAG,EAAE,UAAU,CAAC;SAC3B;aAAM;YACL,IAAI,IAAI,CAAC,KAAK;gBAAE,UAAU,GAAG,EAAE,CAAC;;gBAC3B,UAAU,GAAG,EAAE,CAAC;YACrB,SAAS,GAAG,EAAE,SAAS,CAAC;SACzB;QAED,IAAI,CAAC,eAAe,mCACf,IAAI,CAAC,eAAe,KACvB,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG;gBACnC,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,UAAU;aAClB,GACF,CAAC;IACJ,CAAC;IAqDD,eAAe,CAAC,WAA6B;QAC3C,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC;QACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC;QAC5C,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC;QAC1C,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC;QAEpF,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;QAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QACvC,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;QACjC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;QAEhE,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC;QACrC,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QAC7C,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,aAAa,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;QAExE,IACE,CAAC,SAAS;YACV,CAAC,OAAO;gBACN,SAAS;gBACT,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,IAAI,YAAY,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;YAC/F,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,EACvE;YACA,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1D,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC;YACpC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;YAC7E,IAAI,CAAC,eAAe,mCACf,IAAI,CAAC,eAAe,KACvB,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,GAAG,EAAE,IAAI,CAAC,UAAU;oBACpB,IAAI,EAAE,WAAW,CAAC,IAAI;iBACvB,GACF,CAAC;SACH;aAAM,IACL,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;YACvE,CAAC,SAAS,IAAI,YAAY,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;YAC3D,CAAC,OAAO,IAAI,SAAS,IAAI,YAAY,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,EACpE;YACA,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;YACvE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;YACtD,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC;SACjC;IACH,CAAC;IACD,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;SAC5B;IACH,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;SAC3B;IACH,CAAC;IACD,YAAY,CAAC,iBAA8B;QACzC,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC;IAClD,CAAC;IACD,OAAO;QACL,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,eAAe,CAAC,OAAO,GAAG,KAAK;QAC7B,QAAQ,IAAI,CAAC,QAAQ,EAAE;YACrB,KAAK,IAAI,CAAC,GAAG;gBACX,OAAO,UAAU,CACf,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,eAAe,EACpB,IAAI,CAAC,SAAS,EACd;oBACE,UAAU,EAAE,IAAI,CAAC,WAAW;oBAC5B,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,UAAU,EAAE,IAAI,CAAC,UAAU;oBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,MAAM,EAAE,IAAI,CAAC,MAAM;iBACpB,EACD,OAAO,EACP,IAAI,CAAC,IAAI,CACV,CAAC;YACJ,KAAK,IAAI,CAAC,KAAK;gBACb,OAAO,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACrF,KAAK,IAAI,CAAC,IAAI;gBACZ,OAAO,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAC/E;gBACE,OAAO,OAAO,CAAC;SAClB;IACH,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAA;;UAGL,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;YACrB,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,eAAe;kBACzC,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;kBACxE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,GAAG;gBACxC,CAAC,CAAC,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC9E,CAAC,CAAC,OAAO;4BACC;YAChB,CAAC,CAAC,OACN;;;uDAG+C,IAAI,CAAC,cAAc,IACpE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAC7B;;iDAE6C,CAAC,UAAU,CAAC,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;qDACxC,CAAC,YAAY,CAAC,YAAY,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;;;;;KAK/F,CAAC;IACJ,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAA;kCACmB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,YAAY;;;;;;mBAMnG,CAAC,YAAY,CAAC;mBACd,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;;UAE/B,IAAI,CAAC,oBAAoB,EAAE;;;;;mBAKlB,CAAC,aAAa,CAAC;mBACf,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;;;;UAI/B,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO;;WAEpF,CAAC;IACV,CAAC;IACQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACvE,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAChE,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,UAAU;iBACd,IAAI,CAAC,eAAe;gBACrB,IAAI,CAAC,IAAI;iBACR,IAAI,CAAC,KAAK;oBACP,IAAI,CAAC,QAAQ;uBACV,IAAI,CAAC,YAAY;iBACvB,IAAI,CAAC,OAAO;;UAEnB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO;UACtE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,OAAO;;QAEhF,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,OAAO;KACxD,CAAC;IACJ,CAAC;CACF,CAAA;AA5XiB,0BAAM,GAAG,MAAO,CAAA;AA1FhC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;iDACX;AAEd;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mDACX;AAGd;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;iDACV;AAGhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;kDACZ;AAGd;IADC,KAAK,EAAE;qDACa;AAGrB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;2DAClB;AAGvB;IADC,KAAK,EAAE;wDACwC;AAGhD;IADC,KAAK,EAAE;mDAC+B;AAGvC;IADC,KAAK,EAAE;iDAC+B;AAGvC;IADC,KAAK,EAAE;0DAC6C;AAGrD;IADC,KAAK,EAAE;wDACwB;AAGhC;IADC,KAAK,EAAE;uDACuB;AAG/B;IADC,KAAK,EAAE;yDAC8B;AAGtC;IADC,KAAK,EAAE;oDACS;AAGjB;IADC,KAAK,EAAE;mDACQ;AAGhB;IADC,KAAK,EAAE;qDACU;AAGlB;IADC,KAAK,EAAE;4DACa;AAGrB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;wDACE;AAG3B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;sDACV;AAGf;IADC,KAAK,EAAE;4DAON;AAGF;IADC,KAAK,CAAC,aAAa,CAAC;sDACG;AAGxB;IADC,KAAK,CAAC,qBAAqB,CAAC;8DACG;AAGhC;IADC,KAAK,EAAE;6DAC8B;AAGtC;IADC,QAAQ,EAAE;iDACc;AAGzB;IADC,QAAQ,EAAE;kDACiB;AAG5B;IADC,QAAQ,EAAE;kDACI;AAGf;IADC,QAAQ,EAAE;mDACK;AAGhB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;qDACxB;AA1FN,mBAAmB;IAD/B,aAAa,CAAC,eAAe,CAAC;GAClB,mBAAmB,CA0d/B;SA1dY,mBAAmB","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 { 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@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`<nr-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              </nr-button> `\n            : nothing\n        }  \n        \n        <div class=\"current-year-container\">\n          <nr-button class=\"toggle-year-view\" @click=${this.toggleYearView}>${\n      this.navigationDates.start.year\n    }</nr-button>\n          <div class=\"year-icons-toggler\">\n            <nr-button class=\"next-year\" .icon=${['caret-up']} @click=${() => this.nextYear()}></nr-button>\n            <nr-button class=\"previous-year\" .icon=${['caret-down']}  @click=${() => this.prevYear()}></nr-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        <nr-button\n          type=\"text\"\n          class=\"header-prev-button prev-month\"\n          .icon=\"${['angle-left']}\"\n          @click=${() => this.prevMonth()}\n        ></nr-button>\n        ${this.renderCalendarHeader()}\n\n        <nr-button\n          type=\"text\"\n          class=\"header-next-button next-month\"\n          .icon=\"${['angle-right']}\"\n          @click=${() => this.nextMonth()}\n        ></nr-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

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

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

@@ -1 +0,0 @@
-{"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"}