blip-ds 1.145.0 → 1.146.0

package/dist/blip-ds/bds-datepicker-period.entry.js

@@ -32,6 +32,9 @@ const BdsdatepickerPeriod = class {
      * EndDateSelect. Insert a limiter to select the date period.
      */
     this.endDateSelect = null;
+    /**
+     * handler of select months or yaer.
+     */
     this.handler = (event, ref) => {
       const { detail: { value }, } = event;
       if (ref == 'months') {
@@ -45,6 +48,9 @@ const BdsdatepickerPeriod = class {
         this.yearActivated = value;
       }
     };
+    /**
+     * openDateSelect. Function to open the year or month selector.
+     */
     this.openDateSelect = (value, ref) => {
       if (ref == 'months') {
         setTimeout(() => {
@@ -65,12 +71,18 @@ const BdsdatepickerPeriod = class {
     this.startDateSelect = null;
     this.endDateSelect = null;
   }
+  /**
+   * startDateSelect. Function to output selected start date.
+   */
   startDateSelectChanged() {
     var _a;
     this.bdsStartDate.emit({ value: this.startDateSelect });
     this.monthActivated = this.startDateSelect ? (_a = this.startDateSelect) === null || _a === void 0 ? void 0 : _a.getMonth() : this.startDate.month;
     this.yearActivated = this.startDateSelect ? this.startDateSelect.getFullYear() : this.startDate.year;
   }
+  /**
+   * endDateSelect. Function to output selected end date.
+   */
   endDateSelectChanged() {
     this.bdsEndDate.emit({ value: this.endDateSelect });
     this.monthActivated = this.endDateSelect
@@ -105,6 +117,9 @@ const BdsdatepickerPeriod = class {
     this.years = getYears(this.yearActivated, this.startDate.year, this.endDate.year);
     this.months = getMonths(this.yearActivated, this.startDate, this.endDate);
   }
+  /**
+   * prevDays. Function to create a gap between the beginning of the grid and the first day of the month.
+   */
   prevDays(value) {
     const lenghtDays = [];
     for (let i = 0; i < value; i++) {
@@ -112,6 +127,9 @@ const BdsdatepickerPeriod = class {
     }
     return lenghtDays.map((item) => h("span", { key: `id${item}`, class: `space ${item}` }));
   }
+  /**
+   * selectDate. Function to select the desired date.
+   */
   selectDate(value) {
     const changeSelected = new Date(value.year, value.month, value.date);
     if (this.startDateSelect) {
@@ -121,6 +139,9 @@ const BdsdatepickerPeriod = class {
       this.startDateSelect = changeSelected;
     }
   }
+  /**
+   * prevMonth. Function to rewind the date on the calendar slide.
+   */
   prevMonth() {
     this.animatePrev = true;
     if (this.loadingSlide != 'pendding') {
@@ -139,6 +160,9 @@ const BdsdatepickerPeriod = class {
       return;
     }
   }
+  /**
+   * nextMonth. Function to advance the date on the calendar slide.
+   */
   nextMonth() {
     this.animateNext = true;
     if (this.loadingSlide != 'pendding') {
@@ -157,6 +181,9 @@ const BdsdatepickerPeriod = class {
       return;
     }
   }
+  /**
+   * checkCurrentDay. Function to check the current day.
+   */
   checkCurrentDay(value) {
     const validateDate = fillDayList(value);
     const fullCurrDate = fillDate(THIS_DAY);
@@ -165,6 +192,9 @@ const BdsdatepickerPeriod = class {
     else
       return false;
   }
+  /**
+   * checkDisableDay. Function to check the disable day.
+   */
   checkDisableDay(value) {
     const validateDate = fillDayList(value);
     const startDateLimit = this.startDate ? fillDayList(this.startDate) : `0`;
@@ -182,6 +212,9 @@ const BdsdatepickerPeriod = class {
       return true;
     }
   }
+  /**
+   * checkSelectedDay. Function to check the selected day.
+   */
   checkSelectedDay(value) {
     const validateDate = fillDayList(value);
     const startSelectedDate = this.startDateSelect ? fillDate(this.startDateSelect) : `0`;
@@ -191,6 +224,9 @@ const BdsdatepickerPeriod = class {
     else
       return false;
   }
+  /**
+   * checkPeriodDay. Function to check the period selected day.
+   */
   checkPeriodDay(value) {
     const validateDate = fillDayList(value);
     const startSelectedDate = this.startDateSelect ? fillDate(this.startDateSelect) : `0`;
@@ -201,6 +237,9 @@ const BdsdatepickerPeriod = class {
       }
     }
   }
+  /**
+   * checkPeriodStart. Function to check the period selected start day.
+   */
   checkPeriodStart(value) {
     const validateDate = value.date == 1;
     const validateDay = value.day == 0;
@@ -211,6 +250,9 @@ const BdsdatepickerPeriod = class {
       return true;
     }
   }
+  /**
+   * checkPeriodEnd. Function to check the period selected end day.
+   */
   checkPeriodEnd(value, lastItem) {
     const validateDate = lastItem;
     const validateDay = value.day == 6;

package/dist/blip-ds/bds-datepicker-single.entry.js

@@ -7,7 +7,6 @@ const BdsdatepickerSingle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsDateSelected = createEvent(this, "bdsDateSelected", 7);
-    this.bdsClearDate = createEvent(this, "bdsClearDate", 7);
     this.monthActivated = THIS_DAY.getMonth();
     this.yearActivated = THIS_DAY.getFullYear();
     this.animatePrev = false;
@@ -27,6 +26,9 @@ const BdsdatepickerSingle = class {
      * dateSelect. Insert a limiter to select the date period.
      */
     this.dateSelect = null;
+    /**
+     * handler of select months or yaer.
+     */
     this.handler = (event, ref) => {
       const { detail: { value }, } = event;
       if (ref == 'months') {
@@ -40,6 +42,9 @@ const BdsdatepickerSingle = class {
         this.yearActivated = value;
       }
     };
+    /**
+     * openDateSelect. Function to open the year or month selector.
+     */
     this.openDateSelect = (value, ref) => {
       if (ref == 'months') {
         setTimeout(() => {
@@ -59,6 +64,9 @@ const BdsdatepickerSingle = class {
   async clear() {
     this.dateSelect = null;
   }
+  /**
+   * dateSelect. Function to output selected date.
+   */
   dateSelectChanged() {
     var _a;
     this.monthActivated = this.dateSelect ? (_a = this.dateSelect) === null || _a === void 0 ? void 0 : _a.getMonth() : this.startDate.month;
@@ -84,6 +92,9 @@ const BdsdatepickerSingle = class {
     this.years = getYears(this.yearActivated, this.startDate.year, this.endDate.year);
     this.months = getMonths(this.yearActivated, this.startDate, this.endDate);
   }
+  /**
+   * prevDays. Function to create a gap between the beginning of the grid and the first day of the month.
+   */
   prevDays(value) {
     const lenghtDays = [];
     for (let i = 0; i < value; i++) {
@@ -91,10 +102,16 @@ const BdsdatepickerSingle = class {
     }
     return lenghtDays.map((item) => h("span", { key: `id${item}`, class: `space ${item}` }));
   }
+  /**
+   * selectDate. Function to select the desired date.
+   */
   selectDate(value) {
     const changeSelected = new Date(value.year, value.month, value.date);
     this.bdsDateSelected.emit({ value: changeSelected });
   }
+  /**
+   * prevMonth. Function to rewind the date on the calendar slide.
+   */
   prevMonth() {
     this.animatePrev = true;
     if (this.loadingSlide != 'pendding') {
@@ -113,6 +130,9 @@ const BdsdatepickerSingle = class {
       return;
     }
   }
+  /**
+   * nextMonth. Function to advance the date on the calendar slide.
+   */
   nextMonth() {
     this.animateNext = true;
     if (this.loadingSlide != 'pendding') {
@@ -131,6 +151,9 @@ const BdsdatepickerSingle = class {
       return;
     }
   }
+  /**
+   * checkCurrentDay. Function to check the current day.
+   */
   checkCurrentDay(value) {
     const fullCurrDate = fillDate(THIS_DAY);
     if (fillDayList(value) == fullCurrDate)
@@ -138,6 +161,9 @@ const BdsdatepickerSingle = class {
     else
       return false;
   }
+  /**
+   * checkDisableDay. Function to check the disable day.
+   */
   checkDisableDay(value) {
     const startDateLimit = this.startDate ? fillDayList(this.startDate) : `0`;
     const endDateLimit = this.endDate ? fillDayList(this.endDate) : `9999999`;
@@ -148,6 +174,9 @@ const BdsdatepickerSingle = class {
       return true;
     }
   }
+  /**
+   * checkSelectedDay. Function to check the selected day.
+   */
   checkSelectedDay(value) {
     const selectedDate = this.dateSelect ? fillDate(this.dateSelect) : `0`;
     if (fillDayList(value) == selectedDate)

package/dist/blip-ds/bds-datepicker-single.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,a){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function o(e){try{d(a.next(e))}catch(t){n(t)}}function c(e){try{d(a["throw"](e))}catch(t){n(t)}}function d(e){e.done?i(e.value):r(e.value).then(o,c)}d((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,r,n,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return d([e,t])}}function d(o){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(c){o=[6,c];r=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-1546ae3f.system.js","./calendar-39b750c1.system.js"],(function(e){"use strict";var t,i,a,r,n,o,c,d,s,l,_,p,b;return{setters:[function(e){t=e.r;i=e.e;a=e.h},function(e){r=e.T;n=e.b;o=e.a;c=e.d;d=e.f;s=e.W;l=e.g;_=e.e;p=e.h;b=e.i}],execute:function(){var x=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}.datepicker{position:relative;max-width:608px}.datepicker__menu{position:absolute;pointer-events:none;top:calc(100% + 16px);left:0;background-color:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);border-radius:8px;padding:16px;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;z-index:80000}.datepicker__menu__open{pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:#fff6a8;color:#212a3c;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.datepicker__menu__message bds-icon{margin-right:8px}.datepicker__menu__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #d2dfe6}.datepicker__menu__footer bds-button{margin-left:16px}.datepicker__inputs{width:100%;display:grid}.datepicker__inputs__single{grid-template-columns:1fr}.datepicker__inputs__period{grid-template-columns:1fr 1fr;gap:16px}.datepicker__inputs bds-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.datepicker__inputs bds-input::part(input-container){position:relative}.datepicker__inputs__icon{cursor:pointer;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px}.datepicker__inputs__icon bds-icon:first-child{margin-right:8px}.datepicker__inputs__icon:hover bds-icon:first-child{color:#3f7de8}.datepicker__calendar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.datepicker__calendar__selectDate{width:100%;display:grid;grid-template-columns:28px 1fr 80px 28px;grid-gap:8px;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.datepicker__calendar__selectDate__select{position:relative;width:100%}.datepicker__calendar__selectDate__select__input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff;border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.datepicker__calendar__selectDate__select__input .input__icon{color:#3f7de8;background-color:#e8f2ff}.datepicker__calendar__selectDate__select__input .input__container__label{color:#8ca0b3}.datepicker__calendar__selectDate__select__input .input__container__label--pressed{color:#3f7de8}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:#3f7de8;color:#202c44}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.datepicker__calendar__selectDate__select__input__disable .input__icon{color:#b9cbd3;background-color:#f8fbfb}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.datepicker__calendar__selectDate__select__input .icon-arrow{color:#8ca0b3;display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar{width:16px;background-color:transparent}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.datepicker__calendar__selectDate__select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker__calendar__selectDate__icon{cursor:pointer;color:#505f79}.datepicker__calendar__selectDate .arrow-left{padding-left:8px}.datepicker__calendar__selectDate .arrow-left__disable{opacity:0;pointer-events:none}.datepicker__calendar__selectDate .arrow-right{padding-right:8px}.datepicker__calendar__selectDate .arrow-right__disable{opacity:0;pointer-events:none}.datepicker__calendar__week{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:8px}.datepicker__calendar__week__day{width:40px;height:40px;text-align:center;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:240px;width:280px;overflow:hidden;position:relative}.datepicker__calendar__car__slide{display:-ms-flexbox;display:flex;position:absolute;left:-100%}.datepicker__calendar__car__slide__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);gap:8px 0}.datepicker__calendar__car__slide__box__day{width:40px;height:40px;position:relative}.datepicker__calendar__car__slide__box__day__period:before{content:"";position:absolute;inset:4px 0px;background-color:#e8f2ff}.datepicker__calendar__car__slide__box__day__start:before{inset:4px 0;border-top-left-radius:16px;border-bottom-left-radius:16px}.datepicker__calendar__car__slide__box__day__end:before{inset:4px 0;border-top-right-radius:16px;border-bottom-right-radius:16px}.datepicker__calendar__car__slide__box__day__typo{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:100%;color:#233049;border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__current{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:#8ca0b3}.datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPrev;animation-name:animationPrev;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.datepicker__calendar__car .animate__next{-webkit-animation-name:animationNext;animation-name:animationNext;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.period .datepicker__calendar__selectDate{grid-template-columns:28px 120px 80px 1fr 28px}.period .datepicker__calendar__selectDate__futureMonth{padding-left:80px;text-align:center;color:#202c44}.period .datepicker__calendar__week{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.period .datepicker__calendar__week__present,.period .datepicker__calendar__week__future{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.period .datepicker__calendar__car{height:240px;width:600px}.period .datepicker__calendar__car__slide{left:calc(-50% - 60px)}.period .datepicker__calendar__car__slide__box{margin-left:40px}.period .datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPeriodPrev;animation-name:animationPeriodPrev}.period .datepicker__calendar__car .animate__next{-webkit-animation-name:animationPeriodNext;animation-name:animationPeriodNext}@-webkit-keyframes animationPrev{0%{left:-100%}100%{left:0}}@keyframes animationPrev{0%{left:-100%}100%{left:0}}@-webkit-keyframes animationNext{0%{left:-100%}100%{left:-200%}}@keyframes animationNext{0%{left:-100%}100%{left:-200%}}@-webkit-keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@-webkit-keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}@keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}';var u=e("bds_datepicker_single",function(){function e(e){var a=this;t(this,e);this.bdsDateSelected=i(this,"bdsDateSelected",7);this.bdsClearDate=i(this,"bdsClearDate",7);this.monthActivated=r.getMonth();this.yearActivated=r.getFullYear();this.animatePrev=false;this.animateNext=false;this.openSelectMonth=false;this.openSelectYear=false;this.loadingSlide="await";this.endDate=n(o);this.startDate=n(c);this.dateSelect=null;this.handler=function(e,t){var i=e.detail.value;if(t=="months"){a.monthActivated=i}else{if(i==a.endDate.year)a.monthActivated=0;if(i==a.startDate.year)a.monthActivated=a.startDate.month;a.yearActivated=i}};this.openDateSelect=function(e,t){if(t=="months"){setTimeout((function(){a.openSelectMonth=e}),100)}else{setTimeout((function(){a.openSelectYear=e}),100)}}}e.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.dateSelect=null;return[2]}))}))};e.prototype.dateSelectChanged=function(){var e;this.monthActivated=this.dateSelect?(e=this.dateSelect)===null||e===void 0?void 0:e.getMonth():this.startDate.month;this.yearActivated=this.dateSelect?this.dateSelect.getFullYear():this.startDate.year};e.prototype.periodToSelectChanged=function(e,t){var i=d(t);var a=d(e);if(a!=i){this.monthActivated=this.startDate.month;this.yearActivated=this.startDate.year}};e.prototype.componentWillLoad=function(){if(this.startDate){this.monthActivated=this.startDate.month;this.yearActivated=this.startDate.year}};e.prototype.componentWillRender=function(){this.week=Object.values(s);this.monthsSlide=l(this.yearActivated,this.monthActivated);this.years=_(this.yearActivated,this.startDate.year,this.endDate.year);this.months=p(this.yearActivated,this.startDate,this.endDate)};e.prototype.prevDays=function(e){var t=[];for(var i=0;i<e;i++){t.push(i)}return t.map((function(e){return a("span",{key:"id".concat(e),class:"space ".concat(e)})}))};e.prototype.selectDate=function(e){var t=new Date(e.year,e.month,e.date);this.bdsDateSelected.emit({value:t})};e.prototype.prevMonth=function(){var e=this;this.animatePrev=true;if(this.loadingSlide!="pendding"){this.loadingSlide="pendding";setTimeout((function(){e.animatePrev=false;e.monthActivated=e.monthActivated-1;if(e.monthActivated<0){e.monthActivated=11;e.yearActivated=e.yearActivated-1}e.loadingSlide="success"}),300)}else{return}};e.prototype.nextMonth=function(){var e=this;this.animateNext=true;if(this.loadingSlide!="pendding"){this.loadingSlide="pendding";setTimeout((function(){e.animateNext=false;e.monthActivated=e.monthActivated+1;if(e.monthActivated>11){e.monthActivated=0;e.yearActivated=e.yearActivated+1}e.loadingSlide="success"}),300)}else{return}};e.prototype.checkCurrentDay=function(e){var t=b(r);if(d(e)==t)return true;else return false};e.prototype.checkDisableDay=function(e){var t=this.startDate?d(this.startDate):"0";var i=this.endDate?d(this.endDate):"9999999";if(this.startDate&&d(e)<t){return true}if(this.endDate&&d(e)>i){return true}};e.prototype.checkSelectedDay=function(e){var t=this.dateSelect?b(this.dateSelect):"0";if(d(e)==t)return true;else return false};e.prototype.renderSelectData=function(e,t,i){var r,n;var o=this;var c;var d=i=="months"?this.openSelectMonth:this.openSelectYear;var s=e.filter((function(e){return e.value===t}));var l=d?"arrow-up":"arrow-down";return a("div",{class:(r={datepicker__calendar__selectDate__select:true},r["datepicker__calendar__selectDate__select__".concat(i)]=true,r)},a("button",{onFocus:function(){return e.length>1&&o.openDateSelect(true,i)},onBlur:function(){return e.length>1&&o.openDateSelect(false,i)},class:(n={datepicker__calendar__selectDate__select__input:true,datepicker__calendar__selectDate__select__input__disable:e.length<=1},n["input--pressed"]=d,n)},a("bds-typo",{variant:"fs-14"},(c=s[0])===null||c===void 0?void 0:c.label),a("div",{class:"icon-arrow"},a("bds-icon",{size:"small",name:l,color:"inherit"}))),a("div",{class:{datepicker__calendar__selectDate__select__options:true,"datepicker__calendar__selectDate__select__options--open":d}},e.map((function(e){return a("bds-select-option",{value:e.value,key:e.value,onOptionSelected:function(e){return o.handler(e,i)},selected:e.value==t,onClick:function(){return o.openDateSelect(false,i)}},e.label)}))))};e.prototype.renderCarSlideBox=function(e,t){var i=this;return a("div",{class:{datepicker__calendar__car__slide__box:true}},this.prevDays(t),e.map((function(e,t){return a("div",{key:t,class:{datepicker__calendar__car__slide__box__day:true}},a("bds-typo",{class:{datepicker__calendar__car__slide__box__day__typo:true,datepicker__calendar__car__slide__box__day__current:i.checkCurrentDay(e),datepicker__calendar__car__slide__box__day__selected:i.checkSelectedDay(e),datepicker__calendar__car__slide__box__day__disable:i.checkDisableDay(e)},onClick:function(){return i.selectDate(e)}},e.date))})))};e.prototype.render=function(){var e,t;var i=this;return a("div",{class:{datepicker__calendar:true}},a("div",{class:{datepicker__calendar__selectDate:true}},a("bds-icon",{class:(e={},e["arrow-left"]=true,e["arrow-left__disable"]=d(this.monthsSlide[0].days[this.monthsSlide[0].days.length-1])<d(this.startDate),e.datepicker__calendar__selectDate__icon=true,e),name:"arrow-left",theme:"outline",size:"small",onClick:function(){return i.prevMonth()}}),[this.renderSelectData(this.months,this.monthActivated,"months"),this.renderSelectData(this.years,this.yearActivated,"years")],a("bds-icon",{class:(t={},t["arrow-right"]=true,t["arrow-right__disable"]=d(this.monthsSlide[2].days[0])>d(this.endDate),t.datepicker__calendar__selectDate__icon=true,t),name:"arrow-right",theme:"outline",size:"small",onClick:function(){return i.nextMonth()}})),a("div",null,a("div",{class:{datepicker__calendar__week:true}},this.week.map((function(e,t){return a("bds-typo",{key:t,class:"datepicker__calendar__week__day"},e.charAt(0))}))),a("div",{class:{datepicker__calendar__car:true}},a("div",{class:{datepicker__calendar__car__slide:true,animate__prev:this.animatePrev,animate__next:this.animateNext}},[this.renderCarSlideBox(this.monthsSlide[0].days,this.monthsSlide[0].days[0].day),this.renderCarSlideBox(this.monthsSlide[1].days,this.monthsSlide[1].days[0].day),this.renderCarSlideBox(this.monthsSlide[2].days,this.monthsSlide[2].days[0].day)]))))};Object.defineProperty(e,"watchers",{get:function(){return{dateSelect:["dateSelectChanged"],endDate:["periodToSelectChanged"],startDate:["periodToSelectChanged"]}},enumerable:false,configurable:true});return e}());u.style=x}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,i,a){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function o(e){try{d(a.next(e))}catch(t){n(t)}}function c(e){try{d(a["throw"](e))}catch(t){n(t)}}function d(e){e.done?i(e.value):r(e.value).then(o,c)}d((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,r,n,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return d([e,t])}}function d(o){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(c){o=[6,c];r=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-1546ae3f.system.js","./calendar-39b750c1.system.js"],(function(e){"use strict";var t,i,a,r,n,o,c,d,s,_,l,p,b;return{setters:[function(e){t=e.r;i=e.e;a=e.h},function(e){r=e.T;n=e.b;o=e.a;c=e.d;d=e.f;s=e.W;_=e.g;l=e.e;p=e.h;b=e.i}],execute:function(){var x=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}.datepicker{position:relative;max-width:608px}.datepicker__menu{position:absolute;pointer-events:none;top:calc(100% + 16px);left:0;background-color:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);border-radius:8px;padding:16px;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;z-index:80000}.datepicker__menu__open{pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:#fff6a8;color:#212a3c;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.datepicker__menu__message bds-icon{margin-right:8px}.datepicker__menu__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #d2dfe6}.datepicker__menu__footer bds-button{margin-left:16px}.datepicker__inputs{width:100%;display:grid}.datepicker__inputs__single{grid-template-columns:1fr}.datepicker__inputs__period{grid-template-columns:1fr 1fr;gap:16px}.datepicker__inputs bds-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.datepicker__inputs bds-input::part(input-container){position:relative}.datepicker__inputs__icon{cursor:pointer;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px}.datepicker__inputs__icon bds-icon:first-child{margin-right:8px}.datepicker__inputs__icon:hover bds-icon:first-child{color:#3f7de8}.datepicker__calendar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.datepicker__calendar__selectDate{width:100%;display:grid;grid-template-columns:28px 1fr 80px 28px;grid-gap:8px;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.datepicker__calendar__selectDate__select{position:relative;width:100%}.datepicker__calendar__selectDate__select__input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff;border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.datepicker__calendar__selectDate__select__input .input__icon{color:#3f7de8;background-color:#e8f2ff}.datepicker__calendar__selectDate__select__input .input__container__label{color:#8ca0b3}.datepicker__calendar__selectDate__select__input .input__container__label--pressed{color:#3f7de8}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:#3f7de8;color:#202c44}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.datepicker__calendar__selectDate__select__input__disable .input__icon{color:#b9cbd3;background-color:#f8fbfb}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.datepicker__calendar__selectDate__select__input .icon-arrow{color:#8ca0b3;display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar{width:16px;background-color:transparent}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.datepicker__calendar__selectDate__select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker__calendar__selectDate__icon{cursor:pointer;color:#505f79}.datepicker__calendar__selectDate .arrow-left{padding-left:8px}.datepicker__calendar__selectDate .arrow-left__disable{opacity:0;pointer-events:none}.datepicker__calendar__selectDate .arrow-right{padding-right:8px}.datepicker__calendar__selectDate .arrow-right__disable{opacity:0;pointer-events:none}.datepicker__calendar__week{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:8px}.datepicker__calendar__week__day{width:40px;height:40px;text-align:center;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:240px;width:280px;overflow:hidden;position:relative}.datepicker__calendar__car__slide{display:-ms-flexbox;display:flex;position:absolute;left:-100%}.datepicker__calendar__car__slide__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);gap:8px 0}.datepicker__calendar__car__slide__box__day{width:40px;height:40px;position:relative}.datepicker__calendar__car__slide__box__day__period:before{content:"";position:absolute;inset:4px 0px;background-color:#e8f2ff}.datepicker__calendar__car__slide__box__day__start:before{inset:4px 0;border-top-left-radius:16px;border-bottom-left-radius:16px}.datepicker__calendar__car__slide__box__day__end:before{inset:4px 0;border-top-right-radius:16px;border-bottom-right-radius:16px}.datepicker__calendar__car__slide__box__day__typo{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:100%;color:#233049;border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__current{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:#8ca0b3}.datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPrev;animation-name:animationPrev;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.datepicker__calendar__car .animate__next{-webkit-animation-name:animationNext;animation-name:animationNext;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.period .datepicker__calendar__selectDate{grid-template-columns:28px 120px 80px 1fr 28px}.period .datepicker__calendar__selectDate__futureMonth{padding-left:80px;text-align:center;color:#202c44}.period .datepicker__calendar__week{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.period .datepicker__calendar__week__present,.period .datepicker__calendar__week__future{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.period .datepicker__calendar__car{height:240px;width:600px}.period .datepicker__calendar__car__slide{left:calc(-50% - 60px)}.period .datepicker__calendar__car__slide__box{margin-left:40px}.period .datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPeriodPrev;animation-name:animationPeriodPrev}.period .datepicker__calendar__car .animate__next{-webkit-animation-name:animationPeriodNext;animation-name:animationPeriodNext}@-webkit-keyframes animationPrev{0%{left:-100%}100%{left:0}}@keyframes animationPrev{0%{left:-100%}100%{left:0}}@-webkit-keyframes animationNext{0%{left:-100%}100%{left:-200%}}@keyframes animationNext{0%{left:-100%}100%{left:-200%}}@-webkit-keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@-webkit-keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}@keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}';var u=e("bds_datepicker_single",function(){function e(e){var a=this;t(this,e);this.bdsDateSelected=i(this,"bdsDateSelected",7);this.monthActivated=r.getMonth();this.yearActivated=r.getFullYear();this.animatePrev=false;this.animateNext=false;this.openSelectMonth=false;this.openSelectYear=false;this.loadingSlide="await";this.endDate=n(o);this.startDate=n(c);this.dateSelect=null;this.handler=function(e,t){var i=e.detail.value;if(t=="months"){a.monthActivated=i}else{if(i==a.endDate.year)a.monthActivated=0;if(i==a.startDate.year)a.monthActivated=a.startDate.month;a.yearActivated=i}};this.openDateSelect=function(e,t){if(t=="months"){setTimeout((function(){a.openSelectMonth=e}),100)}else{setTimeout((function(){a.openSelectYear=e}),100)}}}e.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.dateSelect=null;return[2]}))}))};e.prototype.dateSelectChanged=function(){var e;this.monthActivated=this.dateSelect?(e=this.dateSelect)===null||e===void 0?void 0:e.getMonth():this.startDate.month;this.yearActivated=this.dateSelect?this.dateSelect.getFullYear():this.startDate.year};e.prototype.periodToSelectChanged=function(e,t){var i=d(t);var a=d(e);if(a!=i){this.monthActivated=this.startDate.month;this.yearActivated=this.startDate.year}};e.prototype.componentWillLoad=function(){if(this.startDate){this.monthActivated=this.startDate.month;this.yearActivated=this.startDate.year}};e.prototype.componentWillRender=function(){this.week=Object.values(s);this.monthsSlide=_(this.yearActivated,this.monthActivated);this.years=l(this.yearActivated,this.startDate.year,this.endDate.year);this.months=p(this.yearActivated,this.startDate,this.endDate)};e.prototype.prevDays=function(e){var t=[];for(var i=0;i<e;i++){t.push(i)}return t.map((function(e){return a("span",{key:"id".concat(e),class:"space ".concat(e)})}))};e.prototype.selectDate=function(e){var t=new Date(e.year,e.month,e.date);this.bdsDateSelected.emit({value:t})};e.prototype.prevMonth=function(){var e=this;this.animatePrev=true;if(this.loadingSlide!="pendding"){this.loadingSlide="pendding";setTimeout((function(){e.animatePrev=false;e.monthActivated=e.monthActivated-1;if(e.monthActivated<0){e.monthActivated=11;e.yearActivated=e.yearActivated-1}e.loadingSlide="success"}),300)}else{return}};e.prototype.nextMonth=function(){var e=this;this.animateNext=true;if(this.loadingSlide!="pendding"){this.loadingSlide="pendding";setTimeout((function(){e.animateNext=false;e.monthActivated=e.monthActivated+1;if(e.monthActivated>11){e.monthActivated=0;e.yearActivated=e.yearActivated+1}e.loadingSlide="success"}),300)}else{return}};e.prototype.checkCurrentDay=function(e){var t=b(r);if(d(e)==t)return true;else return false};e.prototype.checkDisableDay=function(e){var t=this.startDate?d(this.startDate):"0";var i=this.endDate?d(this.endDate):"9999999";if(this.startDate&&d(e)<t){return true}if(this.endDate&&d(e)>i){return true}};e.prototype.checkSelectedDay=function(e){var t=this.dateSelect?b(this.dateSelect):"0";if(d(e)==t)return true;else return false};e.prototype.renderSelectData=function(e,t,i){var r,n;var o=this;var c;var d=i=="months"?this.openSelectMonth:this.openSelectYear;var s=e.filter((function(e){return e.value===t}));var _=d?"arrow-up":"arrow-down";return a("div",{class:(r={datepicker__calendar__selectDate__select:true},r["datepicker__calendar__selectDate__select__".concat(i)]=true,r)},a("button",{onFocus:function(){return e.length>1&&o.openDateSelect(true,i)},onBlur:function(){return e.length>1&&o.openDateSelect(false,i)},class:(n={datepicker__calendar__selectDate__select__input:true,datepicker__calendar__selectDate__select__input__disable:e.length<=1},n["input--pressed"]=d,n)},a("bds-typo",{variant:"fs-14"},(c=s[0])===null||c===void 0?void 0:c.label),a("div",{class:"icon-arrow"},a("bds-icon",{size:"small",name:_,color:"inherit"}))),a("div",{class:{datepicker__calendar__selectDate__select__options:true,"datepicker__calendar__selectDate__select__options--open":d}},e.map((function(e){return a("bds-select-option",{value:e.value,key:e.value,onOptionSelected:function(e){return o.handler(e,i)},selected:e.value==t,onClick:function(){return o.openDateSelect(false,i)}},e.label)}))))};e.prototype.renderCarSlideBox=function(e,t){var i=this;return a("div",{class:{datepicker__calendar__car__slide__box:true}},this.prevDays(t),e.map((function(e,t){return a("div",{key:t,class:{datepicker__calendar__car__slide__box__day:true}},a("bds-typo",{class:{datepicker__calendar__car__slide__box__day__typo:true,datepicker__calendar__car__slide__box__day__current:i.checkCurrentDay(e),datepicker__calendar__car__slide__box__day__selected:i.checkSelectedDay(e),datepicker__calendar__car__slide__box__day__disable:i.checkDisableDay(e)},onClick:function(){return i.selectDate(e)}},e.date))})))};e.prototype.render=function(){var e,t;var i=this;return a("div",{class:{datepicker__calendar:true}},a("div",{class:{datepicker__calendar__selectDate:true}},a("bds-icon",{class:(e={},e["arrow-left"]=true,e["arrow-left__disable"]=d(this.monthsSlide[0].days[this.monthsSlide[0].days.length-1])<d(this.startDate),e.datepicker__calendar__selectDate__icon=true,e),name:"arrow-left",theme:"outline",size:"small",onClick:function(){return i.prevMonth()}}),[this.renderSelectData(this.months,this.monthActivated,"months"),this.renderSelectData(this.years,this.yearActivated,"years")],a("bds-icon",{class:(t={},t["arrow-right"]=true,t["arrow-right__disable"]=d(this.monthsSlide[2].days[0])>d(this.endDate),t.datepicker__calendar__selectDate__icon=true,t),name:"arrow-right",theme:"outline",size:"small",onClick:function(){return i.nextMonth()}})),a("div",null,a("div",{class:{datepicker__calendar__week:true}},this.week.map((function(e,t){return a("bds-typo",{key:t,class:"datepicker__calendar__week__day"},e.charAt(0))}))),a("div",{class:{datepicker__calendar__car:true}},a("div",{class:{datepicker__calendar__car__slide:true,animate__prev:this.animatePrev,animate__next:this.animateNext}},[this.renderCarSlideBox(this.monthsSlide[0].days,this.monthsSlide[0].days[0].day),this.renderCarSlideBox(this.monthsSlide[1].days,this.monthsSlide[1].days[0].day),this.renderCarSlideBox(this.monthsSlide[2].days,this.monthsSlide[2].days[0].day)]))))};Object.defineProperty(e,"watchers",{get:function(){return{dateSelect:["dateSelectChanged"],endDate:["periodToSelectChanged"],startDate:["periodToSelectChanged"]}},enumerable:false,configurable:true});return e}());u.style=x}}}));

package/dist/blip-ds/bds-datepicker.entry.js

@@ -38,11 +38,17 @@ const DatePicker = class {
     this.refDatepickerSingle = (el) => {
       this.datepickerSingle = el;
     };
+    /**
+     * clearDateSingle. Function to clear datepicker-single
+     */
     this.clearDateSingle = () => {
       this.datepickerSingle.clear();
       this.valueDateSelected = null;
       this.bdsStartDate.emit({ value: null });
     };
+    /**
+     * clearDatePeriod. Function to clear datepicker-period
+     */
     this.clearDatePeriod = () => {
       this.datepickerPeriod.clear();
       this.valueDateSelected = null;
@@ -50,6 +56,9 @@ const DatePicker = class {
       this.bdsStartDate.emit({ value: null });
       this.bdsEndDate.emit({ value: null });
     };
+    /**
+     * maskDateSelected. Function to add mask to date field
+     */
     this.maskDateSelected = (ev) => {
       const input = ev.target;
       this.valueDateSelected = maskDate(input.value);
@@ -69,6 +78,9 @@ const DatePicker = class {
         }
       }
     };
+    /**
+     * maskEndDateSelected. Function to add mask to the end date field
+     */
     this.maskEndDateSelected = (ev) => {
       const input = ev.target;
       this.valueEndDateSelected = maskDate(input.value);
@@ -89,11 +101,17 @@ const DatePicker = class {
       }
     };
   }
+  /**
+   * startDateLimit validation.
+   */
   startDateLimitChanged() {
     if (!dateValidation(this.startDateLimit)) {
       this.startDateLimit = defaultStartDate;
     }
   }
+  /**
+   * endDateLimit validation.
+   */
   endDateLimitChanged() {
     const dlStartDate = dateToDayList(this.startDateLimit);
     const dlEndDate = dateToDayList(this.endDateLimit);
@@ -110,6 +128,9 @@ const DatePicker = class {
     this.endDateLimitChanged();
     this.startDateLimitChanged();
   }
+  /**
+   * selectDate. Function to output selected date.
+   */
   selectDate(event) {
     const { detail: { value }, } = event;
     this.dateSelected = value;
@@ -117,6 +138,9 @@ const DatePicker = class {
     this.valueDateSelected = this.dateSelected && dateToString(this.dateSelected);
     this.errorMsgDate = null;
   }
+  /**
+   * selectEndDate. Function to issue selected end date..
+   */
   selectEndDate(event) {
     const { detail: { value }, } = event;
     this.endDateSelected = value;