@aquera/nile-elements 0.0.16 → 0.0.17

package/dist/nile-calendar/nile-calendar.esm.js

@@ -1,13 +1,23 @@
-import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as s,customElement as e}from"lit/decorators.js";import{s as n}from"./nile-calendar.css.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as h}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";let r=class extends h{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1}static get styles(){return[n]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const t=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*t*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(t){if(super.updated(t),t.has("valueAttribute")){const t=new Date(this.valueAttribute||"");if(!isNaN(t.getTime())){const i=t.getTimezoneOffset();this.value=new Date(t.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(t,i,s){"value"===t?(this.valueAttribute=s,this.initializeValue()):"range"===t&&(this.range=null!==s)}initializeValue(){if(this.range)try{const t=JSON.parse(this.valueAttribute||"");this.startDate=new Date(t.startDate),this.endDate=new Date(t.endDate),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(t){}else if(this.valueAttribute){let t;t=new Date(this.valueAttribute),t=new Date(t.getTime()-6e4*t.getTimezoneOffset()),isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const t=new Date(this.valueAttribute);isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getDaysArray(t,i){const s=new Date(t,i+1,0).getDate();return Array.from({length:s},((t,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(t,i,s){const e=new Date(s,i,t);this.range?(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart?(this.startDate=e,this.endDate&&e>this.endDate&&(this.endDate=null),this.isSelectingStart=!1):(this.isSelectingStart=!0,this.startDate&&e<this.startDate?(this.startDate=e,this.endDate=null,this.isSelectingStart=!1):this.endDate=e)):(this.value=e,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide()),this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&(this.emit("nile-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}renderMonth(t,s,e){const n=new Date(t,s,1).getDay(),a=new Date(t,s+1,0).getDay(),h=this.getDaysArray(0===s?t-1:t,0===s?11:s-1),l=this.getDaysArray(11===s?t+1:t,11===s?0:s+1),r=h.slice(h.length-n),d=l.slice(0,6-a),u=[...r,...e,...d],c=(t,i,s,e)=>{if(!e)return"";if(!this.range&&this.value){if(t===this.value.getDate()&&i===this.value.getMonth()&&s===this.value.getFullYear())return"selected-date"}const n=this.startDate&&t===this.startDate.getDate()&&i===this.startDate.getMonth()&&s===this.startDate.getFullYear(),a=this.endDate&&t===this.endDate.getDate()&&i===this.endDate.getMonth()&&s===this.endDate.getFullYear();return n?"range-start":a?"range-end":""},o=(t,i,s,e)=>{if(!e)return!1;if(this.startDate&&this.endDate){const e=new Date(s,i,t);return e>=this.startDate&&e<=this.endDate}return!1};return i`
+import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as s,customElement as e}from"lit/decorators.js";import{s as n}from"./nile-calendar.css.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{T as h}from"./timezones.esm.js";import{n as r}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";let d=class extends l{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1,this.type="absolute",this.selectedTimeZone="local"}static get styles(){return[n]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const t=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*t*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(t){if(super.updated(t),t.has("valueAttribute")){const t=new Date(this.valueAttribute||"");if(!isNaN(t.getTime())){const i=t.getTimezoneOffset();this.value=new Date(t.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(t,i,s){"value"===t?(this.valueAttribute=s,this.initializeValue()):"range"===t&&(this.range=null!==s)}initializeValue(){if(this.range)try{const t=JSON.parse(this.valueAttribute||"");this.startDate=new Date(t.startDate),this.endDate=new Date(t.endDate),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(t){}else if(this.valueAttribute){let t;t=new Date(this.valueAttribute),t=new Date(t.getTime()-6e4*t.getTimezoneOffset()),isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const t=new Date(this.valueAttribute);isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getDaysArray(t,i){const s=new Date(t,i+1,0).getDate();return Array.from({length:s},((t,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(t,i,s){const e=new Date(s,i,t);this.range?(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart?(this.startDate=e,this.endDate&&e>this.endDate&&(this.endDate=null),this.isSelectingStart=!1):(this.isSelectingStart=!0,this.startDate&&e<this.startDate?(this.startDate=e,this.endDate=null,this.isSelectingStart=!1):this.endDate=e)):(this.value=e,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide()),this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&("local"!==this.selectedTimeZone&&(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}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}convertTZ(t,i){return new Date(("string"==typeof t?new Date(t):t).toLocaleString("en-US",{timeZone:i}))}isCurrentDate(t,i,s){const e=new Date;return t===e.getDate()&&i+1===e.getMonth()+1&&s===e.getFullYear()}renderMonth(t,s,e){const n=new Date(t,s,1).getDay(),a=new Date(t,s+1,0).getDay(),l=this.getDaysArray(0===s?t-1:t,0===s?11:s-1),h=this.getDaysArray(11===s?t+1:t,11===s?0:s+1),r=l.slice(l.length-n),d=h.slice(0,6-a),u=[...r,...e,...d],o=(t,i,s,e)=>{if(!e)return"";if(!this.range&&this.value){if(t===this.value.getDate()&&i===this.value.getMonth()&&s===this.value.getFullYear())return"selected-date"}const n=this.startDate&&t===this.startDate.getDate()&&i===this.startDate.getMonth()&&s===this.startDate.getFullYear(),a=this.endDate&&t===this.endDate.getDate()&&i===this.endDate.getMonth()&&s===this.endDate.getFullYear();return n?"range-start":a?"range-end":""},c=(t,i,s,e)=>{if(!e)return!1;if(this.startDate&&this.endDate){const e=new Date(s,i,t);return e>=this.startDate&&e<=this.endDate}return!1};return i`
       <div class="calendar">
         <div class="calendar-header">
-          <nile-icon class="calendar-header__month-navigation" name="arrowleft" color="black" @click="${this.prevMonth}">
+          <nile-icon
+            class="calendar-header__month-navigation"
+            name="arrowleft"
+            color="black"
+            @click="${this.prevMonth}"
+          >
           </nile-icon>
           <span
             >${new Date(t,s).toLocaleString("default",{month:"long"})}
             ${t}</span
           >
-          <nile-icon class="calendar-header__month-navigation" name="arrowright" color="black" @click="${this.nextMonth}">
+          <nile-icon
+            class="calendar-header__month-navigation"
+            name="arrowright"
+            color="black"
+            @click="${this.nextMonth}"
+          >
           </nile-icon>
         </div>
         <div class="day-names">
@@ -20,29 +30,130 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
           <div class="day">Sat</div>
         </div>
         <div class="days">
-          ${u.map(((n,a)=>{const h=a>=r.length&&a<r.length+e.length;return i` <div
-              class="day ${c(n,s,t,h)} ${o(n,s,t,h)?"in-range":""} ${h?"":"filler"}"
-              @click="${()=>{h&&this.selectDate(n,s,t)}}"
+          ${u.map(((n,a)=>{const l=a>=r.length&&a<r.length+e.length;return i` <div
+              class="day ${o(n,s,t,l)} ${c(n,s,t,l)?"in-range":""} ${l?"":"filler"}
+                ${this.isCurrentDate(n,s,t)&&l?"current-date":""}
+                "
+              @click="${()=>{l&&this.selectDate(n,s,t)}}"
             >
               ${n}
             </div>`}))}
         </div>
       </div>
-    `}formatDate(t){if(!t)return"";return`${String(t.getDate()).padStart(2,"0")}/${String(t.getMonth()+1).padStart(2,"0")}/${t.getFullYear()}`}formatDateRange(t){return t?t.startDate&&t.endDate?`${this.formatDate(t.startDate)} - ${this.formatDate(t.endDate)}`:"":t}handleStartDateInput(t){const i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.startDate=null),i&&(!this.endDate||i<=this.endDate)?this.startDate=i:(this.startDate=null,this.endDate=null),this.requestUpdate()}handleEndDateInput(t){const i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.endDate=null),i&&(!this.startDate||i>=this.startDate)?this.endDate=i:this.endDate=null,this.requestUpdate()}parseDate(t){const[i,s,e]=t.split("/").map(Number),n=new Date(e,s-1,i);return isNaN(n.getTime())?null:n}isValidDateInput(t){return/^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/.test(t)}formatTime(t){if(!t)return"";return`${String(t.getHours()).padStart(2,"0")}:${String(t.getMinutes()).padStart(2,"0")}:${String(t.getSeconds()).padStart(2,"0")}`}isValidTimeInput(t){return/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/.test(t)}parseTime(t,i){if(!this.isValidTimeInput(t))return null;const[s,e,n]=t.split(":").map(Number),a=new Date(i.getTime());return a.setHours(s,e,n),a}handleStartTimeInput(t){if(!this.startDate)return void(this.startDate=null);const i=this.parseTime(t.detail.value,this.startDate);i?this.startDate=i:this.startDate.setHours(0,0,0),this.requestUpdate()}handleEndTimeInput(t){if(!this.endDate)return void(this.endDate=null);const i=this.parseTime(t.detail.value,this.endDate);i?this.endDate=i:this.endDate.setHours(0,0,0),this.requestUpdate()}render(){this.getDaysArray(this.currentYear,this.currentMonth);const t=(this.currentMonth+1)%12,s=11===this.currentMonth?this.currentYear+1:this.currentYear;return this.getDaysArray(s,t),i`
+    `}formatDate(t){if(!t)return"";return`${String(t.getDate()).padStart(2,"0")}/${String(t.getMonth()+1).padStart(2,"0")}/${t.getFullYear()}`}formatDateRange(t){return t?t.startDate&&t.endDate?`${this.formatDate(t.startDate)} - ${this.formatDate(t.endDate)}`:"":t}handleStartDateInput(t){const i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.startDate=null),i&&(!this.endDate||i<=this.endDate)?this.startDate=i:(this.startDate=null,this.endDate=null),this.requestUpdate()}handleEndDateInput(t){const i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.endDate=null),i&&(!this.startDate||i>=this.startDate)?this.endDate=i:this.endDate=null,this.requestUpdate()}parseDate(t){const[i,s,e]=t.split("/").map(Number),n=new Date(e,s-1,i);return isNaN(n.getTime())?null:n}isValidDateInput(t){return/^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/.test(t)}formatTime(t){if(!t)return"";return`${String(t.getHours()).padStart(2,"0")}:${String(t.getMinutes()).padStart(2,"0")}:${String(t.getSeconds()).padStart(2,"0")}`}isValidTimeInput(t){return/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/.test(t)}parseTime(t,i){if(!this.isValidTimeInput(t))return null;const[s,e,n]=t.split(":").map(Number),a=new Date(i.getTime());return a.setHours(s,e,n),a}handleStartTimeInput(t){if(!this.startDate)return void(this.startDate=null);const i=this.parseTime(t.detail.value,this.startDate);i?this.startDate=i:this.startDate.setHours(0,0,0),this.requestUpdate()}handleEndTimeInput(t){if(!this.endDate)return void(this.endDate=null);const i=this.parseTime(t.detail.value,this.endDate);i?this.endDate=i:this.endDate.setHours(0,0,0),this.requestUpdate()}setType(t){this.type=t}createRelativePeriod(t,i){const s=new Date,e=new Date;switch(t){case"minutes":e.setMinutes(e.getMinutes()-i);break;case"hours":e.setHours(e.getHours()-i);break;case"days":e.setDate(e.getDate()-i);break;case"weeks":e.setDate(e.getDate()-7*i);break;case"months":e.setMonth(e.getMonth()-i)}return this.startDate=new Date(e.getTime()),this.endDate=new Date(s.getTime()),this.requestUpdate(),{startDate:this.startDate,endDate:this.endDate}}handleTimeValueClick(t,i,s){this.createRelativePeriod(t,i),this.selectedUnit=t,this.selectedValue=i,this.requestUpdate()}renderTimeValues(t,s){return s.map((s=>i`
+          <div
+            class="time-value ${this.selectedUnit===t&&this.selectedValue===s?"time-value--selected":""}"
+            @click=${i=>this.handleTimeValueClick(t,s,i)}
+          >
+            ${s}
+          </div>
+        `))}handleDurationChange(t){this.selectedValue=Number(t.detail.value),this.selectedUnit&&this.selectedValue&&this.handleTimeValueClick(this.selectedUnit,this.selectedValue,t)}handleUnitChange(t){this.selectedUnit=t.detail.value,this.selectedUnit&&this.selectedValue&&this.handleTimeValueClick(this.selectedUnit,this.selectedValue,t)}handleTimeZoneChange(t){this.selectedTimeZone=t.detail.value,this.requestUpdate()}render(){const t=h;this.getDaysArray(this.currentYear,this.currentMonth);const s=(this.currentMonth+1)%12,e=11===this.currentMonth?this.currentYear+1:this.currentYear;return this.getDaysArray(e,s),i`
+      <div
+        class="base ${this.range?"base__range":""} ${"relative"===this.type?"base__relative":""}"
+      >
+        <div class="calendar-config ${this.range?"":"hidden"}">
+          <div class="calendar-switcher">
+            <div
+              class="calendar-switch${"absolute"===this.type?"__active":""}"
+              @click="${()=>this.setType("absolute")}"
+            >
+              Absolute
+            </div>
+            <div
+              class="calendar-switch${"relative"===this.type?"__active":""}"
+              @click="${()=>this.setType("relative")}"
+            >
+              Relative
+            </div>
+          </div>
+
+          <div class="calendar-timezone">
+            <nile-select
+              searchEnabled
+              hoist
+              value=${this.selectedTimeZone}
+              @nile-change=${this.handleTimeZoneChange}
+            >
+              <nile-option value="local">Local Time Zone</nile-option>
+              ${t.map((t=>i`
+                  <nile-option value="${t}">${t}</nile-option>
+                `))}
+            </nile-select>
+          </div>
+        </div>
+
+        <div
+          class="calendar-wrapper  ${"absolute"!==this.type?"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="base ${this.range?"base__range":""}">
-          <div class="calendar-wrapper" >
-            <div class="calendar-container ${this.range?"with-margin":""}">
-              ${this.renderMonth(this.currentYear,this.currentMonth,this.getDaysArray(this.currentYear,this.currentMonth))}
+        <div class="unit-container ${"relative"!==this.type?"hidden":""}">
+          <div class="time-unit-group">
+            <div class="time-unit-name"><span>Minutes</span></div>
+            <div class="time-unit-value">
+              ${this.renderTimeValues("minutes",[1,3,5,15,30,45])}
             </div>
-            <!-- ${this.range?i`
-                  <div class="calendar-container">
-                    ${this.renderMonth(this.currentYear,(this.currentMonth+1)%12,this.getDaysArray(this.currentYear,(this.currentMonth+1)%12))}
-                  </div>
-                `:""} -->
+          </div>
 
+          <div class="time-unit-group">
+            <div class="time-unit-name"><span>Hours</span></div>
+            <div class="time-unit-value">
+              ${this.renderTimeValues("hours",[1,2,3,6,8,12])}
+            </div>
           </div>
-          ${this.range?i`
+
+          <div class="time-unit-group">
+            <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">
+            <div class="time-unit-name"><span>Weeks</span></div>
+            <div class="time-unit-value">
+              ${this.renderTimeValues("weeks",[1,2,4,6])}
+            </div>
+          </div>
+
+          <div class="time-unit-group">
+            <div class="time-unit-name"><span>Months:</span></div>
+            <div class="time-unit-value">
+              ${this.renderTimeValues("months",[3,6,12,15])}
+            </div>
+          </div>
+        </div>
+
+        ${this.range&&"relative"===this.type?i`
+          <div class="calender-input calender-input--relative">
+            <div class="from">
+              <nile-input class="manual-input" label="Duration"  value="${this.selectedValue}"
+              @nile-input="${this.handleDurationChange}"
+              placeholder="Enter Value" ></nile-input>
+              <nile-select class="manual-input"  label="Unit" value="${this.selectedUnit}"
+              @nile-change="${this.handleUnitChange}"
+              >
+                <nile-option value="minutes"> Minutes </nile-option>
+                <nile-option value="hours"> Hours </nile-option>
+                <nile-option value="days"> Days </nile-option>
+                <nile-option value="weeks"> Weeks </nile-option>
+                <nile-option value="months"> Months </nile-option>
+          </nile-select>
+
+            </div>
+
+          <div class="button-contaner">
+            <nile-button class="apply-button"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
+            </div>
+
+
+        </div>
+        </div>
+        `:""}
+        ${this.range&&"absolute"===this.type?i`
           <div class="calender-input">
             <span class="manual-input-label">From </span>
             <div class="from">
@@ -64,5 +175,5 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
         </div>
         </div>
         `:""}
-        </div>
-    `}};t([s("nile-dropdown")],r.prototype,"dropdown",void 0),t([l({type:Boolean,reflect:!0})],r.prototype,"dropDownOpened",void 0),t([l({type:Object})],r.prototype,"value",void 0),t([l({type:Object})],r.prototype,"rangeValue",void 0),t([l({type:String,attribute:"value"})],r.prototype,"valueAttribute",void 0),t([l({type:String,attribute:"value"})],r.prototype,"formattedDate",void 0),t([l({type:Object})],r.prototype,"startDate",void 0),t([l({type:Object})],r.prototype,"endDate",void 0),t([l({type:Boolean})],r.prototype,"isSelectingStart",void 0),t([l({type:Boolean})],r.prototype,"range",void 0),t([a("value")],r.prototype,"valueChanged",null),r=t([e("nile-calendar")],r);export{r as N};
+      </div>
+    `}};t([s("nile-dropdown")],d.prototype,"dropdown",void 0),t([r({type:Boolean,reflect:!0})],d.prototype,"dropDownOpened",void 0),t([r({type:Object})],d.prototype,"value",void 0),t([r({type:Object})],d.prototype,"rangeValue",void 0),t([r({type:String,attribute:"value"})],d.prototype,"valueAttribute",void 0),t([r({type:String,attribute:"value"})],d.prototype,"formattedDate",void 0),t([r({type:Object})],d.prototype,"startDate",void 0),t([r({type:Object})],d.prototype,"endDate",void 0),t([r({type:Boolean})],d.prototype,"isSelectingStart",void 0),t([r({type:Boolean})],d.prototype,"range",void 0),t([r({type:String})],d.prototype,"type",void 0),t([r({type:String})],d.prototype,"selectedUnit",void 0),t([r({type:Number})],d.prototype,"selectedValue",void 0),t([r({type:String})],d.prototype,"selectedTimeZone",void 0),t([a("value")],d.prototype,"valueChanged",null),d=t([e("nile-calendar")],d);export{d as N};

package/dist/nile-calendar/timezones.cjs.js

@@ -0,0 +1,2 @@
+System.register([],function(_export,_context){"use strict";var a;return{setters:[],execute:function(){_export("T",a=["Europe/Andorra","Asia/Dubai","Asia/Kabul","Europe/Tirane","Asia/Yerevan","Antarctica/Casey","Antarctica/Davis","Antarctica/DumontDUrville","Antarctica/Mawson","Antarctica/Palmer","Antarctica/Rothera","Antarctica/Syowa","Antarctica/Troll","Antarctica/Vostok","America/Argentina/Buenos_Aires","America/Argentina/Cordoba","America/Argentina/Salta","America/Argentina/Jujuy","America/Argentina/Tucuman","America/Argentina/Catamarca","America/Argentina/La_Rioja","America/Argentina/San_Juan","America/Argentina/Mendoza","America/Argentina/San_Luis","America/Argentina/Rio_Gallegos","America/Argentina/Ushuaia","Pacific/Pago_Pago","Europe/Vienna","Australia/Lord_Howe","Antarctica/Macquarie","Australia/Hobart","Australia/Currie","Australia/Melbourne","Australia/Sydney","Australia/Broken_Hill","Australia/Brisbane","Australia/Lindeman","Australia/Adelaide","Australia/Darwin","Australia/Perth","Australia/Eucla","Asia/Baku","America/Barbados","Asia/Dhaka","Europe/Brussels","Europe/Sofia","Atlantic/Bermuda","Asia/Brunei","America/La_Paz","America/Noronha","America/Belem","America/Fortaleza","America/Recife","America/Araguaina","America/Maceio","America/Bahia","America/Sao_Paulo","America/Campo_Grande","America/Cuiaba","America/Santarem","America/Porto_Velho","America/Boa_Vista","America/Manaus","America/Eirunepe","America/Rio_Branco","America/Nassau","Asia/Thimphu","Europe/Minsk","America/Belize","America/St_Johns","America/Halifax","America/Glace_Bay","America/Moncton","America/Goose_Bay","America/Blanc-Sablon","America/Toronto","America/Nipigon","America/Thunder_Bay","America/Iqaluit","America/Pangnirtung","America/Atikokan","America/Winnipeg","America/Rainy_River","America/Resolute","America/Rankin_Inlet","America/Regina","America/Swift_Current","America/Edmonton","America/Cambridge_Bay","America/Yellowknife","America/Inuvik","America/Creston","America/Dawson_Creek","America/Fort_Nelson","America/Vancouver","America/Whitehorse","America/Dawson","Indian/Cocos","Europe/Zurich","Africa/Abidjan","Pacific/Rarotonga","America/Santiago","America/Punta_Arenas","Pacific/Easter","Asia/Shanghai","Asia/Urumqi","America/Bogota","America/Costa_Rica","America/Havana","Atlantic/Cape_Verde","America/Curacao","Indian/Christmas","Asia/Nicosia","Asia/Famagusta","Europe/Prague","Europe/Berlin","Europe/Copenhagen","America/Santo_Domingo","Africa/Algiers","America/Guayaquil","Pacific/Galapagos","Europe/Tallinn","Africa/Cairo","Africa/El_Aaiun","Europe/Madrid","Africa/Ceuta","Atlantic/Canary","Europe/Helsinki","Pacific/Fiji","Atlantic/Stanley","Pacific/Chuuk","Pacific/Pohnpei","Pacific/Kosrae","Atlantic/Faroe","Europe/Paris","Europe/London","Asia/Tbilisi","America/Cayenne","Africa/Accra","Europe/Gibraltar","America/Godthab","America/Danmarkshavn","America/Scoresbysund","America/Thule","Europe/Athens","Atlantic/South_Georgia","America/Guatemala","Pacific/Guam","Africa/Bissau","America/Guyana","Asia/Hong_Kong","America/Tegucigalpa","America/Port-au-Prince","Europe/Budapest","Asia/Jakarta","Asia/Pontianak","Asia/Makassar","Asia/Jayapura","Europe/Dublin","Asia/Jerusalem","Asia/Kolkata","Indian/Chagos","Asia/Baghdad","Asia/Tehran","Atlantic/Reykjavik","Europe/Rome","America/Jamaica","Asia/Amman","Asia/Tokyo","Africa/Nairobi","Asia/Bishkek","Pacific/Tarawa","Pacific/Enderbury","Pacific/Kiritimati","Asia/Pyongyang","Asia/Seoul","Asia/Almaty","Asia/Qyzylorda","Asia/Qostanay","Asia/Aqtau","Asia/Atyrau","Asia/Oral","Asia/Beirut","Asia/Colombo","Africa/Monrovia","Europe/Vilnius","Europe/Luxembourg","Europe/Riga","Africa/Tripoli","Africa/Casablanca","Europe/Monaco","Europe/Chisinau","Pacific/Majuro","Pacific/Kwajalein","Asia/Yangon","Asia/Ulaanbaatar","Asia/Hovd","Asia/Choibalsan","Asia/Macau","America/Martinique","Europe/Malta","Indian/Mauritius","Indian/Maldives","America/Mexico_City","America/Cancun","America/Merida","America/Monterrey","America/Matamoros","America/Mazatlan","America/Chihuahua","America/Ojinaga","America/Hermosillo","America/Tijuana","America/Bahia_Banderas","Asia/Kuala_Lumpur","Asia/Kuching","Africa/Maputo","Africa/Windhoek","Pacific/Noumea","Pacific/Norfolk","Africa/Lagos","America/Managua","Europe/Amsterdam","Europe/Oslo","Asia/Kathmandu","Pacific/Nauru","Pacific/Niue","Pacific/Auckland","Pacific/Chatham","America/Panama","America/Lima","Pacific/Tahiti","Pacific/Marquesas","Pacific/Gambier","Pacific/Port_Moresby","Pacific/Bougainville","Asia/Manila","Asia/Karachi","Europe/Warsaw","America/Miquelon","Pacific/Pitcairn","America/Puerto_Rico","Asia/Gaza","Asia/Hebron","Europe/Lisbon","Atlantic/Madeira","Atlantic/Azores","Pacific/Palau","America/Asuncion","Asia/Qatar","Indian/Reunion","Europe/Bucharest","Europe/Belgrade","Europe/Kaliningrad","Europe/Moscow","Europe/Simferopol","Europe/Kirov","Europe/Astrakhan","Europe/Volgograd","Europe/Saratov","Europe/Ulyanovsk","Europe/Samara","Asia/Yekaterinburg","Asia/Omsk","Asia/Novosibirsk","Asia/Barnaul","Asia/Tomsk","Asia/Novokuznetsk","Asia/Krasnoyarsk","Asia/Irkutsk","Asia/Chita","Asia/Yakutsk","Asia/Khandyga","Asia/Vladivostok","Asia/Ust-Nera","Asia/Magadan","Asia/Sakhalin","Asia/Srednekolymsk","Asia/Kamchatka","Asia/Anadyr","Asia/Riyadh","Pacific/Guadalcanal","Indian/Mahe","Africa/Khartoum","Europe/Stockholm","Asia/Singapore","America/Paramaribo","Africa/Juba","Africa/Sao_Tome","America/El_Salvador","Asia/Damascus","America/Grand_Turk","Africa/Ndjamena","Indian/Kerguelen","Asia/Bangkok","Asia/Dushanbe","Pacific/Fakaofo","Asia/Dili","Asia/Ashgabat","Africa/Tunis","Pacific/Tongatapu","Europe/Istanbul","America/Port_of_Spain","Pacific/Funafuti","Asia/Taipei","Europe/Kiev","Europe/Uzhgorod","Europe/Zaporozhye","Pacific/Wake","America/New_York","America/Detroit","America/Kentucky/Louisville","America/Kentucky/Monticello","America/Indiana/Indianapolis","America/Indiana/Vincennes","America/Indiana/Winamac","America/Indiana/Marengo","America/Indiana/Petersburg","America/Indiana/Vevay","America/Chicago","America/Indiana/Tell_City","America/Indiana/Knox","America/Menominee","America/North_Dakota/Center","America/North_Dakota/New_Salem","America/North_Dakota/Beulah","America/Denver","America/Boise","America/Phoenix","America/Los_Angeles","America/Anchorage","America/Juneau","America/Sitka","America/Metlakatla","America/Yakutat","America/Nome","America/Adak","Pacific/Honolulu","America/Montevideo","Asia/Samarkand","Asia/Tashkent","America/Caracas","Asia/Ho_Chi_Minh","Pacific/Efate","Pacific/Wallis","Pacific/Apia","Africa/Johannesburg"]);}};});
+//# sourceMappingURL=timezones.cjs.js.map

package/dist/nile-calendar/timezones.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezones.cjs.js","sources":["../../../src/nile-calendar/timezones.ts"],"sourcesContent":["export const TIMEZONES = [\n  'Europe/Andorra',\n  'Asia/Dubai',\n  'Asia/Kabul',\n  'Europe/Tirane',\n  'Asia/Yerevan',\n  'Antarctica/Casey',\n  'Antarctica/Davis',\n  'Antarctica/DumontDUrville',\n  'Antarctica/Mawson',\n  'Antarctica/Palmer',\n  'Antarctica/Rothera',\n  'Antarctica/Syowa',\n  'Antarctica/Troll',\n  'Antarctica/Vostok',\n  'America/Argentina/Buenos_Aires',\n  'America/Argentina/Cordoba',\n  'America/Argentina/Salta',\n  'America/Argentina/Jujuy',\n  'America/Argentina/Tucuman',\n  'America/Argentina/Catamarca',\n  'America/Argentina/La_Rioja',\n  'America/Argentina/San_Juan',\n  'America/Argentina/Mendoza',\n  'America/Argentina/San_Luis',\n  'America/Argentina/Rio_Gallegos',\n  'America/Argentina/Ushuaia',\n  'Pacific/Pago_Pago',\n  'Europe/Vienna',\n  'Australia/Lord_Howe',\n  'Antarctica/Macquarie',\n  'Australia/Hobart',\n  'Australia/Currie',\n  'Australia/Melbourne',\n  'Australia/Sydney',\n  'Australia/Broken_Hill',\n  'Australia/Brisbane',\n  'Australia/Lindeman',\n  'Australia/Adelaide',\n  'Australia/Darwin',\n  'Australia/Perth',\n  'Australia/Eucla',\n  'Asia/Baku',\n  'America/Barbados',\n  'Asia/Dhaka',\n  'Europe/Brussels',\n  'Europe/Sofia',\n  'Atlantic/Bermuda',\n  'Asia/Brunei',\n  'America/La_Paz',\n  'America/Noronha',\n  'America/Belem',\n  'America/Fortaleza',\n  'America/Recife',\n  'America/Araguaina',\n  'America/Maceio',\n  'America/Bahia',\n  'America/Sao_Paulo',\n  'America/Campo_Grande',\n  'America/Cuiaba',\n  'America/Santarem',\n  'America/Porto_Velho',\n  'America/Boa_Vista',\n  'America/Manaus',\n  'America/Eirunepe',\n  'America/Rio_Branco',\n  'America/Nassau',\n  'Asia/Thimphu',\n  'Europe/Minsk',\n  'America/Belize',\n  'America/St_Johns',\n  'America/Halifax',\n  'America/Glace_Bay',\n  'America/Moncton',\n  'America/Goose_Bay',\n  'America/Blanc-Sablon',\n  'America/Toronto',\n  'America/Nipigon',\n  'America/Thunder_Bay',\n  'America/Iqaluit',\n  'America/Pangnirtung',\n  'America/Atikokan',\n  'America/Winnipeg',\n  'America/Rainy_River',\n  'America/Resolute',\n  'America/Rankin_Inlet',\n  'America/Regina',\n  'America/Swift_Current',\n  'America/Edmonton',\n  'America/Cambridge_Bay',\n  'America/Yellowknife',\n  'America/Inuvik',\n  'America/Creston',\n  'America/Dawson_Creek',\n  'America/Fort_Nelson',\n  'America/Vancouver',\n  'America/Whitehorse',\n  'America/Dawson',\n  'Indian/Cocos',\n  'Europe/Zurich',\n  'Africa/Abidjan',\n  'Pacific/Rarotonga',\n  'America/Santiago',\n  'America/Punta_Arenas',\n  'Pacific/Easter',\n  'Asia/Shanghai',\n  'Asia/Urumqi',\n  'America/Bogota',\n  'America/Costa_Rica',\n  'America/Havana',\n  'Atlantic/Cape_Verde',\n  'America/Curacao',\n  'Indian/Christmas',\n  'Asia/Nicosia',\n  'Asia/Famagusta',\n  'Europe/Prague',\n  'Europe/Berlin',\n  'Europe/Copenhagen',\n  'America/Santo_Domingo',\n  'Africa/Algiers',\n  'America/Guayaquil',\n  'Pacific/Galapagos',\n  'Europe/Tallinn',\n  'Africa/Cairo',\n  'Africa/El_Aaiun',\n  'Europe/Madrid',\n  'Africa/Ceuta',\n  'Atlantic/Canary',\n  'Europe/Helsinki',\n  'Pacific/Fiji',\n  'Atlantic/Stanley',\n  'Pacific/Chuuk',\n  'Pacific/Pohnpei',\n  'Pacific/Kosrae',\n  'Atlantic/Faroe',\n  'Europe/Paris',\n  'Europe/London',\n  'Asia/Tbilisi',\n  'America/Cayenne',\n  'Africa/Accra',\n  'Europe/Gibraltar',\n  'America/Godthab',\n  'America/Danmarkshavn',\n  'America/Scoresbysund',\n  'America/Thule',\n  'Europe/Athens',\n  'Atlantic/South_Georgia',\n  'America/Guatemala',\n  'Pacific/Guam',\n  'Africa/Bissau',\n  'America/Guyana',\n  'Asia/Hong_Kong',\n  'America/Tegucigalpa',\n  'America/Port-au-Prince',\n  'Europe/Budapest',\n  'Asia/Jakarta',\n  'Asia/Pontianak',\n  'Asia/Makassar',\n  'Asia/Jayapura',\n  'Europe/Dublin',\n  'Asia/Jerusalem',\n  'Asia/Kolkata',\n  'Indian/Chagos',\n  'Asia/Baghdad',\n  'Asia/Tehran',\n  'Atlantic/Reykjavik',\n  'Europe/Rome',\n  'America/Jamaica',\n  'Asia/Amman',\n  'Asia/Tokyo',\n  'Africa/Nairobi',\n  'Asia/Bishkek',\n  'Pacific/Tarawa',\n  'Pacific/Enderbury',\n  'Pacific/Kiritimati',\n  'Asia/Pyongyang',\n  'Asia/Seoul',\n  'Asia/Almaty',\n  'Asia/Qyzylorda',\n  'Asia/Qostanay',\n  'Asia/Aqtau',\n  'Asia/Atyrau',\n  'Asia/Oral',\n  'Asia/Beirut',\n  'Asia/Colombo',\n  'Africa/Monrovia',\n  'Europe/Vilnius',\n  'Europe/Luxembourg',\n  'Europe/Riga',\n  'Africa/Tripoli',\n  'Africa/Casablanca',\n  'Europe/Monaco',\n  'Europe/Chisinau',\n  'Pacific/Majuro',\n  'Pacific/Kwajalein',\n  'Asia/Yangon',\n  'Asia/Ulaanbaatar',\n  'Asia/Hovd',\n  'Asia/Choibalsan',\n  'Asia/Macau',\n  'America/Martinique',\n  'Europe/Malta',\n  'Indian/Mauritius',\n  'Indian/Maldives',\n  'America/Mexico_City',\n  'America/Cancun',\n  'America/Merida',\n  'America/Monterrey',\n  'America/Matamoros',\n  'America/Mazatlan',\n  'America/Chihuahua',\n  'America/Ojinaga',\n  'America/Hermosillo',\n  'America/Tijuana',\n  'America/Bahia_Banderas',\n  'Asia/Kuala_Lumpur',\n  'Asia/Kuching',\n  'Africa/Maputo',\n  'Africa/Windhoek',\n  'Pacific/Noumea',\n  'Pacific/Norfolk',\n  'Africa/Lagos',\n  'America/Managua',\n  'Europe/Amsterdam',\n  'Europe/Oslo',\n  'Asia/Kathmandu',\n  'Pacific/Nauru',\n  'Pacific/Niue',\n  'Pacific/Auckland',\n  'Pacific/Chatham',\n  'America/Panama',\n  'America/Lima',\n  'Pacific/Tahiti',\n  'Pacific/Marquesas',\n  'Pacific/Gambier',\n  'Pacific/Port_Moresby',\n  'Pacific/Bougainville',\n  'Asia/Manila',\n  'Asia/Karachi',\n  'Europe/Warsaw',\n  'America/Miquelon',\n  'Pacific/Pitcairn',\n  'America/Puerto_Rico',\n  'Asia/Gaza',\n  'Asia/Hebron',\n  'Europe/Lisbon',\n  'Atlantic/Madeira',\n  'Atlantic/Azores',\n  'Pacific/Palau',\n  'America/Asuncion',\n  'Asia/Qatar',\n  'Indian/Reunion',\n  'Europe/Bucharest',\n  'Europe/Belgrade',\n  'Europe/Kaliningrad',\n  'Europe/Moscow',\n  'Europe/Simferopol',\n  'Europe/Kirov',\n  'Europe/Astrakhan',\n  'Europe/Volgograd',\n  'Europe/Saratov',\n  'Europe/Ulyanovsk',\n  'Europe/Samara',\n  'Asia/Yekaterinburg',\n  'Asia/Omsk',\n  'Asia/Novosibirsk',\n  'Asia/Barnaul',\n  'Asia/Tomsk',\n  'Asia/Novokuznetsk',\n  'Asia/Krasnoyarsk',\n  'Asia/Irkutsk',\n  'Asia/Chita',\n  'Asia/Yakutsk',\n  'Asia/Khandyga',\n  'Asia/Vladivostok',\n  'Asia/Ust-Nera',\n  'Asia/Magadan',\n  'Asia/Sakhalin',\n  'Asia/Srednekolymsk',\n  'Asia/Kamchatka',\n  'Asia/Anadyr',\n  'Asia/Riyadh',\n  'Pacific/Guadalcanal',\n  'Indian/Mahe',\n  'Africa/Khartoum',\n  'Europe/Stockholm',\n  'Asia/Singapore',\n  'America/Paramaribo',\n  'Africa/Juba',\n  'Africa/Sao_Tome',\n  'America/El_Salvador',\n  'Asia/Damascus',\n  'America/Grand_Turk',\n  'Africa/Ndjamena',\n  'Indian/Kerguelen',\n  'Asia/Bangkok',\n  'Asia/Dushanbe',\n  'Pacific/Fakaofo',\n  'Asia/Dili',\n  'Asia/Ashgabat',\n  'Africa/Tunis',\n  'Pacific/Tongatapu',\n  'Europe/Istanbul',\n  'America/Port_of_Spain',\n  'Pacific/Funafuti',\n  'Asia/Taipei',\n  'Europe/Kiev',\n  'Europe/Uzhgorod',\n  'Europe/Zaporozhye',\n  'Pacific/Wake',\n  'America/New_York',\n  'America/Detroit',\n  'America/Kentucky/Louisville',\n  'America/Kentucky/Monticello',\n  'America/Indiana/Indianapolis',\n  'America/Indiana/Vincennes',\n  'America/Indiana/Winamac',\n  'America/Indiana/Marengo',\n  'America/Indiana/Petersburg',\n  'America/Indiana/Vevay',\n  'America/Chicago',\n  'America/Indiana/Tell_City',\n  'America/Indiana/Knox',\n  'America/Menominee',\n  'America/North_Dakota/Center',\n  'America/North_Dakota/New_Salem',\n  'America/North_Dakota/Beulah',\n  'America/Denver',\n  'America/Boise',\n  'America/Phoenix',\n  'America/Los_Angeles',\n  'America/Anchorage',\n  'America/Juneau',\n  'America/Sitka',\n  'America/Metlakatla',\n  'America/Yakutat',\n  'America/Nome',\n  'America/Adak',\n  'Pacific/Honolulu',\n  'America/Montevideo',\n  'Asia/Samarkand',\n  'Asia/Tashkent',\n  'America/Caracas',\n  'Asia/Ho_Chi_Minh',\n  'Pacific/Efate',\n  'Pacific/Wallis',\n  'Pacific/Apia',\n  'Africa/Johannesburg'];\n"],"names":["TIMEZONES"],"mappings":"kHAAaA,EAAY,CACvB,gBAAA,CACA,aACA,YACA,CAAA,eAAA,CACA,eACA,kBACA,CAAA,kBAAA,CACA,2BACA,CAAA,mBAAA,CACA,oBACA,oBACA,CAAA,kBAAA,CACA,mBACA,mBACA,CAAA,gCAAA,CACA,4BACA,yBACA,CAAA,yBAAA,CACA,2BACA,CAAA,6BAAA,CACA,6BACA,4BACA,CAAA,2BAAA,CACA,6BACA,gCACA,CAAA,2BAAA,CACA,oBACA,eACA,CAAA,qBAAA,CACA,sBACA,CAAA,kBAAA,CACA,mBACA,qBACA,CAAA,kBAAA,CACA,wBACA,oBACA,CAAA,oBAAA,CACA,qBACA,kBACA,CAAA,iBAAA,CACA,iBACA,CAAA,WAAA,CACA,mBACA,YACA,CAAA,iBAAA,CACA,eACA,kBACA,CAAA,aAAA,CACA,iBACA,iBACA,CAAA,eAAA,CACA,mBACA,CAAA,gBAAA,CACA,oBACA,gBACA,CAAA,eAAA,CACA,oBACA,sBACA,CAAA,gBAAA,CACA,mBACA,qBACA,CAAA,mBAAA,CACA,gBACA,CAAA,kBAAA,CACA,qBACA,gBACA,CAAA,cAAA,CACA,eACA,gBACA,CAAA,kBAAA,CACA,kBACA,mBACA,CAAA,iBAAA,CACA,mBACA,CAAA,sBAAA,CACA,kBACA,iBACA,CAAA,qBAAA,CACA,kBACA,qBACA,CAAA,kBAAA,CACA,mBACA,qBACA,CAAA,kBAAA,CACA,sBACA,CAAA,gBAAA,CACA,wBACA,kBACA,CAAA,uBAAA,CACA,sBACA,gBACA,CAAA,iBAAA,CACA,uBACA,qBACA,CAAA,mBAAA,CACA,oBACA,CAAA,gBAAA,CACA,eACA,eACA,CAAA,gBAAA,CACA,oBACA,kBACA,CAAA,sBAAA,CACA,iBACA,eACA,CAAA,aAAA,CACA,gBACA,CAAA,oBAAA,CACA,iBACA,qBACA,CAAA,iBAAA,CACA,mBACA,cACA,CAAA,gBAAA,CACA,gBACA,eACA,CAAA,mBAAA,CACA,uBACA,CAAA,gBAAA,CACA,oBACA,mBACA,CAAA,gBAAA,CACA,eACA,iBACA,CAAA,eAAA,CACA,eACA,iBACA,CAAA,iBAAA,CACA,cACA,CAAA,kBAAA,CACA,gBACA,iBACA,CAAA,gBAAA,CACA,iBACA,cACA,CAAA,eAAA,CACA,eACA,iBACA,CAAA,cAAA,CACA,kBACA,CAAA,iBAAA,CACA,uBACA,sBACA,CAAA,eAAA,CACA,gBACA,wBACA,CAAA,mBAAA,CACA,eACA,eACA,CAAA,gBAAA,CACA,gBACA,CAAA,qBAAA,CACA,yBACA,iBACA,CAAA,cAAA,CACA,iBACA,eACA,CAAA,eAAA,CACA,gBACA,gBACA,CAAA,cAAA,CACA,eACA,CAAA,cAAA,CACA,cACA,oBACA,CAAA,aAAA,CACA,kBACA,YACA,CAAA,YAAA,CACA,iBACA,cACA,CAAA,gBAAA,CACA,mBACA,CAAA,oBAAA,CACA,iBACA,YACA,CAAA,aAAA,CACA,iBACA,eACA,CAAA,YAAA,CACA,cACA,WACA,CAAA,aAAA,CACA,cACA,CAAA,iBAAA,CACA,iBACA,mBACA,CAAA,aAAA,CACA,iBACA,mBACA,CAAA,eAAA,CACA,kBACA,gBACA,CAAA,mBAAA,CACA,aACA,CAAA,kBAAA,CACA,YACA,iBACA,CAAA,YAAA,CACA,qBACA,cACA,CAAA,kBAAA,CACA,kBACA,qBACA,CAAA,gBAAA,CACA,gBACA,CAAA,mBAAA,CACA,oBACA,kBACA,CAAA,mBAAA,CACA,kBACA,oBACA,CAAA,iBAAA,CACA,yBACA,mBACA,CAAA,cAAA,CACA,eACA,CAAA,iBAAA,CACA,iBACA,iBACA,CAAA,cAAA,CACA,kBACA,kBACA,CAAA,aAAA,CACA,iBACA,eACA,CAAA,cAAA,CACA,kBACA,CAAA,iBAAA,CACA,iBACA,cACA,CAAA,gBAAA,CACA,oBACA,iBACA,CAAA,sBAAA,CACA,uBACA,aACA,CAAA,cAAA,CACA,eACA,CAAA,kBAAA,CACA,mBACA,qBACA,CAAA,WAAA,CACA,cACA,eACA,CAAA,kBAAA,CACA,kBACA,eACA,CAAA,kBAAA,CACA,YACA,CAAA,gBAAA,CACA,mBACA,iBACA,CAAA,oBAAA,CACA,gBACA,mBACA,CAAA,cAAA,CACA,mBACA,kBACA,CAAA,gBAAA,CACA,kBACA,CAAA,eAAA,CACA,qBACA,WACA,CAAA,kBAAA,CACA,eACA,YACA,CAAA,mBAAA,CACA,mBACA,cACA,CAAA,YAAA,CACA,cACA,CAAA,eAAA,CACA,mBACA,eACA,CAAA,cAAA,CACA,gBACA,oBACA,CAAA,gBAAA,CACA,cACA,aACA,CAAA,qBAAA,CACA,aACA,CAAA,iBAAA,CACA,mBACA,gBACA,CAAA,oBAAA,CACA,cACA,iBACA,CAAA,qBAAA,CACA,gBACA,oBACA,CAAA,iBAAA,CACA,kBACA,CAAA,cAAA,CACA,gBACA,iBACA,CAAA,WAAA,CACA,gBACA,cACA,CAAA,mBAAA,CACA,kBACA,uBACA,CAAA,kBAAA,CACA,aACA,CAAA,aAAA,CACA,kBACA,mBACA,CAAA,cAAA,CACA,mBACA,iBACA,CAAA,6BAAA,CACA,8BACA,8BACA,CAAA,2BAAA,CACA,yBACA,CAAA,yBAAA,CACA,6BACA,uBACA,CAAA,iBAAA,CACA,4BACA,sBACA,CAAA,mBAAA,CACA,8BACA,gCACA,CAAA,6BAAA,CACA,gBACA,CAAA,eAAA,CACA,kBACA,qBACA,CAAA,mBAAA,CACA,iBACA,eACA,CAAA,oBAAA,CACA,kBACA,cACA,CAAA,cAAA,CACA,kBACA,CAAA,oBAAA,CACA,iBACA,eACA,CAAA,iBAAA,CACA,mBACA,eACA,CAAA,gBAAA,CACA,eACA"}

package/dist/nile-calendar/timezones.esm.js

@@ -0,0 +1 @@
+const a=["Europe/Andorra","Asia/Dubai","Asia/Kabul","Europe/Tirane","Asia/Yerevan","Antarctica/Casey","Antarctica/Davis","Antarctica/DumontDUrville","Antarctica/Mawson","Antarctica/Palmer","Antarctica/Rothera","Antarctica/Syowa","Antarctica/Troll","Antarctica/Vostok","America/Argentina/Buenos_Aires","America/Argentina/Cordoba","America/Argentina/Salta","America/Argentina/Jujuy","America/Argentina/Tucuman","America/Argentina/Catamarca","America/Argentina/La_Rioja","America/Argentina/San_Juan","America/Argentina/Mendoza","America/Argentina/San_Luis","America/Argentina/Rio_Gallegos","America/Argentina/Ushuaia","Pacific/Pago_Pago","Europe/Vienna","Australia/Lord_Howe","Antarctica/Macquarie","Australia/Hobart","Australia/Currie","Australia/Melbourne","Australia/Sydney","Australia/Broken_Hill","Australia/Brisbane","Australia/Lindeman","Australia/Adelaide","Australia/Darwin","Australia/Perth","Australia/Eucla","Asia/Baku","America/Barbados","Asia/Dhaka","Europe/Brussels","Europe/Sofia","Atlantic/Bermuda","Asia/Brunei","America/La_Paz","America/Noronha","America/Belem","America/Fortaleza","America/Recife","America/Araguaina","America/Maceio","America/Bahia","America/Sao_Paulo","America/Campo_Grande","America/Cuiaba","America/Santarem","America/Porto_Velho","America/Boa_Vista","America/Manaus","America/Eirunepe","America/Rio_Branco","America/Nassau","Asia/Thimphu","Europe/Minsk","America/Belize","America/St_Johns","America/Halifax","America/Glace_Bay","America/Moncton","America/Goose_Bay","America/Blanc-Sablon","America/Toronto","America/Nipigon","America/Thunder_Bay","America/Iqaluit","America/Pangnirtung","America/Atikokan","America/Winnipeg","America/Rainy_River","America/Resolute","America/Rankin_Inlet","America/Regina","America/Swift_Current","America/Edmonton","America/Cambridge_Bay","America/Yellowknife","America/Inuvik","America/Creston","America/Dawson_Creek","America/Fort_Nelson","America/Vancouver","America/Whitehorse","America/Dawson","Indian/Cocos","Europe/Zurich","Africa/Abidjan","Pacific/Rarotonga","America/Santiago","America/Punta_Arenas","Pacific/Easter","Asia/Shanghai","Asia/Urumqi","America/Bogota","America/Costa_Rica","America/Havana","Atlantic/Cape_Verde","America/Curacao","Indian/Christmas","Asia/Nicosia","Asia/Famagusta","Europe/Prague","Europe/Berlin","Europe/Copenhagen","America/Santo_Domingo","Africa/Algiers","America/Guayaquil","Pacific/Galapagos","Europe/Tallinn","Africa/Cairo","Africa/El_Aaiun","Europe/Madrid","Africa/Ceuta","Atlantic/Canary","Europe/Helsinki","Pacific/Fiji","Atlantic/Stanley","Pacific/Chuuk","Pacific/Pohnpei","Pacific/Kosrae","Atlantic/Faroe","Europe/Paris","Europe/London","Asia/Tbilisi","America/Cayenne","Africa/Accra","Europe/Gibraltar","America/Godthab","America/Danmarkshavn","America/Scoresbysund","America/Thule","Europe/Athens","Atlantic/South_Georgia","America/Guatemala","Pacific/Guam","Africa/Bissau","America/Guyana","Asia/Hong_Kong","America/Tegucigalpa","America/Port-au-Prince","Europe/Budapest","Asia/Jakarta","Asia/Pontianak","Asia/Makassar","Asia/Jayapura","Europe/Dublin","Asia/Jerusalem","Asia/Kolkata","Indian/Chagos","Asia/Baghdad","Asia/Tehran","Atlantic/Reykjavik","Europe/Rome","America/Jamaica","Asia/Amman","Asia/Tokyo","Africa/Nairobi","Asia/Bishkek","Pacific/Tarawa","Pacific/Enderbury","Pacific/Kiritimati","Asia/Pyongyang","Asia/Seoul","Asia/Almaty","Asia/Qyzylorda","Asia/Qostanay","Asia/Aqtau","Asia/Atyrau","Asia/Oral","Asia/Beirut","Asia/Colombo","Africa/Monrovia","Europe/Vilnius","Europe/Luxembourg","Europe/Riga","Africa/Tripoli","Africa/Casablanca","Europe/Monaco","Europe/Chisinau","Pacific/Majuro","Pacific/Kwajalein","Asia/Yangon","Asia/Ulaanbaatar","Asia/Hovd","Asia/Choibalsan","Asia/Macau","America/Martinique","Europe/Malta","Indian/Mauritius","Indian/Maldives","America/Mexico_City","America/Cancun","America/Merida","America/Monterrey","America/Matamoros","America/Mazatlan","America/Chihuahua","America/Ojinaga","America/Hermosillo","America/Tijuana","America/Bahia_Banderas","Asia/Kuala_Lumpur","Asia/Kuching","Africa/Maputo","Africa/Windhoek","Pacific/Noumea","Pacific/Norfolk","Africa/Lagos","America/Managua","Europe/Amsterdam","Europe/Oslo","Asia/Kathmandu","Pacific/Nauru","Pacific/Niue","Pacific/Auckland","Pacific/Chatham","America/Panama","America/Lima","Pacific/Tahiti","Pacific/Marquesas","Pacific/Gambier","Pacific/Port_Moresby","Pacific/Bougainville","Asia/Manila","Asia/Karachi","Europe/Warsaw","America/Miquelon","Pacific/Pitcairn","America/Puerto_Rico","Asia/Gaza","Asia/Hebron","Europe/Lisbon","Atlantic/Madeira","Atlantic/Azores","Pacific/Palau","America/Asuncion","Asia/Qatar","Indian/Reunion","Europe/Bucharest","Europe/Belgrade","Europe/Kaliningrad","Europe/Moscow","Europe/Simferopol","Europe/Kirov","Europe/Astrakhan","Europe/Volgograd","Europe/Saratov","Europe/Ulyanovsk","Europe/Samara","Asia/Yekaterinburg","Asia/Omsk","Asia/Novosibirsk","Asia/Barnaul","Asia/Tomsk","Asia/Novokuznetsk","Asia/Krasnoyarsk","Asia/Irkutsk","Asia/Chita","Asia/Yakutsk","Asia/Khandyga","Asia/Vladivostok","Asia/Ust-Nera","Asia/Magadan","Asia/Sakhalin","Asia/Srednekolymsk","Asia/Kamchatka","Asia/Anadyr","Asia/Riyadh","Pacific/Guadalcanal","Indian/Mahe","Africa/Khartoum","Europe/Stockholm","Asia/Singapore","America/Paramaribo","Africa/Juba","Africa/Sao_Tome","America/El_Salvador","Asia/Damascus","America/Grand_Turk","Africa/Ndjamena","Indian/Kerguelen","Asia/Bangkok","Asia/Dushanbe","Pacific/Fakaofo","Asia/Dili","Asia/Ashgabat","Africa/Tunis","Pacific/Tongatapu","Europe/Istanbul","America/Port_of_Spain","Pacific/Funafuti","Asia/Taipei","Europe/Kiev","Europe/Uzhgorod","Europe/Zaporozhye","Pacific/Wake","America/New_York","America/Detroit","America/Kentucky/Louisville","America/Kentucky/Monticello","America/Indiana/Indianapolis","America/Indiana/Vincennes","America/Indiana/Winamac","America/Indiana/Marengo","America/Indiana/Petersburg","America/Indiana/Vevay","America/Chicago","America/Indiana/Tell_City","America/Indiana/Knox","America/Menominee","America/North_Dakota/Center","America/North_Dakota/New_Salem","America/North_Dakota/Beulah","America/Denver","America/Boise","America/Phoenix","America/Los_Angeles","America/Anchorage","America/Juneau","America/Sitka","America/Metlakatla","America/Yakutat","America/Nome","America/Adak","Pacific/Honolulu","America/Montevideo","Asia/Samarkand","Asia/Tashkent","America/Caracas","Asia/Ho_Chi_Minh","Pacific/Efate","Pacific/Wallis","Pacific/Apia","Africa/Johannesburg"];export{a as T};

package/dist/nile-option/nile-option.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",i=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    user-select: none;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .option {\n    position: relative;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.8;\n    letter-spacing: normal;\n    color: hsl(240 5.3% 26.1%);\n    padding: 6px 0;\n    transition: 150ms fill;\n    cursor: pointer;\n  }\n\n  .option--single-select {\n    padding: 9px 12px;\n  }\n\n  .option--hover:not(.option--current):not(.option--disabled) {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: hsl(0, 0%, 0%);\n  }\n\n  .option--current,\n  .option--current.option--disabled {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: #005ea6;\n    opacity: 1;\n  }\n\n  .option--disabled {\n    outline: none;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .option__label {\n    flex: 1 1 auto;\n    display: inline-block;\n    line-height: 1.4;\n  }\n\n  .option .option__check {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    visibility: hidden;\n    padding-inline-end: 0.25rem;\n  }\n\n  .option--selected .option__check {\n    visibility: visible;\n  }\n\n  .option__prefix,\n  .option__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .option__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .option__suffix::slotted(*) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .option--checkbox{\n    pointer-events: none;\n    margin-left: 12px;\n    margin-right: 12px;\n    width:auto;\n  }\n\n  @media (forced-colors: active) {\n    :host(:hover:not([aria-disabled='true'])) .option {\n      outline: dashed 1px SelectedItem;\n      outline-offset: -1px;\n    }\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    user-select: none;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .option {\n    position: relative;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.8;\n    letter-spacing: normal;\n    color: hsl(240 5.3% 26.1%);\n    padding: 6px 0;\n    transition: 150ms fill;\n    cursor: pointer;\n  }\n\n  .option--single-select {\n    padding: 9px 12px;\n  }\n\n  .option--hover:not(.option--current):not(.option--disabled) {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: hsl(0, 0%, 0%);\n  }\n\n  .option--current,\n  .option--current.option--disabled {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: #005ea6;\n    opacity: 1;\n  }\n\n  .option--disabled {\n    outline: none;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .option__label {\n    flex: 1 1 auto;\n    display: inline-block;\n    line-height: 1.4;\n    word-break: break-all;\n  }\n\n  .option .option__check {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    visibility: hidden;\n    padding-inline-end: 0.25rem;\n  }\n\n  .option--selected .option__check {\n    visibility: visible;\n  }\n\n  .option__prefix,\n  .option__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .option__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .option__suffix::slotted(*) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .option--checkbox{\n    pointer-events: none;\n    margin-left: 12px;\n    margin-right: 12px;\n    width:auto;\n  }\n\n  @media (forced-colors: active) {\n    :host(:hover:not([aria-disabled='true'])) .option {\n      outline: dashed 1px SelectedItem;\n      outline-offset: -1px;\n    }\n  }\n"]))));}};});
 //# sourceMappingURL=nile-option.css.cjs.js.map

package/dist/nile-option/nile-option.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-option.css.cjs.js","sources":["../../../src/nile-option/nile-option.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Option_2 CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    user-select: none;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .option {\n    position: relative;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.8;\n    letter-spacing: normal;\n    color: hsl(240 5.3% 26.1%);\n    padding: 6px 0;\n    transition: 150ms fill;\n    cursor: pointer;\n  }\n\n  .option--single-select {\n    padding: 9px 12px;\n  }\n\n  .option--hover:not(.option--current):not(.option--disabled) {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: hsl(0, 0%, 0%);\n  }\n\n  .option--current,\n  .option--current.option--disabled {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: #005ea6;\n    opacity: 1;\n  }\n\n  .option--disabled {\n    outline: none;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .option__label {\n    flex: 1 1 auto;\n    display: inline-block;\n    line-height: 1.4;\n  }\n\n  .option .option__check {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    visibility: hidden;\n    padding-inline-end: 0.25rem;\n  }\n\n  .option--selected .option__check {\n    visibility: visible;\n  }\n\n  .option__prefix,\n  .option__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .option__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .option__suffix::slotted(*) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .option--checkbox{\n    pointer-events: none;\n    margin-left: 12px;\n    margin-right: 12px;\n    width:auto;\n  }\n\n  @media (forced-colors: active) {\n    :host(:hover:not([aria-disabled='true'])) .option {\n      outline: dashed 1px SelectedItem;\n      outline-offset: -1px;\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-option.css.cjs.js","sources":["../../../src/nile-option/nile-option.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Option_2 CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    user-select: none;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  .option {\n    position: relative;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.8;\n    letter-spacing: normal;\n    color: hsl(240 5.3% 26.1%);\n    padding: 6px 0;\n    transition: 150ms fill;\n    cursor: pointer;\n  }\n\n  .option--single-select {\n    padding: 9px 12px;\n  }\n\n  .option--hover:not(.option--current):not(.option--disabled) {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: hsl(0, 0%, 0%);\n  }\n\n  .option--current,\n  .option--current.option--disabled {\n    background-color: rgba(0, 94, 166, 0.1);\n    color: #005ea6;\n    opacity: 1;\n  }\n\n  .option--disabled {\n    outline: none;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .option__label {\n    flex: 1 1 auto;\n    display: inline-block;\n    line-height: 1.4;\n    word-break: break-all;\n  }\n\n  .option .option__check {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    visibility: hidden;\n    padding-inline-end: 0.25rem;\n  }\n\n  .option--selected .option__check {\n    visibility: visible;\n  }\n\n  .option__prefix,\n  .option__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .option__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .option__suffix::slotted(*) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .option--checkbox{\n    pointer-events: none;\n    margin-left: 12px;\n    margin-right: 12px;\n    width:auto;\n  }\n\n  @media (forced-colors: active) {\n    :host(:hover:not([aria-disabled='true'])) .option {\n      outline: dashed 1px SelectedItem;\n      outline-offset: -1px;\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-option/nile-option.css.esm.js

@@ -1,4 +1,4 @@
-import{i as o}from"../index-cd2f9c12.esm.js";const i=o`
+import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
   :host {
     display: block;
     user-select: none;
@@ -48,6 +48,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const i=o`
     flex: 1 1 auto;
     display: inline-block;
     line-height: 1.4;
+    word-break: break-all;
   }
 
   .option .option__check {
@@ -91,4 +92,4 @@ import{i as o}from"../index-cd2f9c12.esm.js";const i=o`
       outline-offset: -1px;
     }
   }
-`;export{i as s};
+`;export{e as s};

package/dist/src/nile-calendar/nile-calendar.css.js

@@ -81,8 +81,17 @@ export const styles = css `
     cursor: pointer;
   }
 
+  .current-date {
+    border: 1px solid #1978b8;
+  }
+
+  .day:hover {
+    background-color: #e5e9eb;
+  }
+
   .filler {
-    color: grey;
+    color: #7f7f7f;
+    pointer-events: none;
   }
 
   .selected-date {
@@ -91,12 +100,15 @@ export const styles = css `
     background: #a5d3f3;
   }
 
+  .selected-date:hover {
+    background: #a5d3f3;
+  }
+
   .calendar-wrapper {
     background: white;
     display: flex;
     justify-content: space-between;
     width: 365px;
-    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
   }
 
   .selected-date,
@@ -148,6 +160,10 @@ export const styles = css `
     width: 365px;
   }
 
+  .base__relative {
+    width: 446px;
+  }
+
   .base__range {
     padding: 24px;
   }
@@ -158,6 +174,10 @@ export const styles = css `
     width: 365px;
   }
 
+  .calender-input--relative {
+    width: 446px;
+  }
+
   .from {
     display: flex;
     justify-content: space-between;
@@ -181,7 +201,101 @@ export const styles = css `
   .button-contaner {
     width: 100%;
     text-align: right;
-    padding: 12px 0 0 0;
+    padding: 24px 0 0 0;
+  }
+
+  .calendar-config {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+  }
+
+  .calendar-switcher {
+    display: flex;
+    align-items: flex-start;
+    gap: 24px;
+    justify-content: space-between;
+    border-bottom: 1px solid #e5e9eb;
+  }
+
+  .calendar-switch {
+    padding-bottom: 12px;
+    cursor: pointer;
+  }
+
+  .calendar-switch__active {
+    padding-bottom: 12px;
+    border-bottom: 4px solid #005ea6;
+  }
+
+  .unit-container {
+    display: flex;
+    flex-direction: column;
+    width: 446px;
+    margin-top: 24px;
+  }
+
+  .time-unit-group {
+    display: flex;
+    align-items: center;
+    margin-bottom: 24px;
+    gap: 24px;
+  }
+
+  .time-unit-name {
+    width: 54px;
+  }
+
+  .time-unit-name span {
+    margin-right: 24px;
+    color: var(--color-text-default, #000);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+
+  .time-unit-value {
+    display: flex;
+  }
+
+  .time-value {
+    display: inline-flex;
+    width: 48px;
+    height: 32px;
+    box-sizing: border-box;
+    padding: 5px;
+    border: 1px solid #ddd;
+    cursor: pointer;
+    justify-content: center;
+    align-items: center;
+    margin-right: 16px;
+    border-radius: 4px;
+    border: 1px solid #c7ced4;
+    background: rgba(255, 255, 255, 0.2);
+  }
+
+  .time-value--selected {
+    background: #a5d3f3;
+  }
+
+  .time-value:last-child {
+    margin-right: 0;
+  }
+
+  .time-value:hover {
+    background: #e5e9eb;
+  }
+
+  .time-value--selected:hover {
+    background-color: #a5d3f3;
+  }
+
+  .hidden {
+    display: none !important;
   }
 `;
 export default [styles];

package/dist/src/nile-calendar/nile-calendar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-calendar.css.js","sourceRoot":"","sources":["../../../src/nile-calendar/nile-calendar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+KxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n    margin-right: 20px;\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n    margin-top: 6px;\n    margin-bottom: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .filler {\n    color: grey;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .calendar-wrapper {\n    background: white;\n    display: flex;\n    justify-content: space-between;\n    width: 365px;\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    border-radius: 4px;\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .range-start {\n    background: #a5d3f3;\n    border-radius: 4px 0 0 4px;\n    color: white;\n  }\n\n  .range-end {\n    background: #a5d3f3;\n    border-radius: 0 4px 4px 0;\n    color: white;\n  }\n\n  .range-middle {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 0;\n  }\n\n  .day.selected {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 4px;\n  }\n\n  .day.in-range {\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .base {\n    background-color: white;\n    border-radius: 4px;\n    width: 365px;\n  }\n\n  .base__range {\n    padding: 24px;\n  }\n\n  .calender-input {\n    margin-top: 6px;\n    padding-bottom: 0px;\n    width: 365px;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .manual-input {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: #7f7f7f;\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-contaner {\n    width: 100%;\n    text-align: right;\n    padding: 12px 0 0 0;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-calendar.css.js","sourceRoot":"","sources":["../../../src/nile-calendar/nile-calendar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n    margin-right: 20px;\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n    margin-top: 6px;\n    margin-bottom: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .current-date {\n    border: 1px solid #1978b8;\n  }\n\n  .day:hover {\n    background-color: #e5e9eb;\n  }\n\n  .filler {\n    color: #7f7f7f;\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .selected-date:hover {\n    background: #a5d3f3;\n  }\n\n  .calendar-wrapper {\n    background: white;\n    display: flex;\n    justify-content: space-between;\n    width: 365px;\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    border-radius: 4px;\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .range-start {\n    background: #a5d3f3;\n    border-radius: 4px 0 0 4px;\n    color: white;\n  }\n\n  .range-end {\n    background: #a5d3f3;\n    border-radius: 0 4px 4px 0;\n    color: white;\n  }\n\n  .range-middle {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 0;\n  }\n\n  .day.selected {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 4px;\n  }\n\n  .day.in-range {\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .base {\n    background-color: white;\n    border-radius: 4px;\n    width: 365px;\n  }\n\n  .base__relative {\n    width: 446px;\n  }\n\n  .base__range {\n    padding: 24px;\n  }\n\n  .calender-input {\n    margin-top: 6px;\n    padding-bottom: 0px;\n    width: 365px;\n  }\n\n  .calender-input--relative {\n    width: 446px;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .manual-input {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: #7f7f7f;\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-contaner {\n    width: 100%;\n    text-align: right;\n    padding: 24px 0 0 0;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n  }\n\n  .calendar-switcher {\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n    justify-content: space-between;\n    border-bottom: 1px solid #e5e9eb;\n  }\n\n  .calendar-switch {\n    padding-bottom: 12px;\n    cursor: pointer;\n  }\n\n  .calendar-switch__active {\n    padding-bottom: 12px;\n    border-bottom: 4px solid #005ea6;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    width: 446px;\n    margin-top: 24px;\n  }\n\n  .time-unit-group {\n    display: flex;\n    align-items: center;\n    margin-bottom: 24px;\n    gap: 24px;\n  }\n\n  .time-unit-name {\n    width: 54px;\n  }\n\n  .time-unit-name span {\n    margin-right: 24px;\n    color: var(--color-text-default, #000);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .time-unit-value {\n    display: flex;\n  }\n\n  .time-value {\n    display: inline-flex;\n    width: 48px;\n    height: 32px;\n    box-sizing: border-box;\n    padding: 5px;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    margin-right: 16px;\n    border-radius: 4px;\n    border: 1px solid #c7ced4;\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .time-value--selected {\n    background: #a5d3f3;\n  }\n\n  .time-value:last-child {\n    margin-right: 0;\n  }\n\n  .time-value:hover {\n    background: #e5e9eb;\n  }\n\n  .time-value--selected:hover {\n    background-color: #a5d3f3;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-calendar/nile-calendar.d.ts

@@ -33,6 +33,10 @@ export declare class NileCalendar extends NileElement {
     endDate: Date | null;
     isSelectingStart: boolean;
     range: boolean;
+    type: string;
+    selectedUnit: string;
+    selectedValue: number;
+    selectedTimeZone: string;
     valueChanged(): void;
     updated(changedProperties: PropertyValues): void;
     static get observedAttributes(): string[];
@@ -45,6 +49,8 @@ export declare class NileCalendar extends NileElement {
     private prevMonth;
     private selectDate;
     private confimRange;
+    convertTZ(date: Date, tzString: any): Date;
+    isCurrentDate(day: number, month: number, year: number): boolean;
     private renderMonth;
     private formatDate;
     private formatDateRange;
@@ -57,9 +63,18 @@ export declare class NileCalendar extends NileElement {
     private parseTime;
     private handleStartTimeInput;
     private handleEndTimeInput;
+    setType(newType: string): void;
+    createRelativePeriod(unit: String, value: number): {
+        startDate: Date;
+        endDate: Date;
+    };
+    handleTimeValueClick(unit: string, value: number, event: any): void;
+    renderTimeValues(unit: string, values: any[]): TemplateResult<1>[];
+    handleDurationChange(event: any): void;
+    handleUnitChange(event: any): void;
+    handleTimeZoneChange(event: any): void;
     /**
      * Render method
-     * @slot This is a slot test
      */
     render(): TemplateResult;
 }