@aquera/nile-elements 0.0.49 → 0.0.51

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-calendar/nile-calendar.js

@@ -1,765 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __decorate } from "tslib";
-import { html, property, } from 'lit-element';
-import { customElement, state } from 'lit/decorators.js';
-import { styles } from './nile-calendar.css';
-import { query } from 'lit/decorators.js';
-import { watch } from '../internal/watch';
-import NileElement from '../internal/nile-element';
-import '../nile-popup';
-import { TIMEZONES } from './timezones';
-/**
- * Nile icon component.
- *
- * @tag nile-calendar
- *
- */
-let NileCalendar = class NileCalendar extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.currentMonth = new Date().getMonth();
-        this.currentYear = new Date().getFullYear();
-        this.dropDownOpened = false;
-        this.allowedDates = {};
-        this.valueAttribute = null;
-        this.formattedDate = null;
-        this.startDate = null;
-        this.endDate = null;
-        this.isSelectingStart = true;
-        this.range = false;
-        this.type = 'absolute';
-        this.selectedTimeZone = 'local';
-        this.validAllowedDates = true;
-        this.hideTimeInput = false;
-        this.hideDurationFields = [];
-        this.hideTimeZone = false;
-    }
-    /**
-  * The styles for NileCalendar
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    firstUpdated() {
-        const allowedDatesAttribute = this.getAttribute('allowed-dates');
-        if (allowedDatesAttribute !== null) {
-            try {
-                this.allowedDates = JSON.parse(allowedDatesAttribute);
-            }
-            catch (error) {
-                console.error('Error parsing allowed-dates attribute:', error);
-            }
-        }
-        else {
-            this.validAllowedDates = false;
-        }
-    }
-    checkValidAllowedDate() {
-        if (Object.keys(this.allowedDates).length == 0) {
-            this.validAllowedDates = false;
-            return;
-        }
-        const startDate = new Date(Date.UTC(this.allowedDates?.startDate?.slice(0, 4), this.allowedDates?.startDate?.slice(5, 7) - 1, this.allowedDates?.startDate?.slice(8, 10)));
-        const endDate = new Date(Date.UTC(this.allowedDates?.endDate?.slice(0, 4), this.allowedDates?.endDate?.slice(5, 7) - 1, this.allowedDates?.endDate?.slice(8, 10)));
-        if (startDate > endDate) {
-            console.error('StartDate must be greater than endDate');
-            this.validAllowedDates = false;
-        }
-        else {
-            this.validAllowedDates = true;
-        }
-    }
-    valueChanged() {
-        if (this.range && this.value) {
-            this.rangeValue = this.value;
-            this.value = null;
-            return;
-        }
-        if (this.value && !isNaN(this.value.getTime())) {
-            const offset = this.value.getTimezoneOffset();
-            const localDate = new Date(this.value.getTime() - offset * 60 * 1000);
-            if (!isNaN(localDate.getTime())) {
-                this.valueAttribute = localDate.toISOString().split('T')[0];
-                this.formattedDate = `${String(localDate.getDate()).padStart(2, '0')}/${String(localDate.getMonth() + 1).padStart(2, '0')}/${localDate.getFullYear()}`;
-            }
-        }
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (changedProperties.has('valueAttribute')) {
-            const date = new Date(this.valueAttribute || '');
-            if (!isNaN(date.getTime())) {
-                const offset = date.getTimezoneOffset();
-                this.value = new Date(date.getTime() - offset * 60 * 1000);
-                this.currentMonth = this.value.getMonth();
-                this.currentYear = this.value.getFullYear();
-            }
-        }
-    }
-    static get observedAttributes() {
-        return ['value', 'range'];
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (name === 'value') {
-            this.valueAttribute = newValue;
-            this.initializeValue();
-        }
-        else if (name === 'range') {
-            this.range = newValue !== null;
-        }
-    }
-    initializeValue() {
-        if (this.range) {
-            try {
-                const rangeValue = JSON.parse(this.valueAttribute || '');
-                this.startDate = new Date(rangeValue.startDate);
-                this.endDate = new Date(rangeValue.endDate);
-                // Convert to local time
-                this.startDate = new Date(this.startDate.getTime());
-                this.endDate = new Date(this.endDate.getTime());
-                this.rangeValue = {
-                    startDate: this.startDate,
-                    endDate: this.endDate,
-                };
-                this.value = null;
-            }
-            catch (e) {
-                // console.error('Invalid range value');
-            }
-        }
-        else {
-            if (this.valueAttribute) {
-                let date;
-                date = new Date(this.valueAttribute);
-                date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
-                if (!isNaN(date.getTime())) {
-                    this.value = date;
-                    this.currentMonth = this.value.getMonth();
-                    this.currentYear = this.value.getFullYear();
-                    this.rangeValue = null;
-                }
-            }
-        }
-        this.requestUpdate();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.initializeValue();
-        if (this.valueAttribute) {
-            const date = new Date(this.valueAttribute);
-            if (!isNaN(date.getTime())) {
-                this.value = date;
-                this.currentMonth = this.value.getMonth();
-                this.currentYear = this.value.getFullYear();
-            }
-        }
-        this.emit('nile-init');
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.emit('nile-destroy');
-    }
-    getDaysArray(year, month) {
-        const daysInMonth = new Date(year, month + 1, 0).getDate();
-        return Array.from({ length: daysInMonth }, (_, i) => i + 1);
-    }
-    nextMonth() {
-        if (this.currentMonth === 11) {
-            this.currentMonth = 0;
-            this.currentYear++;
-        }
-        else {
-            this.currentMonth++;
-        }
-        this.requestUpdate();
-    }
-    prevMonth() {
-        if (this.currentMonth === 0) {
-            this.currentMonth = 11;
-            this.currentYear--;
-        }
-        else {
-            this.currentMonth--;
-        }
-        this.requestUpdate();
-    }
-    selectDate(day, month, year) {
-        const selectedDate = new Date(year, month, day);
-        if (this.range) {
-            if (this.startDate && this.endDate) {
-                this.startDate = null;
-                this.endDate = null;
-            }
-            if (this.isSelectingStart) {
-                this.startDate = selectedDate;
-                if (this.endDate && selectedDate > this.endDate) {
-                    this.endDate = null;
-                }
-                this.isSelectingStart = false;
-            }
-            else {
-                this.isSelectingStart = true;
-                if (this.startDate && selectedDate < this.startDate) {
-                    this.startDate = selectedDate;
-                    this.endDate = null;
-                    this.isSelectingStart = false;
-                }
-                else {
-                    const endDate = selectedDate;
-                    endDate.setHours(23, 59, 59, 999);
-                    this.endDate = endDate;
-                }
-            }
-        }
-        else {
-            this.value = selectedDate;
-            this.emit('nile-changed', { value: this.value });
-            if (this.dropdown) {
-                this.dropdown.hide();
-            }
-        }
-        this.requestUpdate();
-    }
-    confimRange() {
-        if (this.startDate && this.endDate) {
-            if (this.selectedTimeZone !== 'local') {
-                this.startDate = this.convertTZ(this.startDate, this.selectedTimeZone);
-                this.endDate = this.convertTZ(this.endDate, this.selectedTimeZone);
-            }
-            this.emit('nile-changed', {
-                startDate: this.startDate,
-                endDate: this.endDate,
-            });
-            if (this.dropdown) {
-                this.dropdown.hide();
-            }
-            this.rangeValue = {
-                startDate: this.startDate,
-                endDate: this.endDate,
-            };
-        }
-    }
-    convertTZ(date, tzString) {
-        return new Date((typeof date === 'string' ? new Date(date) : date).toLocaleString('en-US', { timeZone: tzString }));
-    }
-    isCurrentDate(day, month, year) {
-        const today = new Date();
-        return (day === today.getDate() &&
-            month + 1 === today.getMonth() + 1 &&
-            year === today.getFullYear());
-    }
-    isAllowedDate(day, month, year) {
-        if (!this.validAllowedDates) {
-            return true;
-        }
-        const dateToCheck = new Date(Date.UTC(year, month, day));
-        const startDate = new Date(Date.UTC(this.allowedDates?.startDate?.slice(0, 4), this.allowedDates?.startDate?.slice(5, 7) - 1, this.allowedDates?.startDate?.slice(8, 10)));
-        const endDate = new Date(Date.UTC(this.allowedDates?.endDate?.slice(0, 4), this.allowedDates?.endDate?.slice(5, 7) - 1, this.allowedDates?.endDate?.slice(8, 10)));
-        endDate.setUTCHours(23, 59, 59, 999);
-        const isWithinRange = dateToCheck >= startDate && dateToCheck <= endDate;
-        return isWithinRange;
-    }
-    renderMonth(year, month, daysArray) {
-        const firstDay = new Date(year, month, 1).getDay();
-        const lastDay = new Date(year, month + 1, 0).getDay();
-        const prevMonthDays = this.getDaysArray(month === 0 ? year - 1 : year, month === 0 ? 11 : month - 1);
-        const nextMonthDays = this.getDaysArray(month === 11 ? year + 1 : year, month === 11 ? 0 : month + 1);
-        const fillerDaysBefore = prevMonthDays.slice(prevMonthDays.length - firstDay);
-        const fillerDaysAfter = nextMonthDays.slice(0, 6 - lastDay);
-        const allDays = [...fillerDaysBefore, ...daysArray, ...fillerDaysAfter];
-        const isSelectedDate = (day, month, year, isCurrentMonth) => {
-            if (!isCurrentMonth)
-                return '';
-            if (!this.range && this.value) {
-                const isSelected = day === this.value.getDate() &&
-                    month === this.value.getMonth() &&
-                    year === this.value.getFullYear();
-                if (isSelected)
-                    return 'selected-date';
-            }
-            const isStartDate = this.startDate &&
-                day === this.startDate.getDate() &&
-                month === this.startDate.getMonth() &&
-                year === this.startDate.getFullYear();
-            const isEndDate = this.endDate &&
-                day === this.endDate.getDate() &&
-                month === this.endDate.getMonth() &&
-                year === this.endDate.getFullYear();
-            return isStartDate ? 'range-start' : isEndDate ? 'range-end' : '';
-        };
-        const isInRange = (day, month, year, isCurrentMonth) => {
-            if (!isCurrentMonth)
-                return false;
-            if (this.startDate && this.endDate) {
-                const date = new Date(year, month, day);
-                return date >= this.startDate && date <= this.endDate;
-            }
-            return false;
-        };
-        return html `
-      <div class="calendar">
-        <div class="calendar-header">
-          <nile-icon
-            class="calendar-header__month-navigation"
-            name="arrowleft"
-            color="black"
-            @click="${this.prevMonth}"
-          >
-          </nile-icon>
-          <span
-            >${new Date(year, month).toLocaleString('default', {
-            month: 'long',
-        })}
-            ${year}</span
-          >
-          <nile-icon
-            class="calendar-header__month-navigation"
-            name="arrowright"
-            color="black"
-            @click="${this.nextMonth}"
-          >
-          </nile-icon>
-        </div>
-        <div class="header-divider"></div>
-        <div class="day-names">
-          <div class="day">Sun</div>
-          <div class="day">Mon</div>
-          <div class="day">Tue</div>
-          <div class="day">Wed</div>
-          <div class="day">Thu</div>
-          <div class="day">Fri</div>
-          <div class="day">Sat</div>
-        </div>
-        <div class="days">
-          ${allDays.map((day, index) => {
-            const isCurrentMonth = index >= fillerDaysBefore.length &&
-                index < fillerDaysBefore.length + daysArray.length;
-            return html ` <div
-              class="day
-              ${this.isAllowedDate(day, month, year) ? '' : 'not-allowed'}
-              ${isSelectedDate(day, month, year, isCurrentMonth)} ${isInRange(day, month, year, isCurrentMonth)} ${isInRange(day, month, year, isCurrentMonth)
-                ? 'in-range'
-                : ''} ${!isCurrentMonth ? 'filler' : ''}
-                ${this.isCurrentDate(day, month, year) && isCurrentMonth
-                ? 'current-date'
-                : ''}
-                "
-              @click="${() => {
-                if (isCurrentMonth) {
-                    this.selectDate(day, month, year);
-                }
-            }}"
-            >
-              ${day}
-            </div>`;
-        })}
-        </div>
-      </div>
-    `;
-    }
-    formatDate(date) {
-        if (!date)
-            return '';
-        const day = String(date.getDate()).padStart(2, '0');
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const year = date.getFullYear();
-        return `${day}/${month}/${year}`;
-    }
-    formatDateRange(value) {
-        if (!value) {
-            return value;
-        }
-        if (!value.startDate || !value.endDate)
-            return '';
-        return `${this.formatDate(value.startDate)} - ${this.formatDate(value.endDate)}`;
-    }
-    handleStartDateInput(event) {
-        const date = this.parseDate(event.detail.value);
-        if (!this.isValidDateInput(date)) {
-            this.startDate = null;
-        }
-        if (date && (!this.endDate || date <= this.endDate)) {
-            this.startDate = date;
-        }
-        else {
-            this.startDate = null;
-            this.endDate = null;
-        }
-        this.requestUpdate();
-    }
-    handleEndDateInput(event) {
-        const date = this.parseDate(event.detail.value);
-        if (!this.isValidDateInput(date)) {
-            this.endDate = null;
-        }
-        if (date && (!this.startDate || date >= this.startDate)) {
-            this.endDate = date;
-        }
-        else {
-            this.endDate = null;
-        }
-        this.requestUpdate();
-    }
-    parseDate(dateString) {
-        const [day, month, year] = dateString.split('/').map(Number);
-        const date = new Date(year, month - 1, day);
-        return !isNaN(date.getTime()) ? date : null;
-    }
-    isValidDateInput(input) {
-        const regex = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;
-        return regex.test(input);
-    }
-    formatTime(date) {
-        if (!date)
-            return '';
-        const hours = String(date.getHours()).padStart(2, '0');
-        const minutes = String(date.getMinutes()).padStart(2, '0');
-        const seconds = String(date.getSeconds()).padStart(2, '0');
-        return `${hours}:${minutes}:${seconds}`;
-    }
-    // Validate time in HH:MM:SS format
-    isValidTimeInput(input) {
-        const regex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/;
-        return regex.test(input);
-    }
-    // Parse time string to a Date object
-    parseTime(input, date) {
-        if (!this.isValidTimeInput(input)) {
-            return null;
-        }
-        const [hour, minute, second] = input.split(':').map(Number);
-        const newDate = new Date(date.getTime());
-        newDate.setHours(hour, minute, second);
-        return newDate;
-    }
-    handleStartTimeInput(event) {
-        if (!this.startDate) {
-            this.startDate = null;
-            return;
-        }
-        const time = this.parseTime(event.detail.value, this.startDate);
-        if (time) {
-            this.startDate = time;
-        }
-        else {
-            this.startDate.setHours(0, 0, 0);
-        }
-        this.requestUpdate();
-    }
-    handleEndTimeInput(event) {
-        if (!this.endDate) {
-            this.endDate = null;
-            return;
-        }
-        const time = this.parseTime(event.detail.value, this.endDate);
-        if (time) {
-            this.endDate = time;
-        }
-        else {
-            this.endDate.setHours(0, 0, 0);
-        }
-        this.requestUpdate();
-    }
-    setType(newType) {
-        this.type = newType;
-    }
-    createRelativePeriod(unit, value) {
-        const endTime = new Date();
-        const startTime = new Date();
-        switch (unit) {
-            case 'minutes':
-                startTime.setMinutes(startTime.getMinutes() - value);
-                break;
-            case 'hours':
-                startTime.setHours(startTime.getHours() - value);
-                break;
-            case 'days':
-                startTime.setDate(startTime.getDate() - value);
-                break;
-            case 'weeks':
-                startTime.setDate(startTime.getDate() - 7 * value); // Subtract weeks as days
-                break;
-            case 'months':
-                startTime.setMonth(startTime.getMonth() - value);
-                break;
-        }
-        this.startDate = new Date(startTime.getTime());
-        this.endDate = new Date(endTime.getTime());
-        this.requestUpdate();
-        return {
-            startDate: this.startDate,
-            endDate: this.endDate,
-        };
-    }
-    handleTimeValueClick(unit, value, event) {
-        const timestamps = this.createRelativePeriod(unit, value);
-        this.selectedUnit = unit;
-        this.selectedValue = value;
-        this.requestUpdate();
-    }
-    renderTimeValues(unit, values) {
-        return values.map(value => html `
-          <div
-            class="time-value ${this.selectedUnit === unit &&
-            this.selectedValue === value
-            ? 'time-value--selected'
-            : ''}"
-            @click=${(e) => this.handleTimeValueClick(unit, value, e)}
-          >
-            ${value}
-          </div>
-        `);
-    }
-    handleDurationChange(event) {
-        this.selectedValue = Number(event.detail.value);
-        if (this.selectedUnit && this.selectedValue) {
-            this.handleTimeValueClick(this.selectedUnit, this.selectedValue, event);
-        }
-    }
-    handleUnitChange(event) {
-        this.selectedUnit = event.detail.value;
-        if (this.selectedUnit && this.selectedValue) {
-            this.handleTimeValueClick(this.selectedUnit, this.selectedValue, event);
-        }
-    }
-    handleTimeZoneChange(event) {
-        this.selectedTimeZone = event.detail.value;
-        this.requestUpdate();
-    }
-    onTypeChange(event) {
-        this.type = event.detail.value;
-    }
-    /**
-     * Render method
-     */
-    render() {
-        const timeZones = TIMEZONES;
-        const daysArray = this.getDaysArray(this.currentYear, this.currentMonth);
-        const nextMonth = (this.currentMonth + 1) % 12;
-        const nextYear = this.currentMonth === 11 ? this.currentYear + 1 : this.currentYear;
-        const nextMonthDaysArray = this.getDaysArray(nextYear, nextMonth);
-        return html `
-      <div
-        class="base ${this.range ? 'base__range' : ''} ${this.type ===
-            'relative'
-            ? 'base__relative'
-            : ''}"
-      >
-        <div class="calendar-config ${!this.range ? 'hidden' : ''}">
-          <div class="calendar-switcher">
-            <nile-tab-group centered @nile-tab-show="${this.onTypeChange}">
-              <nile-tab slot="nav" panel="absolute">Absolute</nile-tab>
-              <nile-tab slot="nav" panel="relative">Relative</nile-tab>
-            </nile-tab-group>
-          </div>
-        </div>
-
-        <div class="calendar-timezone ${!this.range || this.hideTimeZone ? 'hidden' : ''}">
-          <nile-select
-            hoist
-            value=${this.selectedTimeZone}
-            @nile-change=${this.handleTimeZoneChange}
-          >
-            <nile-option value="local">Local Time Zone</nile-option>
-            <nile-option value="UTC">UTC</nile-option>
-          </nile-select>
-        </div>
-
-        <div
-          class="calendar-wrapper  ${this.type !== 'absolute' ? 'hidden' : ''}"
-        >
-          <div class="calendar-container ${this.range ? 'with-margin' : ''}">
-            ${this.renderMonth(this.currentYear, this.currentMonth, this.getDaysArray(this.currentYear, this.currentMonth))}
-          </div>
-        </div>
-
-        <div class="unit-container ${this.type !== 'relative' ? 'hidden' : ''}">
-          <div
-            class="time-unit-group ${this.hideDurationFields?.includes('minutes')
-            ? 'hidden'
-            : ''} "
-          >
-            <div class="time-unit-name"><span>Minutes</span></div>
-            <div class="time-unit-value minute-values">
-              ${this.renderTimeValues('minutes', [1, 5, 15, 30, 45])}
-            </div>
-          </div>
-
-          <div
-            class="time-unit-group ${this.hideDurationFields?.includes('hours')
-            ? 'hidden'
-            : ''}"
-          >
-            <div class="time-unit-name"><span>Hours</span></div>
-            <div class="time-unit-value hours-values">
-              ${this.renderTimeValues('hours', [1, 2, 3, 6, 8, 12])}
-            </div>
-          </div>
-
-          <div
-            class="time-unit-group ${this.hideDurationFields?.includes('days')
-            ? 'hidden'
-            : ''}"
-          >
-            <div class="time-unit-name"><span>Days</span></div>
-            <div class="time-unit-value">
-              ${this.renderTimeValues('days', [1, 2, 3, 4, 5, 6])}
-            </div>
-          </div>
-
-          <div
-            class="time-unit-group ${this.hideDurationFields?.includes('weeks')
-            ? 'hidden'
-            : ''}"
-          >
-            <div class="time-unit-name"><span>Weeks</span></div>
-            <div class="time-unit-value weeks-values ">
-              ${this.renderTimeValues('weeks', [1, 2, 4, 6])}
-            </div>
-          </div>
-
-          <div
-            class="time-unit-group ${this.hideDurationFields?.includes('months')
-            ? 'hidden'
-            : ''}"
-          >
-            <div class="time-unit-name"><span>Months:</span></div>
-            <div class="time-unit-value months-values ">
-              ${this.renderTimeValues('months', [3, 6, 12, 15])}
-            </div>
-          </div>
-        </div>
-
-        ${this.range && this.type === 'relative'
-            ? html `
-          <div class="calender-input calender-input--relative">
-            <div class="unit-input-container">
-              <nile-input class="manual-input duration-input" label="Duration"  value="${this.selectedValue}"
-              @nile-input="${this.handleDurationChange}"
-              placeholder="Enter Value" ></nile-input>
-              <nile-select class="manual-input  time-input"  label="Unit of time" style="margin-top:3px" value="${this.selectedUnit}"
-              @nile-change="${this.handleUnitChange}"
-              >
-                <nile-option value="minutes" class="${this.hideDurationFields?.includes('minutes') ? 'hidden' : ''}"> Minutes </nile-option>
-                <nile-option value="hours" class="${this.hideDurationFields?.includes('hours') ? 'hidden' : ''}"> Hours </nile-option>
-                <nile-option value="days" class="${this.hideDurationFields?.includes('days') ? 'hidden' : ''}"> Days </nile-option>
-                <nile-option value="weeks" class="${this.hideDurationFields?.includes('weeks') ? 'hidden' : ''}"> Weeks </nile-option>
-                <nile-option value="months" class="${this.hideDurationFields?.includes('months') ? 'hidden' : ''}"> Months </nile-option>
-              </nile-select>
-
-            </div>
-
-          <div class="button-container--relative">
-            <nile-button class="apply-button" variant="primary"  ?disabled="${!this.startDate || !this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
-            </div>
-
-
-        </div>
-        </div>
-        `
-            : ''}
-        ${this.range && this.type === 'absolute'
-            ? html `
-          <div class="calender-input">
-            <div>
-                  <span class="manual-input-label">From </span>
-                  <div class="from">
-                        <nile-input class="manual-input" value="${this.formatDate(this.startDate)}" placeholder="DD/MM/YYYY" @nile-change="${this.handleStartDateInput}"></nile-input>
-                        <nile-input class="manual-input  ${this.hideTimeInput ? 'hidden' : ''}" value="${this.formatTime(this.startDate)}" placeholder="HH:MM:SS" @nile-change="${this.handleStartTimeInput}"> </nile-input>
-                  </div>
-            </div>
-              
-            <div> 
-                  <span class="manual-input-label">To </span>
-                  <div class="from">
-                      <nile-input class="manual-input" value="${this.formatDate(this.endDate)}" placeholder="DD/MM/YYYY" @nile-change="${this.handleEndDateInput}"></nile-input>
-                      <nile-input class="manual-input  ${this.hideTimeInput ? 'hidden' : ''} " value="${this.formatTime(this.endDate)}" placeholder="HH:MM:SS" @nile-change="${this.handleEndTimeInput}"> </nile-input>
-                  </div>
-            </div>
-            
-        </div>
-        <div class="button-container">
-            <nile-button class="apply-button"  ?disabled="${!this.startDate || !this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
-            </div>
-        </div>
-        `
-            : ''}
-      </div>
-    `;
-    }
-};
-__decorate([
-    query('nile-dropdown')
-], NileCalendar.prototype, "dropdown", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileCalendar.prototype, "dropDownOpened", void 0);
-__decorate([
-    property({ type: Object })
-], NileCalendar.prototype, "value", void 0);
-__decorate([
-    property({ type: Object, attribute: 'allowed-dates' })
-], NileCalendar.prototype, "allowedDates", void 0);
-__decorate([
-    property({ type: Object })
-], NileCalendar.prototype, "rangeValue", void 0);
-__decorate([
-    property({ type: String, attribute: 'value' })
-], NileCalendar.prototype, "valueAttribute", void 0);
-__decorate([
-    property({ type: String, attribute: 'value' })
-], NileCalendar.prototype, "formattedDate", void 0);
-__decorate([
-    property({ type: Object })
-], NileCalendar.prototype, "startDate", void 0);
-__decorate([
-    property({ type: Object })
-], NileCalendar.prototype, "endDate", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileCalendar.prototype, "isSelectingStart", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileCalendar.prototype, "range", void 0);
-__decorate([
-    property({ type: String })
-], NileCalendar.prototype, "type", void 0);
-__decorate([
-    property({ type: String })
-], NileCalendar.prototype, "selectedUnit", void 0);
-__decorate([
-    property({ type: Number })
-], NileCalendar.prototype, "selectedValue", void 0);
-__decorate([
-    property({ type: String })
-], NileCalendar.prototype, "selectedTimeZone", void 0);
-__decorate([
-    state()
-], NileCalendar.prototype, "validAllowedDates", void 0);
-__decorate([
-    watch('allowedDates')
-], NileCalendar.prototype, "checkValidAllowedDate", null);
-__decorate([
-    property({ type: Boolean, attribute: 'hide-time-input' })
-], NileCalendar.prototype, "hideTimeInput", void 0);
-__decorate([
-    property({ type: Array, attribute: 'hide-duration-fields' })
-], NileCalendar.prototype, "hideDurationFields", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'hide-time-zone' })
-], NileCalendar.prototype, "hideTimeZone", void 0);
-__decorate([
-    watch('value')
-], NileCalendar.prototype, "valueChanged", null);
-NileCalendar = __decorate([
-    customElement('nile-calendar')
-], NileCalendar);
-export { NileCalendar };
-export default NileCalendar;
-//# sourceMappingURL=nile-calendar.js.map