blip-ds 1.146.0 → 1.147.2

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

@@ -32,6 +32,12 @@ const DatePicker = class {
      * Message. Select type of date.
      */
     this.message = null;
+    this.refInputSetDate = (el) => {
+      this.inputSetDate = el;
+    };
+    this.refInputSetEndDate = (el) => {
+      this.inputSetEndDate = el;
+    };
     this.refDatepickerPeriod = (el) => {
       this.datepickerPeriod = el;
     };
@@ -55,6 +61,9 @@ const DatePicker = class {
       this.valueEndDateSelected = null;
       this.bdsStartDate.emit({ value: null });
       this.bdsEndDate.emit({ value: null });
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+      }, 10);
     };
     /**
      * maskDateSelected. Function to add mask to date field
@@ -100,6 +109,19 @@ const DatePicker = class {
         }
       }
     };
+    this.onClickSetDate = () => {
+      this.open = true;
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+        this.inputSetEndDate.removeFocus();
+      }, 50);
+      this.datepickerPeriod.clear();
+      this.valueEndDateSelected = null;
+    };
+    this.closeDatepicker = () => {
+      this.inputSetEndDate.removeFocus();
+      this.open = false;
+    };
   }
   /**
    * startDateLimit validation.
@@ -124,6 +146,9 @@ const DatePicker = class {
         .padStart(2, '0')}/${dlStartDate.year + 1}`;
     }
   }
+  dateSelectedChanged() {
+    this.inputSetEndDate.setFocus();
+  }
   componentWillLoad() {
     this.endDateLimitChanged();
     this.startDateLimitChanged();
@@ -149,11 +174,12 @@ const DatePicker = class {
     this.errorMsgEndDate = null;
   }
   render() {
-    return (h("div", { class: { datepicker: true } }, this.typeOfDate == 'single' ? (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { label: "Definir a data", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }))) : (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }), h("bds-input", { label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))), h("div", { class: { datepicker__menu: true, datepicker__menu__open: this.open } }, this.message && (h("div", { class: "datepicker__menu__message" }, h("bds-icon", { name: "warning", theme: "outline", "aria-label": "\u00CDcone de aten\u00E7\u00E3o" }), h("bds-typo", { variant: "fs-16" }, this.message))), this.typeOfDate == 'single' ? (h("bds-datepicker-single", { ref: this.refDatepickerSingle, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), dateSelect: this.dateSelected, onBdsDateSelected: (event) => this.selectDate(event) })) : (h("bds-datepicker-period", { ref: this.refDatepickerPeriod, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), startDateSelect: this.dateSelected, endDateSelect: this.endDateSelected, onBdsStartDate: (event) => this.selectDate(event), onBdsEndDate: (event) => this.selectEndDate(event) })), h("div", { class: { datepicker__menu__footer: true } }, this.typeOfDate == 'single' ? (h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir")) : (h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir")), h("bds-button", { onClick: () => (this.open = false) }, "Concluir")))));
+    return (h("div", { class: { datepicker: true } }, this.typeOfDate == 'single' ? (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { label: "Definir a data", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }))) : (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { ref: this.refInputSetDate, label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => this.onClickSetDate(), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }), h("bds-input", { ref: this.refInputSetEndDate, label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))), h("div", { class: { datepicker__menu: true, datepicker__menu__open: this.open } }, this.message && (h("div", { class: "datepicker__menu__message" }, h("bds-icon", { name: "warning", theme: "outline", "aria-label": "\u00CDcone de aten\u00E7\u00E3o" }), h("bds-typo", { variant: "fs-16" }, this.message))), this.typeOfDate == 'single' ? (h("bds-datepicker-single", { ref: this.refDatepickerSingle, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), dateSelect: this.dateSelected, onBdsDateSelected: (event) => this.selectDate(event) })) : (h("bds-datepicker-period", { ref: this.refDatepickerPeriod, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), startDateSelect: this.dateSelected, endDateSelect: this.endDateSelected, onBdsStartDate: (event) => this.selectDate(event), onBdsEndDate: (event) => this.selectEndDate(event) })), this.typeOfDate == 'single' ? (h("div", { class: { datepicker__menu__footer: true } }, h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir"), h("bds-button", { onClick: () => (this.open = false) }, "Concluir"))) : (h("div", { class: { datepicker__menu__footer: true } }, h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir"), h("bds-button", { onClick: this.closeDatepicker }, "Concluir"))))));
   }
   static get watchers() { return {
     "startDateLimit": ["startDateLimitChanged"],
-    "endDateLimit": ["endDateLimitChanged"]
+    "endDateLimit": ["endDateLimitChanged"],
+    "dateSelected": ["dateSelectedChanged"]
   }; }
 };
 DatePicker.style = datepickerCss;

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

@@ -1 +1 @@
-System.register(["./index-1546ae3f.system.js","./calendar-39b750c1.system.js","./validations-8d4fb12a.system.js"],(function(e){"use strict";var t,i,a,r,n,o,d,c,l,s;return{setters:[function(e){t=e.r;i=e.e;a=e.h},function(e){r=e.d;n=e.a;o=e.b;d=e.f;c=e.c},function(e){l=e.m;s=e.d}],execute:function(){var _=':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 p=e("bds_datepicker",function(){function e(e){var a=this;t(this,e);this.bdsStartDate=i(this,"bdsStartDate",7);this.bdsEndDate=i(this,"bdsEndDate",7);this.open=false;this.dateSelected=null;this.endDateSelected=null;this.valueDateSelected=null;this.valueEndDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.typeOfDate="single";this.startDateLimit=r;this.endDateLimit=n;this.message=null;this.refDatepickerPeriod=function(e){a.datepickerPeriod=e};this.refDatepickerSingle=function(e){a.datepickerSingle=e};this.clearDateSingle=function(){a.datepickerSingle.clear();a.valueDateSelected=null;a.bdsStartDate.emit({value:null})};this.clearDatePeriod=function(){a.datepickerPeriod.clear();a.valueDateSelected=null;a.valueEndDateSelected=null;a.bdsStartDate.emit({value:null});a.bdsEndDate.emit({value:null})};this.maskDateSelected=function(e){var t=e.target;a.valueDateSelected=l(t.value);var i=a.valueDateSelected&&o(a.valueDateSelected);var r=a.startDateLimit&&o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!s(a.valueDateSelected)){a.errorMsgDate="Formato da data esta incorreto!"}else{if(d(i)<d(r)||d(i)>d(n)){a.errorMsgDate="Por favor selecione uma data entre o periodo de ".concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(i.year,i.month,i.date)}}};this.maskEndDateSelected=function(e){var t=e.target;a.valueEndDateSelected=l(t.value);var i=a.valueEndDateSelected&&o(a.valueEndDateSelected);var r=a.valueDateSelected?o(a.valueDateSelected):o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!s(a.valueEndDateSelected)){a.errorMsgEndDate="Formato da data esta incorreto!"}else{if(d(i)<=d(r)||d(i)>d(n)){a.errorMsgEndDate="Por favor selecione uma data entre o periodo de ".concat(a.valueDateSelected," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(i.year,i.month,i.date)}}}}e.prototype.startDateLimitChanged=function(){if(!s(this.startDateLimit)){this.startDateLimit=r}};e.prototype.endDateLimitChanged=function(){var e=o(this.startDateLimit);var t=o(this.endDateLimit);if(!s(this.endDateLimit)){this.endDateLimit=n}if(d(t)<d(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged()};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&c(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t=e.detail.value;this.endDateSelected=t;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&c(this.endDateSelected);this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;return a("div",{class:{datepicker:true}},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e)},a("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t)},a("bds-input",{label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),a("bds-input",{label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),a("div",{class:{datepicker__menu:true,datepicker__menu__open:this.open}},this.message&&a("div",{class:"datepicker__menu__message"},a("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),a("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)}}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)}}),a("div",{class:{datepicker__menu__footer:true}},this.typeOfDate=="single"?a("bds-button",{variant:"secondary",onClick:function(){return i.clearDateSingle()}},"Redefinir"):a("bds-button",{variant:"secondary",onClick:function(){return i.clearDatePeriod()}},"Redefinir"),a("bds-button",{onClick:function(){return i.open=false}},"Concluir"))))};Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"]}},enumerable:false,configurable:true});return e}());p.style=_}}}));
+System.register(["./index-1546ae3f.system.js","./calendar-39b750c1.system.js","./validations-8d4fb12a.system.js"],(function(e){"use strict";var t,i,a,r,n,o,d,c,s,l;return{setters:[function(e){t=e.r;i=e.e;a=e.h},function(e){r=e.d;n=e.a;o=e.b;d=e.f;c=e.c},function(e){s=e.m;l=e.d}],execute:function(){var _=':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 p=e("bds_datepicker",function(){function e(e){var a=this;t(this,e);this.bdsStartDate=i(this,"bdsStartDate",7);this.bdsEndDate=i(this,"bdsEndDate",7);this.open=false;this.dateSelected=null;this.endDateSelected=null;this.valueDateSelected=null;this.valueEndDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.typeOfDate="single";this.startDateLimit=r;this.endDateLimit=n;this.message=null;this.refInputSetDate=function(e){a.inputSetDate=e};this.refInputSetEndDate=function(e){a.inputSetEndDate=e};this.refDatepickerPeriod=function(e){a.datepickerPeriod=e};this.refDatepickerSingle=function(e){a.datepickerSingle=e};this.clearDateSingle=function(){a.datepickerSingle.clear();a.valueDateSelected=null;a.bdsStartDate.emit({value:null})};this.clearDatePeriod=function(){a.datepickerPeriod.clear();a.valueDateSelected=null;a.valueEndDateSelected=null;a.bdsStartDate.emit({value:null});a.bdsEndDate.emit({value:null});setTimeout((function(){a.inputSetDate.setFocus()}),10)};this.maskDateSelected=function(e){var t=e.target;a.valueDateSelected=s(t.value);var i=a.valueDateSelected&&o(a.valueDateSelected);var r=a.startDateLimit&&o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!l(a.valueDateSelected)){a.errorMsgDate="Formato da data esta incorreto!"}else{if(d(i)<d(r)||d(i)>d(n)){a.errorMsgDate="Por favor selecione uma data entre o periodo de ".concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(i.year,i.month,i.date)}}};this.maskEndDateSelected=function(e){var t=e.target;a.valueEndDateSelected=s(t.value);var i=a.valueEndDateSelected&&o(a.valueEndDateSelected);var r=a.valueDateSelected?o(a.valueDateSelected):o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!l(a.valueEndDateSelected)){a.errorMsgEndDate="Formato da data esta incorreto!"}else{if(d(i)<=d(r)||d(i)>d(n)){a.errorMsgEndDate="Por favor selecione uma data entre o periodo de ".concat(a.valueDateSelected," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(i.year,i.month,i.date)}}};this.onClickSetDate=function(){a.open=true;setTimeout((function(){a.inputSetDate.setFocus();a.inputSetEndDate.removeFocus()}),50);a.datepickerPeriod.clear();a.valueEndDateSelected=null};this.closeDatepicker=function(){a.inputSetEndDate.removeFocus();a.open=false}}e.prototype.startDateLimitChanged=function(){if(!l(this.startDateLimit)){this.startDateLimit=r}};e.prototype.endDateLimitChanged=function(){var e=o(this.startDateLimit);var t=o(this.endDateLimit);if(!l(this.endDateLimit)){this.endDateLimit=n}if(d(t)<d(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.dateSelectedChanged=function(){this.inputSetEndDate.setFocus()};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged()};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&c(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t=e.detail.value;this.endDateSelected=t;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&c(this.endDateSelected);this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;return a("div",{class:{datepicker:true}},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e)},a("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t)},a("bds-input",{ref:this.refInputSetDate,label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.onClickSetDate()},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),a("bds-input",{ref:this.refInputSetEndDate,label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),a("div",{class:{datepicker__menu:true,datepicker__menu__open:this.open}},this.message&&a("div",{class:"datepicker__menu__message"},a("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),a("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)}}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)}}),this.typeOfDate=="single"?a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDateSingle()}},"Redefinir"),a("bds-button",{onClick:function(){return i.open=false}},"Concluir")):a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDatePeriod()}},"Redefinir"),a("bds-button",{onClick:this.closeDatepicker},"Concluir"))))};Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}},enumerable:false,configurable:true});return e}());p.style=_}}}));

package/dist/blip-ds/p-bad3324a.system.js

@@ -1 +1 @@
-System.register(["./p-8377e47f.system.js"],(function(e,t){"use strict";var s,a,n,i,r,o;return{setters:[function(e){s=e.p;a=e.w;n=e.d;i=e.N;r=e.a;o=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var o=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{o.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{d(o.resourcesUrl,e)}if(!a.customElements){return t.import("./p-68f1e163.system.js").then((function(){return o}))}}return r(o)};var d=function(t,s){var r=e(i);try{a[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(l){var o=new Map;a[r]=function(e){var i=new URL(e,t).href;var l=o.get(i);if(!l){var d=n.createElement("script");d.type="module";d.crossOrigin=s.crossOrigin;d.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));l=new Promise((function(e){d.onload=function(){e(a[r].m);d.remove()}}));o.set(i,l);n.head.appendChild(d)}return l}}};l().then((function(e){return o([["p-e4f28ffb.system",[[1,"bds-typo",{variant:[1],lineHeight:[1,"line-height"],bold:[1],italic:[4],noWrap:[4,"no-wrap"],paragraph:[4],margin:[4],tag:[1]}]]],["p-31f15449.system",[[0,"bds-datepicker",{typeOfDate:[1,"type-of-date"],startDateLimit:[1537,"start-date-limit"],endDateLimit:[1537,"end-date-limit"],message:[1],endDateLimitDaysList:[32],open:[32],dateSelected:[32],endDateSelected:[32],valueDateSelected:[32],valueEndDateSelected:[32],errorMsgDate:[32],errorMsgEndDate:[32]}]]],["p-241d35fc.system",[[6,"bds-select-chips",{options:[1025],chips:[1025],newPrefix:[513,"new-prefix"],value:[1025],danger:[1540],maxlength:[2],errorMessage:[1025,"error-message"],disabled:[516],label:[1],icon:[513],duplicated:[4],canAddNew:[4,"can-add-new"],notFoundMessage:[1,"not-found-message"],internalOptions:[32],isOpen:[32],isValid:[64],getChips:[64]},[[9,"mousedown","handleWindow"]]]]],["p-be42822a.system",[[1,"bds-toast",{icon:[513],actionType:[1,"action-type"],variant:[1],toastTitle:[1,"toast-title"],toastText:[1,"toast-text"],buttonText:[1,"button-text"],duration:[2],buttonAction:[1,"button-action"],show:[4],hide:[4],position:[1],create:[64],close:[64]}]]],["p-626b0055.system",[[1,"bds-autocomplete",{options:[1],value:[1025],selected:[1040],danger:[516],disabled:[516],searchOnlyTitle:[516,"search-only-title"],label:[1],icon:[513],placeholder:[1],optionsPosition:[1,"options-position"],clearIconOnFocus:[4,"clear-icon-on-focus"],isOpen:[32],text:[32],internalOptions:[32],isFocused:[32]},[[9,"mousedown","handleWindow"]]]]],["p-8c9dc92e.system",[[2,"bds-input-phone-number",{options:[16],text:[1],value:[1032],danger:[516],disabled:[516],required:[4],requiredErrorMessage:[1,"required-error-message"],numberErrorMessage:[1,"number-error-message"],label:[1],icon:[513],isOpen:[32],selectedCountry:[32],isPressed:[32]},[[9,"mousedown","handleWindow"]]]]],["p-488eb4df.system",[[1,"bds-select",{options:[1],value:[1032],danger:[516],disabled:[516],label:[1],icon:[513],placeholder:[1],optionsPosition:[1,"options-position"],isOpen:[32],text:[32],internalOptions:[32]},[[9,"mousedown","handleWindow"]]]]],["p-054ad39c.system",[[1,"bds-input-editable",{size:[1],expand:[4],inputName:[1,"input-name"],value:[1537],requiredErrorMessage:[1,"required-error-message"],minlength:[2],minlengthErrorMessage:[1,"minlength-error-message"],maxlength:[2],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],danger:[1540],isEditing:[32],isValid:[32]}]]],["p-2ddd8834.system",[[2,"bds-input-password",{openEyes:[4,"open-eyes"],value:[1537],label:[1],inputName:[1,"input-name"],max:[1],maxlength:[2],min:[1],minlength:[2],readonly:[4],helperMessage:[1,"helper-message"],errorMessage:[1,"error-message"],danger:[516],icon:[513],disabled:[4],autoCapitalize:[1,"auto-capitalize"],autoComplete:[1,"auto-complete"],placeholder:[1]}]]],["p-d1e59899.system",[[4,"bds-avatar-group",{size:[1],users:[1],internalUsers:[32],leftoversUsers:[32]}]]],["p-2f6cc6a7.system",[[1,"bds-menu-exibition",{avatarName:[1,"avatar-name"],avatarThumbnail:[1,"avatar-thumbnail"],avatarSize:[1,"avatar-size"],value:[1],subtitle:[1]}]]],["p-f851306f.system",[[1,"bds-alert-header",{variant:[1],icon:[513]}]]],["p-00eddab7.system",[[1,"bds-banner",{bannerAlign:[1,"banner-align"],buttonClose:[1,"button-close"],context:[1],variant:[1],visible:[32],toggle:[64]}]]],["p-a5c105e5.system",[[1,"bds-checkbox",{refer:[1],label:[1],name:[1],checked:[1540],disabled:[4],checkBoxId:[32],getInputElement:[64],getValue:[64]}]]],["p-e72b9b36.system",[[1,"bds-menu-action",{buttonText:[1,"button-text"],subMenu:[4,"sub-menu"],iconLeft:[1,"icon-left"],lipstick:[4],openSubMenu:[32],stateSubMenu:[32],delaySubMenu:[32],zIndex:[32],delay:[32]}]]],["p-fa577a04.system",[[1,"bds-menu-list-item",{color:[1],icon:[513]}]]],["p-ccb8cbef.system",[[1,"bds-step",{last:[4],completed:[4],active:[4],disabled:[4],index:[2],pointer:[4]}]]],["p-f130f988.system",[[4,"bds-tabs",{align:[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-19147b45.system",[[1,"bds-warning"]]],["p-5dd9dcf8.system",[[1,"bds-alert-body"]]],["p-7bcde422.system",[[1,"bds-card-color",{name:[1],hex:[1],gradient:[4],variable:[1],lightText:[4,"light-text"]}]]],["p-0d0a38da.system",[[1,"bds-expansion-panel-header",{text:[1]}]]],["p-50bdb260.system",[[1,"bds-menu-separation",{value:[1],size:[1]}]]],["p-bc3bedfe.system",[[1,"bds-modal",{open:[1540],closeButton:[1540,"close-button"],toggle:[64]}]]],["p-5de8541f.system",[[1,"bds-modal-close-button",{active:[1540]}]]],["p-42a71fbf.system",[[1,"bds-radio",{refer:[1],label:[1],value:[1],name:[1],checked:[1540],disabled:[4],radioId:[32],getInputElement:[64],getValue:[64]}]]],["p-9b955679.system",[[0,"bds-tab",{group:[1],label:[1],active:[4],getChild:[64]}]]],["p-ccce2f38.system",[[4,"bds-tab-panel",{group:[1],active:[4],getChild:[64]}]]],["p-499f01ca.system",[[1,"bds-tooltip",{tooltipText:[1,"tooltip-text"],disabled:[516],position:[1],isMouseOver:[32]}]]],["p-ea447cab.system",[[1,"bds-alert",{open:[1540],toggle:[64]}]]],["p-a4f9b964.system",[[1,"bds-alert-actions"]]],["p-1a5d5534.system",[[1,"bds-banner-link",{link:[1]}]]],["p-8f1a79b6.system",[[1,"bds-expansion-panel"]]],["p-7acbeaf7.system",[[1,"bds-expansion-panel-body",{open:[4],text:[1]}]]],["p-5a0d26ce.system",[[1,"bds-illustration",{type:[1],name:[1],IllustrationContent:[32]}]]],["p-7fa60ee1.system",[[1,"bds-menu",{menu:[1],position:[1],open:[1540],menuPositionTopToBottom:[32],menuPositionLeftToBottom:[32],menuPositionTopToRight:[32],menuPositionLeftToRight:[32],toggle:[64]}]]],["p-154eeb53.system",[[1,"bds-menu-list"]]],["p-ca8f48c9.system",[[1,"bds-modal-action"]]],["p-17e022d0.system",[[1,"bds-paper",{elevation:[1]}]]],["p-b80841d2.system",[[6,"bds-radio-group",{value:[1]}]]],["p-deefb016.system",[[4,"bds-stepper",{setActiveStep:[64],setCompletedStep:[64],getActiveStep:[64],resetActiveSteps:[64],resetCompletedSteps:[64]}]]],["p-209eaff0.system",[[1,"bds-switch",{refer:[1],size:[1],name:[1],checked:[1540],disabled:[4],switchId:[32],getInputElement:[64],getValue:[64]}]]],["p-3b6b2b87.system",[[1,"bds-icon",{color:[1],ariaLabel:[1537,"aria-label"],flipRtl:[4,"flip-rtl"],name:[1],src:[1],icon:[8],size:[1],lazy:[4],theme:[513],type:[1],svgContent:[32],isVisible:[32]}]]],["p-3969b897.system",[[1,"bds-chip",{icon:[1],size:[1],variant:[1],danger:[516],filter:[4],clickable:[4],deletable:[4],disabled:[4]}]]],["p-b4e2c926.system",[[6,"bds-input-chips",{chips:[1025],type:[1],label:[1],maxlength:[2],icon:[513],delimiters:[16],errorMessage:[1025,"error-message"],danger:[1540],value:[1537],duplicated:[4],disableSubmit:[4,"disable-submit"],disabled:[516],internalChips:[32],isValid:[64],get:[64],clear:[64],add:[64],setFocus:[64],removeFocus:[64]}]]],["p-bc4f5e9a.system",[[6,"bds-toast-container"]]],["p-37640cf1.system",[[1,"bds-datepicker-period",{startDate:[16],endDate:[16],startDateSelect:[1040],endDateSelect:[1040],week:[32],months:[32],years:[32],monthActivated:[32],yearActivated:[32],animatePrev:[32],animateNext:[32],activeSelectYear:[32],openSelectMonth:[32],openSelectYear:[32],monthsSlide:[32],loadingSlide:[32],clear:[64]}],[1,"bds-datepicker-single",{endDate:[16],startDate:[16],dateSelect:[1040],week:[32],months:[32],years:[32],monthActivated:[32],yearActivated:[32],animatePrev:[32],animateNext:[32],openSelectMonth:[32],openSelectYear:[32],monthsSlide:[32],loadingSlide:[32],clear:[64]}]]],["p-ac28898b.system",[[0,"bds-avatar",{name:[1],thumbnail:[1],size:[1],upload:[4],ellipsis:[2]}]]],["p-56beafd8.system",[[1,"bds-button-icon",{disabled:[4],size:[1],variant:[1],icon:[513]}]]],["p-33f5b56e.system",[[1,"bds-button",{disabled:[4],size:[1],variant:[1],icon:[513],arrow:[4],type:[1],typeIcon:[513,"type-icon"],bdsLoading:[4,"bds-loading"],bdsLoadingVariant:[1,"bds-loading-variant"]}],[0,"bds-loading-spinner",{variant:[1]}]]],["p-e1afa63a.system",[[6,"bds-select-option",{value:[8],selected:[4],disabled:[4],invisible:[1540],danger:[1540],bulkOption:[1,"bulk-option"],slotAlign:[1,"slot-align"],titleText:[1,"title-text"],status:[1]}]]],["p-a7f6d562.system",[[1,"bds-input",{inputName:[1,"input-name"],type:[513],label:[1],placeholder:[1],autoCapitalize:[1,"auto-capitalize"],autoComplete:[1,"auto-complete"],max:[1],maxlength:[2],min:[1],minlength:[2],readonly:[4],required:[4],pattern:[1],helperMessage:[1,"helper-message"],errorMessage:[1025,"error-message"],icon:[513],disabled:[1540],danger:[1540],value:[1025],counterLength:[4,"counter-length"],counterLengthRule:[16],isSubmit:[4,"is-submit"],isTextarea:[4,"is-textarea"],rows:[2],cols:[2],requiredErrorMessage:[1,"required-error-message"],minlengthErrorMessage:[1,"minlength-error-message"],minErrorMessage:[1,"min-error-message"],maxErrorMessage:[1,"max-error-message"],emailErrorMessage:[1,"email-error-message"],numberErrorMessage:[1,"number-error-message"],chips:[4],dataTest:[1,"data-test"],isPressed:[32],isPassword:[32],validationMesage:[32],validationDanger:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],isValid:[64],clear:[64]}],[0,"bds-counter-text",{length:[1026],max:[2],active:[1028],warning:[1040],delete:[1040]}]]]],e)}))}}}));
+System.register(["./p-8377e47f.system.js"],(function(e,t){"use strict";var s,a,n,i,r,o;return{setters:[function(e){s=e.p;a=e.w;n=e.d;i=e.N;r=e.a;o=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var o=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{o.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{d(o.resourcesUrl,e)}if(!a.customElements){return t.import("./p-68f1e163.system.js").then((function(){return o}))}}return r(o)};var d=function(t,s){var r=e(i);try{a[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(l){var o=new Map;a[r]=function(e){var i=new URL(e,t).href;var l=o.get(i);if(!l){var d=n.createElement("script");d.type="module";d.crossOrigin=s.crossOrigin;d.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));l=new Promise((function(e){d.onload=function(){e(a[r].m);d.remove()}}));o.set(i,l);n.head.appendChild(d)}return l}}};l().then((function(e){return o([["p-e4f28ffb.system",[[1,"bds-typo",{variant:[1],lineHeight:[1,"line-height"],bold:[1],italic:[4],noWrap:[4,"no-wrap"],paragraph:[4],margin:[4],tag:[1]}]]],["p-f4cf15a1.system",[[0,"bds-datepicker",{typeOfDate:[1,"type-of-date"],startDateLimit:[1537,"start-date-limit"],endDateLimit:[1537,"end-date-limit"],message:[1],endDateLimitDaysList:[32],open:[32],dateSelected:[32],endDateSelected:[32],valueDateSelected:[32],valueEndDateSelected:[32],errorMsgDate:[32],errorMsgEndDate:[32]}]]],["p-241d35fc.system",[[6,"bds-select-chips",{options:[1025],chips:[1025],newPrefix:[513,"new-prefix"],value:[1025],danger:[1540],maxlength:[2],errorMessage:[1025,"error-message"],disabled:[516],label:[1],icon:[513],duplicated:[4],canAddNew:[4,"can-add-new"],notFoundMessage:[1,"not-found-message"],internalOptions:[32],isOpen:[32],isValid:[64],getChips:[64]},[[9,"mousedown","handleWindow"]]]]],["p-be42822a.system",[[1,"bds-toast",{icon:[513],actionType:[1,"action-type"],variant:[1],toastTitle:[1,"toast-title"],toastText:[1,"toast-text"],buttonText:[1,"button-text"],duration:[2],buttonAction:[1,"button-action"],show:[4],hide:[4],position:[1],create:[64],close:[64]}]]],["p-626b0055.system",[[1,"bds-autocomplete",{options:[1],value:[1025],selected:[1040],danger:[516],disabled:[516],searchOnlyTitle:[516,"search-only-title"],label:[1],icon:[513],placeholder:[1],optionsPosition:[1,"options-position"],clearIconOnFocus:[4,"clear-icon-on-focus"],isOpen:[32],text:[32],internalOptions:[32],isFocused:[32]},[[9,"mousedown","handleWindow"]]]]],["p-8c9dc92e.system",[[2,"bds-input-phone-number",{options:[16],text:[1],value:[1032],danger:[516],disabled:[516],required:[4],requiredErrorMessage:[1,"required-error-message"],numberErrorMessage:[1,"number-error-message"],label:[1],icon:[513],isOpen:[32],selectedCountry:[32],isPressed:[32]},[[9,"mousedown","handleWindow"]]]]],["p-488eb4df.system",[[1,"bds-select",{options:[1],value:[1032],danger:[516],disabled:[516],label:[1],icon:[513],placeholder:[1],optionsPosition:[1,"options-position"],isOpen:[32],text:[32],internalOptions:[32]},[[9,"mousedown","handleWindow"]]]]],["p-054ad39c.system",[[1,"bds-input-editable",{size:[1],expand:[4],inputName:[1,"input-name"],value:[1537],requiredErrorMessage:[1,"required-error-message"],minlength:[2],minlengthErrorMessage:[1,"minlength-error-message"],maxlength:[2],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],danger:[1540],isEditing:[32],isValid:[32]}]]],["p-2ddd8834.system",[[2,"bds-input-password",{openEyes:[4,"open-eyes"],value:[1537],label:[1],inputName:[1,"input-name"],max:[1],maxlength:[2],min:[1],minlength:[2],readonly:[4],helperMessage:[1,"helper-message"],errorMessage:[1,"error-message"],danger:[516],icon:[513],disabled:[4],autoCapitalize:[1,"auto-capitalize"],autoComplete:[1,"auto-complete"],placeholder:[1]}]]],["p-d1e59899.system",[[4,"bds-avatar-group",{size:[1],users:[1],internalUsers:[32],leftoversUsers:[32]}]]],["p-2f6cc6a7.system",[[1,"bds-menu-exibition",{avatarName:[1,"avatar-name"],avatarThumbnail:[1,"avatar-thumbnail"],avatarSize:[1,"avatar-size"],value:[1],subtitle:[1]}]]],["p-f851306f.system",[[1,"bds-alert-header",{variant:[1],icon:[513]}]]],["p-00eddab7.system",[[1,"bds-banner",{bannerAlign:[1,"banner-align"],buttonClose:[1,"button-close"],context:[1],variant:[1],visible:[32],toggle:[64]}]]],["p-a5c105e5.system",[[1,"bds-checkbox",{refer:[1],label:[1],name:[1],checked:[1540],disabled:[4],checkBoxId:[32],getInputElement:[64],getValue:[64]}]]],["p-e72b9b36.system",[[1,"bds-menu-action",{buttonText:[1,"button-text"],subMenu:[4,"sub-menu"],iconLeft:[1,"icon-left"],lipstick:[4],openSubMenu:[32],stateSubMenu:[32],delaySubMenu:[32],zIndex:[32],delay:[32]}]]],["p-fa577a04.system",[[1,"bds-menu-list-item",{color:[1],icon:[513]}]]],["p-ccb8cbef.system",[[1,"bds-step",{last:[4],completed:[4],active:[4],disabled:[4],index:[2],pointer:[4]}]]],["p-f130f988.system",[[4,"bds-tabs",{align:[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-19147b45.system",[[1,"bds-warning"]]],["p-5dd9dcf8.system",[[1,"bds-alert-body"]]],["p-7bcde422.system",[[1,"bds-card-color",{name:[1],hex:[1],gradient:[4],variable:[1],lightText:[4,"light-text"]}]]],["p-0d0a38da.system",[[1,"bds-expansion-panel-header",{text:[1]}]]],["p-50bdb260.system",[[1,"bds-menu-separation",{value:[1],size:[1]}]]],["p-bc3bedfe.system",[[1,"bds-modal",{open:[1540],closeButton:[1540,"close-button"],toggle:[64]}]]],["p-5de8541f.system",[[1,"bds-modal-close-button",{active:[1540]}]]],["p-42a71fbf.system",[[1,"bds-radio",{refer:[1],label:[1],value:[1],name:[1],checked:[1540],disabled:[4],radioId:[32],getInputElement:[64],getValue:[64]}]]],["p-9b955679.system",[[0,"bds-tab",{group:[1],label:[1],active:[4],getChild:[64]}]]],["p-ccce2f38.system",[[4,"bds-tab-panel",{group:[1],active:[4],getChild:[64]}]]],["p-499f01ca.system",[[1,"bds-tooltip",{tooltipText:[1,"tooltip-text"],disabled:[516],position:[1],isMouseOver:[32]}]]],["p-ea447cab.system",[[1,"bds-alert",{open:[1540],toggle:[64]}]]],["p-a4f9b964.system",[[1,"bds-alert-actions"]]],["p-1a5d5534.system",[[1,"bds-banner-link",{link:[1]}]]],["p-8f1a79b6.system",[[1,"bds-expansion-panel"]]],["p-7acbeaf7.system",[[1,"bds-expansion-panel-body",{open:[4],text:[1]}]]],["p-5a0d26ce.system",[[1,"bds-illustration",{type:[1],name:[1],IllustrationContent:[32]}]]],["p-7fa60ee1.system",[[1,"bds-menu",{menu:[1],position:[1],open:[1540],menuPositionTopToBottom:[32],menuPositionLeftToBottom:[32],menuPositionTopToRight:[32],menuPositionLeftToRight:[32],toggle:[64]}]]],["p-154eeb53.system",[[1,"bds-menu-list"]]],["p-ca8f48c9.system",[[1,"bds-modal-action"]]],["p-17e022d0.system",[[1,"bds-paper",{elevation:[1]}]]],["p-b80841d2.system",[[6,"bds-radio-group",{value:[1]}]]],["p-deefb016.system",[[4,"bds-stepper",{setActiveStep:[64],setCompletedStep:[64],getActiveStep:[64],resetActiveSteps:[64],resetCompletedSteps:[64]}]]],["p-209eaff0.system",[[1,"bds-switch",{refer:[1],size:[1],name:[1],checked:[1540],disabled:[4],switchId:[32],getInputElement:[64],getValue:[64]}]]],["p-3b6b2b87.system",[[1,"bds-icon",{color:[1],ariaLabel:[1537,"aria-label"],flipRtl:[4,"flip-rtl"],name:[1],src:[1],icon:[8],size:[1],lazy:[4],theme:[513],type:[1],svgContent:[32],isVisible:[32]}]]],["p-3969b897.system",[[1,"bds-chip",{icon:[1],size:[1],variant:[1],danger:[516],filter:[4],clickable:[4],deletable:[4],disabled:[4]}]]],["p-b4e2c926.system",[[6,"bds-input-chips",{chips:[1025],type:[1],label:[1],maxlength:[2],icon:[513],delimiters:[16],errorMessage:[1025,"error-message"],danger:[1540],value:[1537],duplicated:[4],disableSubmit:[4,"disable-submit"],disabled:[516],internalChips:[32],isValid:[64],get:[64],clear:[64],add:[64],setFocus:[64],removeFocus:[64]}]]],["p-bc4f5e9a.system",[[6,"bds-toast-container"]]],["p-37640cf1.system",[[1,"bds-datepicker-period",{startDate:[16],endDate:[16],startDateSelect:[1040],endDateSelect:[1040],week:[32],months:[32],years:[32],monthActivated:[32],yearActivated:[32],animatePrev:[32],animateNext:[32],activeSelectYear:[32],openSelectMonth:[32],openSelectYear:[32],monthsSlide:[32],loadingSlide:[32],clear:[64]}],[1,"bds-datepicker-single",{endDate:[16],startDate:[16],dateSelect:[1040],week:[32],months:[32],years:[32],monthActivated:[32],yearActivated:[32],animatePrev:[32],animateNext:[32],openSelectMonth:[32],openSelectYear:[32],monthsSlide:[32],loadingSlide:[32],clear:[64]}]]],["p-ac28898b.system",[[0,"bds-avatar",{name:[1],thumbnail:[1],size:[1],upload:[4],ellipsis:[2]}]]],["p-56beafd8.system",[[1,"bds-button-icon",{disabled:[4],size:[1],variant:[1],icon:[513]}]]],["p-33f5b56e.system",[[1,"bds-button",{disabled:[4],size:[1],variant:[1],icon:[513],arrow:[4],type:[1],typeIcon:[513,"type-icon"],bdsLoading:[4,"bds-loading"],bdsLoadingVariant:[1,"bds-loading-variant"]}],[0,"bds-loading-spinner",{variant:[1]}]]],["p-e1afa63a.system",[[6,"bds-select-option",{value:[8],selected:[4],disabled:[4],invisible:[1540],danger:[1540],bulkOption:[1,"bulk-option"],slotAlign:[1,"slot-align"],titleText:[1,"title-text"],status:[1]}]]],["p-a7f6d562.system",[[1,"bds-input",{inputName:[1,"input-name"],type:[513],label:[1],placeholder:[1],autoCapitalize:[1,"auto-capitalize"],autoComplete:[1,"auto-complete"],max:[1],maxlength:[2],min:[1],minlength:[2],readonly:[4],required:[4],pattern:[1],helperMessage:[1,"helper-message"],errorMessage:[1025,"error-message"],icon:[513],disabled:[1540],danger:[1540],value:[1025],counterLength:[4,"counter-length"],counterLengthRule:[16],isSubmit:[4,"is-submit"],isTextarea:[4,"is-textarea"],rows:[2],cols:[2],requiredErrorMessage:[1,"required-error-message"],minlengthErrorMessage:[1,"minlength-error-message"],minErrorMessage:[1,"min-error-message"],maxErrorMessage:[1,"max-error-message"],emailErrorMessage:[1,"email-error-message"],numberErrorMessage:[1,"number-error-message"],chips:[4],dataTest:[1,"data-test"],isPressed:[32],isPassword:[32],validationMesage:[32],validationDanger:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],isValid:[64],clear:[64]}],[0,"bds-counter-text",{length:[1026],max:[2],active:[1028],warning:[1040],delete:[1040]}]]]],e)}))}}}));

package/dist/blip-ds/p-d88b5271.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i}from"./p-be735275.js";import{d as a,a as r,b as n,f as o,c as s}from"./p-cce492c4.js";import{m as d,d as _}from"./p-7d00c003.js";const l=class{constructor(i){e(this,i),this.bdsStartDate=t(this,"bdsStartDate",7),this.bdsEndDate=t(this,"bdsEndDate",7),this.open=!1,this.dateSelected=null,this.endDateSelected=null,this.valueDateSelected=null,this.valueEndDateSelected=null,this.errorMsgDate=null,this.errorMsgEndDate=null,this.typeOfDate="single",this.startDateLimit=a,this.endDateLimit=r,this.message=null,this.refInputSetDate=e=>{this.inputSetDate=e},this.refInputSetEndDate=e=>{this.inputSetEndDate=e},this.refDatepickerPeriod=e=>{this.datepickerPeriod=e},this.refDatepickerSingle=e=>{this.datepickerSingle=e},this.clearDateSingle=()=>{this.datepickerSingle.clear(),this.valueDateSelected=null,this.bdsStartDate.emit({value:null})},this.clearDatePeriod=()=>{this.datepickerPeriod.clear(),this.valueDateSelected=null,this.valueEndDateSelected=null,this.bdsStartDate.emit({value:null}),this.bdsEndDate.emit({value:null}),setTimeout((()=>{this.inputSetDate.setFocus()}),10)},this.maskDateSelected=e=>{this.valueDateSelected=d(e.target.value);const t=this.valueDateSelected&&n(this.valueDateSelected),i=this.startDateLimit&&n(this.startDateLimit),a=this.endDateLimit&&n(this.endDateLimit);_(this.valueDateSelected)?o(t)<o(i)||o(t)>o(a)?this.errorMsgDate=`Por favor selecione uma data entre o periodo de ${this.startDateLimit} - ${this.endDateLimit}`:(this.errorMsgDate=null,this.dateSelected=new Date(t.year,t.month,t.date)):this.errorMsgDate="Formato da data esta incorreto!"},this.maskEndDateSelected=e=>{this.valueEndDateSelected=d(e.target.value);const t=this.valueEndDateSelected&&n(this.valueEndDateSelected),i=n(this.valueDateSelected?this.valueDateSelected:this.startDateLimit),a=this.endDateLimit&&n(this.endDateLimit);_(this.valueEndDateSelected)?o(t)<=o(i)||o(t)>o(a)?this.errorMsgEndDate=`Por favor selecione uma data entre o periodo de ${this.valueDateSelected} - ${this.endDateLimit}`:(this.errorMsgEndDate=null,this.endDateSelected=new Date(t.year,t.month,t.date)):this.errorMsgEndDate="Formato da data esta incorreto!"},this.onClickSetDate=()=>{this.open=!0,setTimeout((()=>{this.inputSetDate.setFocus(),this.inputSetEndDate.removeFocus()}),50),this.datepickerPeriod.clear(),this.valueEndDateSelected=null},this.closeDatepicker=()=>{this.inputSetEndDate.removeFocus(),this.open=!1}}startDateLimitChanged(){_(this.startDateLimit)||(this.startDateLimit=a)}endDateLimitChanged(){const e=n(this.startDateLimit),t=n(this.endDateLimit);_(this.endDateLimit)||(this.endDateLimit=r),o(t)<o(e)&&(this.endDateLimit=`${t.date.toString().padStart(2,"0")}/${(t.month+1).toString().padStart(2,"0")}/${e.year+1}`)}dateSelectedChanged(){this.inputSetEndDate.setFocus()}componentWillLoad(){this.endDateLimitChanged(),this.startDateLimitChanged()}selectDate(e){const{detail:{value:t}}=e;this.dateSelected=t,this.bdsStartDate.emit({value:this.dateSelected}),this.valueDateSelected=this.dateSelected&&s(this.dateSelected),this.errorMsgDate=null}selectEndDate(e){const{detail:{value:t}}=e;this.endDateSelected=t,this.bdsEndDate.emit({value:this.endDateSelected}),this.valueEndDateSelected=this.endDateSelected&&s(this.endDateSelected),this.errorMsgEndDate=null}render(){return i("div",{class:{datepicker:!0}},"single"==this.typeOfDate?i("div",{class:{datepicker__inputs:!0,[`datepicker__inputs__${this.typeOfDate}`]:!0}},i("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:()=>this.open=!0,onBdsInput:e=>this.maskDateSelected(e),danger:!!this.errorMsgDate,errorMessage:this.errorMsgDate})):i("div",{class:{datepicker__inputs:!0,[`datepicker__inputs__${this.typeOfDate}`]:!0}},i("bds-input",{ref:this.refInputSetDate,label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:()=>this.onClickSetDate(),onBdsInput:e=>this.maskDateSelected(e),danger:!!this.errorMsgDate,errorMessage:this.errorMsgDate}),i("bds-input",{ref:this.refInputSetEndDate,label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:()=>this.open=!0,onBdsInput:e=>this.maskEndDateSelected(e),danger:!!this.errorMsgEndDate,errorMessage:this.errorMsgEndDate})),i("div",{class:{datepicker__menu:!0,datepicker__menu__open:this.open}},this.message&&i("div",{class:"datepicker__menu__message"},i("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),i("bds-typo",{variant:"fs-16"},this.message)),"single"==this.typeOfDate?i("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&n(this.startDateLimit),endDate:this.endDateLimit&&n(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:e=>this.selectDate(e)}):i("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&n(this.startDateLimit),endDate:this.endDateLimit&&n(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:e=>this.selectDate(e),onBdsEndDate:e=>this.selectEndDate(e)}),"single"==this.typeOfDate?i("div",{class:{datepicker__menu__footer:!0}},i("bds-button",{variant:"secondary",onClick:()=>this.clearDateSingle()},"Redefinir"),i("bds-button",{onClick:()=>this.open=!1},"Concluir")):i("div",{class:{datepicker__menu__footer:!0}},i("bds-button",{variant:"secondary",onClick:()=>this.clearDatePeriod()},"Redefinir"),i("bds-button",{onClick:this.closeDatepicker},"Concluir"))))}static get watchers(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}}};l.style=':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)}}';export{l as bds_datepicker}

package/dist/blip-ds/{p-31f15449.system.entry.js → p-f4cf15a1.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-8377e47f.system.js","./p-8ff2fdad.system.js","./p-c5060283.system.js"],(function(e){"use strict";var t,i,a,r,n,o,d,c,l,s;return{setters:[function(e){t=e.r;i=e.c;a=e.h},function(e){r=e.d;n=e.a;o=e.b;d=e.f;c=e.c},function(e){l=e.m;s=e.d}],execute:function(){var _=':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 p=e("bds_datepicker",function(){function e(e){var a=this;t(this,e);this.bdsStartDate=i(this,"bdsStartDate",7);this.bdsEndDate=i(this,"bdsEndDate",7);this.open=false;this.dateSelected=null;this.endDateSelected=null;this.valueDateSelected=null;this.valueEndDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.typeOfDate="single";this.startDateLimit=r;this.endDateLimit=n;this.message=null;this.refDatepickerPeriod=function(e){a.datepickerPeriod=e};this.refDatepickerSingle=function(e){a.datepickerSingle=e};this.clearDateSingle=function(){a.datepickerSingle.clear();a.valueDateSelected=null;a.bdsStartDate.emit({value:null})};this.clearDatePeriod=function(){a.datepickerPeriod.clear();a.valueDateSelected=null;a.valueEndDateSelected=null;a.bdsStartDate.emit({value:null});a.bdsEndDate.emit({value:null})};this.maskDateSelected=function(e){var t=e.target;a.valueDateSelected=l(t.value);var i=a.valueDateSelected&&o(a.valueDateSelected);var r=a.startDateLimit&&o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!s(a.valueDateSelected)){a.errorMsgDate="Formato da data esta incorreto!"}else{if(d(i)<d(r)||d(i)>d(n)){a.errorMsgDate="Por favor selecione uma data entre o periodo de ".concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(i.year,i.month,i.date)}}};this.maskEndDateSelected=function(e){var t=e.target;a.valueEndDateSelected=l(t.value);var i=a.valueEndDateSelected&&o(a.valueEndDateSelected);var r=a.valueDateSelected?o(a.valueDateSelected):o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!s(a.valueEndDateSelected)){a.errorMsgEndDate="Formato da data esta incorreto!"}else{if(d(i)<=d(r)||d(i)>d(n)){a.errorMsgEndDate="Por favor selecione uma data entre o periodo de ".concat(a.valueDateSelected," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(i.year,i.month,i.date)}}}}e.prototype.startDateLimitChanged=function(){if(!s(this.startDateLimit)){this.startDateLimit=r}};e.prototype.endDateLimitChanged=function(){var e=o(this.startDateLimit);var t=o(this.endDateLimit);if(!s(this.endDateLimit)){this.endDateLimit=n}if(d(t)<d(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged()};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&c(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t=e.detail.value;this.endDateSelected=t;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&c(this.endDateSelected);this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;return a("div",{class:{datepicker:true}},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e)},a("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t)},a("bds-input",{label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),a("bds-input",{label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),a("div",{class:{datepicker__menu:true,datepicker__menu__open:this.open}},this.message&&a("div",{class:"datepicker__menu__message"},a("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),a("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)}}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)}}),a("div",{class:{datepicker__menu__footer:true}},this.typeOfDate=="single"?a("bds-button",{variant:"secondary",onClick:function(){return i.clearDateSingle()}},"Redefinir"):a("bds-button",{variant:"secondary",onClick:function(){return i.clearDatePeriod()}},"Redefinir"),a("bds-button",{onClick:function(){return i.open=false}},"Concluir"))))};Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"]}},enumerable:false,configurable:true});return e}());p.style=_}}}));
+System.register(["./p-8377e47f.system.js","./p-8ff2fdad.system.js","./p-c5060283.system.js"],(function(e){"use strict";var t,i,a,r,n,o,d,c,s,l;return{setters:[function(e){t=e.r;i=e.c;a=e.h},function(e){r=e.d;n=e.a;o=e.b;d=e.f;c=e.c},function(e){s=e.m;l=e.d}],execute:function(){var _=':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 p=e("bds_datepicker",function(){function e(e){var a=this;t(this,e);this.bdsStartDate=i(this,"bdsStartDate",7);this.bdsEndDate=i(this,"bdsEndDate",7);this.open=false;this.dateSelected=null;this.endDateSelected=null;this.valueDateSelected=null;this.valueEndDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.typeOfDate="single";this.startDateLimit=r;this.endDateLimit=n;this.message=null;this.refInputSetDate=function(e){a.inputSetDate=e};this.refInputSetEndDate=function(e){a.inputSetEndDate=e};this.refDatepickerPeriod=function(e){a.datepickerPeriod=e};this.refDatepickerSingle=function(e){a.datepickerSingle=e};this.clearDateSingle=function(){a.datepickerSingle.clear();a.valueDateSelected=null;a.bdsStartDate.emit({value:null})};this.clearDatePeriod=function(){a.datepickerPeriod.clear();a.valueDateSelected=null;a.valueEndDateSelected=null;a.bdsStartDate.emit({value:null});a.bdsEndDate.emit({value:null});setTimeout((function(){a.inputSetDate.setFocus()}),10)};this.maskDateSelected=function(e){var t=e.target;a.valueDateSelected=s(t.value);var i=a.valueDateSelected&&o(a.valueDateSelected);var r=a.startDateLimit&&o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!l(a.valueDateSelected)){a.errorMsgDate="Formato da data esta incorreto!"}else{if(d(i)<d(r)||d(i)>d(n)){a.errorMsgDate="Por favor selecione uma data entre o periodo de ".concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(i.year,i.month,i.date)}}};this.maskEndDateSelected=function(e){var t=e.target;a.valueEndDateSelected=s(t.value);var i=a.valueEndDateSelected&&o(a.valueEndDateSelected);var r=a.valueDateSelected?o(a.valueDateSelected):o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!l(a.valueEndDateSelected)){a.errorMsgEndDate="Formato da data esta incorreto!"}else{if(d(i)<=d(r)||d(i)>d(n)){a.errorMsgEndDate="Por favor selecione uma data entre o periodo de ".concat(a.valueDateSelected," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(i.year,i.month,i.date)}}};this.onClickSetDate=function(){a.open=true;setTimeout((function(){a.inputSetDate.setFocus();a.inputSetEndDate.removeFocus()}),50);a.datepickerPeriod.clear();a.valueEndDateSelected=null};this.closeDatepicker=function(){a.inputSetEndDate.removeFocus();a.open=false}}e.prototype.startDateLimitChanged=function(){if(!l(this.startDateLimit)){this.startDateLimit=r}};e.prototype.endDateLimitChanged=function(){var e=o(this.startDateLimit);var t=o(this.endDateLimit);if(!l(this.endDateLimit)){this.endDateLimit=n}if(d(t)<d(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.dateSelectedChanged=function(){this.inputSetEndDate.setFocus()};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged()};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&c(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t=e.detail.value;this.endDateSelected=t;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&c(this.endDateSelected);this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;return a("div",{class:{datepicker:true}},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e)},a("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t)},a("bds-input",{ref:this.refInputSetDate,label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.onClickSetDate()},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),a("bds-input",{ref:this.refInputSetEndDate,label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),a("div",{class:{datepicker__menu:true,datepicker__menu__open:this.open}},this.message&&a("div",{class:"datepicker__menu__message"},a("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),a("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)}}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)}}),this.typeOfDate=="single"?a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDateSingle()}},"Redefinir"),a("bds-button",{onClick:function(){return i.open=false}},"Concluir")):a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDatePeriod()}},"Redefinir"),a("bds-button",{onClick:this.closeDatepicker},"Concluir"))))};Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}},enumerable:false,configurable:true});return e}());p.style=_}}}));

package/dist/cjs/bds-datepicker.cjs.entry.js

@@ -36,6 +36,12 @@ const DatePicker = class {
      * Message. Select type of date.
      */
     this.message = null;
+    this.refInputSetDate = (el) => {
+      this.inputSetDate = el;
+    };
+    this.refInputSetEndDate = (el) => {
+      this.inputSetEndDate = el;
+    };
     this.refDatepickerPeriod = (el) => {
       this.datepickerPeriod = el;
     };
@@ -59,6 +65,9 @@ const DatePicker = class {
       this.valueEndDateSelected = null;
       this.bdsStartDate.emit({ value: null });
       this.bdsEndDate.emit({ value: null });
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+      }, 10);
     };
     /**
      * maskDateSelected. Function to add mask to date field
@@ -104,6 +113,19 @@ const DatePicker = class {
         }
       }
     };
+    this.onClickSetDate = () => {
+      this.open = true;
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+        this.inputSetEndDate.removeFocus();
+      }, 50);
+      this.datepickerPeriod.clear();
+      this.valueEndDateSelected = null;
+    };
+    this.closeDatepicker = () => {
+      this.inputSetEndDate.removeFocus();
+      this.open = false;
+    };
   }
   /**
    * startDateLimit validation.
@@ -128,6 +150,9 @@ const DatePicker = class {
         .padStart(2, '0')}/${dlStartDate.year + 1}`;
     }
   }
+  dateSelectedChanged() {
+    this.inputSetEndDate.setFocus();
+  }
   componentWillLoad() {
     this.endDateLimitChanged();
     this.startDateLimitChanged();
@@ -153,11 +178,12 @@ const DatePicker = class {
     this.errorMsgEndDate = null;
   }
   render() {
-    return (index.h("div", { class: { datepicker: true } }, this.typeOfDate == 'single' ? (index.h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, index.h("bds-input", { label: "Definir a data", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }))) : (index.h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, index.h("bds-input", { label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }), index.h("bds-input", { label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))), index.h("div", { class: { datepicker__menu: true, datepicker__menu__open: this.open } }, this.message && (index.h("div", { class: "datepicker__menu__message" }, index.h("bds-icon", { name: "warning", theme: "outline", "aria-label": "\u00CDcone de aten\u00E7\u00E3o" }), index.h("bds-typo", { variant: "fs-16" }, this.message))), this.typeOfDate == 'single' ? (index.h("bds-datepicker-single", { ref: this.refDatepickerSingle, startDate: this.startDateLimit && calendar.dateToDayList(this.startDateLimit), endDate: this.endDateLimit && calendar.dateToDayList(this.endDateLimit), dateSelect: this.dateSelected, onBdsDateSelected: (event) => this.selectDate(event) })) : (index.h("bds-datepicker-period", { ref: this.refDatepickerPeriod, startDate: this.startDateLimit && calendar.dateToDayList(this.startDateLimit), endDate: this.endDateLimit && calendar.dateToDayList(this.endDateLimit), startDateSelect: this.dateSelected, endDateSelect: this.endDateSelected, onBdsStartDate: (event) => this.selectDate(event), onBdsEndDate: (event) => this.selectEndDate(event) })), index.h("div", { class: { datepicker__menu__footer: true } }, this.typeOfDate == 'single' ? (index.h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir")) : (index.h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir")), index.h("bds-button", { onClick: () => (this.open = false) }, "Concluir")))));
+    return (index.h("div", { class: { datepicker: true } }, this.typeOfDate == 'single' ? (index.h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, index.h("bds-input", { label: "Definir a data", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }))) : (index.h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, index.h("bds-input", { ref: this.refInputSetDate, label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => this.onClickSetDate(), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }), index.h("bds-input", { ref: this.refInputSetEndDate, label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))), index.h("div", { class: { datepicker__menu: true, datepicker__menu__open: this.open } }, this.message && (index.h("div", { class: "datepicker__menu__message" }, index.h("bds-icon", { name: "warning", theme: "outline", "aria-label": "\u00CDcone de aten\u00E7\u00E3o" }), index.h("bds-typo", { variant: "fs-16" }, this.message))), this.typeOfDate == 'single' ? (index.h("bds-datepicker-single", { ref: this.refDatepickerSingle, startDate: this.startDateLimit && calendar.dateToDayList(this.startDateLimit), endDate: this.endDateLimit && calendar.dateToDayList(this.endDateLimit), dateSelect: this.dateSelected, onBdsDateSelected: (event) => this.selectDate(event) })) : (index.h("bds-datepicker-period", { ref: this.refDatepickerPeriod, startDate: this.startDateLimit && calendar.dateToDayList(this.startDateLimit), endDate: this.endDateLimit && calendar.dateToDayList(this.endDateLimit), startDateSelect: this.dateSelected, endDateSelect: this.endDateSelected, onBdsStartDate: (event) => this.selectDate(event), onBdsEndDate: (event) => this.selectEndDate(event) })), this.typeOfDate == 'single' ? (index.h("div", { class: { datepicker__menu__footer: true } }, index.h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir"), index.h("bds-button", { onClick: () => (this.open = false) }, "Concluir"))) : (index.h("div", { class: { datepicker__menu__footer: true } }, index.h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir"), index.h("bds-button", { onClick: this.closeDatepicker }, "Concluir"))))));
   }
   static get watchers() { return {
     "startDateLimit": ["startDateLimitChanged"],
-    "endDateLimit": ["endDateLimitChanged"]
+    "endDateLimit": ["endDateLimitChanged"],
+    "dateSelected": ["dateSelectedChanged"]
   }; }
 };
 DatePicker.style = datepickerCss;

package/dist/collection/components/datepicker/datepicker.js

@@ -26,6 +26,12 @@ export class DatePicker {
      * Message. Select type of date.
      */
     this.message = null;
+    this.refInputSetDate = (el) => {
+      this.inputSetDate = el;
+    };
+    this.refInputSetEndDate = (el) => {
+      this.inputSetEndDate = el;
+    };
     this.refDatepickerPeriod = (el) => {
       this.datepickerPeriod = el;
     };
@@ -49,6 +55,9 @@ export class DatePicker {
       this.valueEndDateSelected = null;
       this.bdsStartDate.emit({ value: null });
       this.bdsEndDate.emit({ value: null });
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+      }, 10);
     };
     /**
      * maskDateSelected. Function to add mask to date field
@@ -94,6 +103,19 @@ export class DatePicker {
         }
       }
     };
+    this.onClickSetDate = () => {
+      this.open = true;
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+        this.inputSetEndDate.removeFocus();
+      }, 50);
+      this.datepickerPeriod.clear();
+      this.valueEndDateSelected = null;
+    };
+    this.closeDatepicker = () => {
+      this.inputSetEndDate.removeFocus();
+      this.open = false;
+    };
   }
   /**
    * startDateLimit validation.
@@ -118,6 +140,9 @@ export class DatePicker {
         .padStart(2, '0')}/${dlStartDate.year + 1}`;
     }
   }
+  dateSelectedChanged() {
+    this.inputSetEndDate.setFocus();
+  }
   componentWillLoad() {
     this.endDateLimitChanged();
     this.startDateLimitChanged();
@@ -146,16 +171,18 @@ export class DatePicker {
     return (h("div", { class: { datepicker: true } },
       this.typeOfDate == 'single' ? (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } },
         h("bds-input", { label: "Definir a data", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }))) : (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } },
-        h("bds-input", { label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }),
-        h("bds-input", { label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))),
+        h("bds-input", { ref: this.refInputSetDate, label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => this.onClickSetDate(), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }),
+        h("bds-input", { ref: this.refInputSetEndDate, label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))),
       h("div", { class: { datepicker__menu: true, datepicker__menu__open: this.open } },
         this.message && (h("div", { class: "datepicker__menu__message" },
           h("bds-icon", { name: "warning", theme: "outline", "aria-label": "\u00CDcone de aten\u00E7\u00E3o" }),
           h("bds-typo", { variant: "fs-16" }, this.message))),
         this.typeOfDate == 'single' ? (h("bds-datepicker-single", { ref: this.refDatepickerSingle, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), dateSelect: this.dateSelected, onBdsDateSelected: (event) => this.selectDate(event) })) : (h("bds-datepicker-period", { ref: this.refDatepickerPeriod, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), startDateSelect: this.dateSelected, endDateSelect: this.endDateSelected, onBdsStartDate: (event) => this.selectDate(event), onBdsEndDate: (event) => this.selectEndDate(event) })),
-        h("div", { class: { datepicker__menu__footer: true } },
-          this.typeOfDate == 'single' ? (h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir")) : (h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir")),
-          h("bds-button", { onClick: () => (this.open = false) }, "Concluir")))));
+        this.typeOfDate == 'single' ? (h("div", { class: { datepicker__menu__footer: true } },
+          h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir"),
+          h("bds-button", { onClick: () => (this.open = false) }, "Concluir"))) : (h("div", { class: { datepicker__menu__footer: true } },
+          h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir"),
+          h("bds-button", { onClick: this.closeDatepicker }, "Concluir"))))));
   }
   static get is() { return "bds-datepicker"; }
   static get originalStyleUrls() { return {
@@ -289,5 +316,8 @@ export class DatePicker {
     }, {
       "propName": "endDateLimit",
       "methodName": "endDateLimitChanged"
+    }, {
+      "propName": "dateSelected",
+      "methodName": "dateSelectedChanged"
     }]; }
 }

package/dist/esm/bds-datepicker.entry.js

@@ -32,6 +32,12 @@ const DatePicker = class {
      * Message. Select type of date.
      */
     this.message = null;
+    this.refInputSetDate = (el) => {
+      this.inputSetDate = el;
+    };
+    this.refInputSetEndDate = (el) => {
+      this.inputSetEndDate = el;
+    };
     this.refDatepickerPeriod = (el) => {
       this.datepickerPeriod = el;
     };
@@ -55,6 +61,9 @@ const DatePicker = class {
       this.valueEndDateSelected = null;
       this.bdsStartDate.emit({ value: null });
       this.bdsEndDate.emit({ value: null });
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+      }, 10);
     };
     /**
      * maskDateSelected. Function to add mask to date field
@@ -100,6 +109,19 @@ const DatePicker = class {
         }
       }
     };
+    this.onClickSetDate = () => {
+      this.open = true;
+      setTimeout(() => {
+        this.inputSetDate.setFocus();
+        this.inputSetEndDate.removeFocus();
+      }, 50);
+      this.datepickerPeriod.clear();
+      this.valueEndDateSelected = null;
+    };
+    this.closeDatepicker = () => {
+      this.inputSetEndDate.removeFocus();
+      this.open = false;
+    };
   }
   /**
    * startDateLimit validation.
@@ -124,6 +146,9 @@ const DatePicker = class {
         .padStart(2, '0')}/${dlStartDate.year + 1}`;
     }
   }
+  dateSelectedChanged() {
+    this.inputSetEndDate.setFocus();
+  }
   componentWillLoad() {
     this.endDateLimitChanged();
     this.startDateLimitChanged();
@@ -149,11 +174,12 @@ const DatePicker = class {
     this.errorMsgEndDate = null;
   }
   render() {
-    return (h("div", { class: { datepicker: true } }, this.typeOfDate == 'single' ? (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { label: "Definir a data", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }))) : (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }), h("bds-input", { label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))), h("div", { class: { datepicker__menu: true, datepicker__menu__open: this.open } }, this.message && (h("div", { class: "datepicker__menu__message" }, h("bds-icon", { name: "warning", theme: "outline", "aria-label": "\u00CDcone de aten\u00E7\u00E3o" }), h("bds-typo", { variant: "fs-16" }, this.message))), this.typeOfDate == 'single' ? (h("bds-datepicker-single", { ref: this.refDatepickerSingle, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), dateSelect: this.dateSelected, onBdsDateSelected: (event) => this.selectDate(event) })) : (h("bds-datepicker-period", { ref: this.refDatepickerPeriod, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), startDateSelect: this.dateSelected, endDateSelect: this.endDateSelected, onBdsStartDate: (event) => this.selectDate(event), onBdsEndDate: (event) => this.selectEndDate(event) })), h("div", { class: { datepicker__menu__footer: true } }, this.typeOfDate == 'single' ? (h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir")) : (h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir")), h("bds-button", { onClick: () => (this.open = false) }, "Concluir")))));
+    return (h("div", { class: { datepicker: true } }, this.typeOfDate == 'single' ? (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { label: "Definir a data", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }))) : (h("div", { class: { datepicker__inputs: true, [`datepicker__inputs__${this.typeOfDate}`]: true } }, h("bds-input", { ref: this.refInputSetDate, label: "De", value: this.valueDateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => this.onClickSetDate(), onBdsInput: (ev) => this.maskDateSelected(ev), danger: this.errorMsgDate ? true : false, errorMessage: this.errorMsgDate }), h("bds-input", { ref: this.refInputSetEndDate, label: "At\u00E9", value: this.valueEndDateSelected, disabled: !this.dateSelected, placeholder: "__/__/____", maxlength: 10, icon: "calendar", onClick: () => (this.open = true), onBdsInput: (ev) => this.maskEndDateSelected(ev), danger: this.errorMsgEndDate ? true : false, errorMessage: this.errorMsgEndDate }))), h("div", { class: { datepicker__menu: true, datepicker__menu__open: this.open } }, this.message && (h("div", { class: "datepicker__menu__message" }, h("bds-icon", { name: "warning", theme: "outline", "aria-label": "\u00CDcone de aten\u00E7\u00E3o" }), h("bds-typo", { variant: "fs-16" }, this.message))), this.typeOfDate == 'single' ? (h("bds-datepicker-single", { ref: this.refDatepickerSingle, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), dateSelect: this.dateSelected, onBdsDateSelected: (event) => this.selectDate(event) })) : (h("bds-datepicker-period", { ref: this.refDatepickerPeriod, startDate: this.startDateLimit && dateToDayList(this.startDateLimit), endDate: this.endDateLimit && dateToDayList(this.endDateLimit), startDateSelect: this.dateSelected, endDateSelect: this.endDateSelected, onBdsStartDate: (event) => this.selectDate(event), onBdsEndDate: (event) => this.selectEndDate(event) })), this.typeOfDate == 'single' ? (h("div", { class: { datepicker__menu__footer: true } }, h("bds-button", { variant: "secondary", onClick: () => this.clearDateSingle() }, "Redefinir"), h("bds-button", { onClick: () => (this.open = false) }, "Concluir"))) : (h("div", { class: { datepicker__menu__footer: true } }, h("bds-button", { variant: "secondary", onClick: () => this.clearDatePeriod() }, "Redefinir"), h("bds-button", { onClick: this.closeDatepicker }, "Concluir"))))));
   }
   static get watchers() { return {
     "startDateLimit": ["startDateLimitChanged"],
-    "endDateLimit": ["endDateLimitChanged"]
+    "endDateLimit": ["endDateLimitChanged"],
+    "dateSelected": ["dateSelectedChanged"]
   }; }
 };
 DatePicker.style = datepickerCss;

package/dist/esm-es5/bds-datepicker.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h}from"./index-a022c8e6.js";import{d as defaultStartDate,a as defaultEndDate,b as dateToDayList,f as fillDayList,c as dateToString}from"./calendar-b2732eee.js";import{m as maskDate,d as dateValidation}from"./validations-6d914b78.js";var datepickerCss=':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 DatePicker=function(){function e(e){var t=this;registerInstance(this,e);this.bdsStartDate=createEvent(this,"bdsStartDate",7);this.bdsEndDate=createEvent(this,"bdsEndDate",7);this.open=false;this.dateSelected=null;this.endDateSelected=null;this.valueDateSelected=null;this.valueEndDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.typeOfDate="single";this.startDateLimit=defaultStartDate;this.endDateLimit=defaultEndDate;this.message=null;this.refDatepickerPeriod=function(e){t.datepickerPeriod=e};this.refDatepickerSingle=function(e){t.datepickerSingle=e};this.clearDateSingle=function(){t.datepickerSingle.clear();t.valueDateSelected=null;t.bdsStartDate.emit({value:null})};this.clearDatePeriod=function(){t.datepickerPeriod.clear();t.valueDateSelected=null;t.valueEndDateSelected=null;t.bdsStartDate.emit({value:null});t.bdsEndDate.emit({value:null})};this.maskDateSelected=function(e){var i=e.target;t.valueDateSelected=maskDate(i.value);var a=t.valueDateSelected&&dateToDayList(t.valueDateSelected);var r=t.startDateLimit&&dateToDayList(t.startDateLimit);var n=t.endDateLimit&&dateToDayList(t.endDateLimit);if(!dateValidation(t.valueDateSelected)){t.errorMsgDate="Formato da data esta incorreto!"}else{if(fillDayList(a)<fillDayList(r)||fillDayList(a)>fillDayList(n)){t.errorMsgDate="Por favor selecione uma data entre o periodo de ".concat(t.startDateLimit," - ").concat(t.endDateLimit)}else{t.errorMsgDate=null;t.dateSelected=new Date(a.year,a.month,a.date)}}};this.maskEndDateSelected=function(e){var i=e.target;t.valueEndDateSelected=maskDate(i.value);var a=t.valueEndDateSelected&&dateToDayList(t.valueEndDateSelected);var r=t.valueDateSelected?dateToDayList(t.valueDateSelected):dateToDayList(t.startDateLimit);var n=t.endDateLimit&&dateToDayList(t.endDateLimit);if(!dateValidation(t.valueEndDateSelected)){t.errorMsgEndDate="Formato da data esta incorreto!"}else{if(fillDayList(a)<=fillDayList(r)||fillDayList(a)>fillDayList(n)){t.errorMsgEndDate="Por favor selecione uma data entre o periodo de ".concat(t.valueDateSelected," - ").concat(t.endDateLimit)}else{t.errorMsgEndDate=null;t.endDateSelected=new Date(a.year,a.month,a.date)}}}}e.prototype.startDateLimitChanged=function(){if(!dateValidation(this.startDateLimit)){this.startDateLimit=defaultStartDate}};e.prototype.endDateLimitChanged=function(){var e=dateToDayList(this.startDateLimit);var t=dateToDayList(this.endDateLimit);if(!dateValidation(this.endDateLimit)){this.endDateLimit=defaultEndDate}if(fillDayList(t)<fillDayList(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged()};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&dateToString(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t=e.detail.value;this.endDateSelected=t;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&dateToString(this.endDateSelected);this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;return h("div",{class:{datepicker:true}},this.typeOfDate=="single"?h("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e)},h("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):h("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t)},h("bds-input",{label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),h("bds-input",{label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),h("div",{class:{datepicker__menu:true,datepicker__menu__open:this.open}},this.message&&h("div",{class:"datepicker__menu__message"},h("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),h("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?h("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&dateToDayList(this.startDateLimit),endDate:this.endDateLimit&&dateToDayList(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)}}):h("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&dateToDayList(this.startDateLimit),endDate:this.endDateLimit&&dateToDayList(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)}}),h("div",{class:{datepicker__menu__footer:true}},this.typeOfDate=="single"?h("bds-button",{variant:"secondary",onClick:function(){return i.clearDateSingle()}},"Redefinir"):h("bds-button",{variant:"secondary",onClick:function(){return i.clearDatePeriod()}},"Redefinir"),h("bds-button",{onClick:function(){return i.open=false}},"Concluir"))))};Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"]}},enumerable:false,configurable:true});return e}();DatePicker.style=datepickerCss;export{DatePicker as bds_datepicker};
+import{r as registerInstance,c as createEvent,h}from"./index-a022c8e6.js";import{d as defaultStartDate,a as defaultEndDate,b as dateToDayList,f as fillDayList,c as dateToString}from"./calendar-b2732eee.js";import{m as maskDate,d as dateValidation}from"./validations-6d914b78.js";var datepickerCss=':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 DatePicker=function(){function e(e){var t=this;registerInstance(this,e);this.bdsStartDate=createEvent(this,"bdsStartDate",7);this.bdsEndDate=createEvent(this,"bdsEndDate",7);this.open=false;this.dateSelected=null;this.endDateSelected=null;this.valueDateSelected=null;this.valueEndDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.typeOfDate="single";this.startDateLimit=defaultStartDate;this.endDateLimit=defaultEndDate;this.message=null;this.refInputSetDate=function(e){t.inputSetDate=e};this.refInputSetEndDate=function(e){t.inputSetEndDate=e};this.refDatepickerPeriod=function(e){t.datepickerPeriod=e};this.refDatepickerSingle=function(e){t.datepickerSingle=e};this.clearDateSingle=function(){t.datepickerSingle.clear();t.valueDateSelected=null;t.bdsStartDate.emit({value:null})};this.clearDatePeriod=function(){t.datepickerPeriod.clear();t.valueDateSelected=null;t.valueEndDateSelected=null;t.bdsStartDate.emit({value:null});t.bdsEndDate.emit({value:null});setTimeout((function(){t.inputSetDate.setFocus()}),10)};this.maskDateSelected=function(e){var i=e.target;t.valueDateSelected=maskDate(i.value);var a=t.valueDateSelected&&dateToDayList(t.valueDateSelected);var r=t.startDateLimit&&dateToDayList(t.startDateLimit);var n=t.endDateLimit&&dateToDayList(t.endDateLimit);if(!dateValidation(t.valueDateSelected)){t.errorMsgDate="Formato da data esta incorreto!"}else{if(fillDayList(a)<fillDayList(r)||fillDayList(a)>fillDayList(n)){t.errorMsgDate="Por favor selecione uma data entre o periodo de ".concat(t.startDateLimit," - ").concat(t.endDateLimit)}else{t.errorMsgDate=null;t.dateSelected=new Date(a.year,a.month,a.date)}}};this.maskEndDateSelected=function(e){var i=e.target;t.valueEndDateSelected=maskDate(i.value);var a=t.valueEndDateSelected&&dateToDayList(t.valueEndDateSelected);var r=t.valueDateSelected?dateToDayList(t.valueDateSelected):dateToDayList(t.startDateLimit);var n=t.endDateLimit&&dateToDayList(t.endDateLimit);if(!dateValidation(t.valueEndDateSelected)){t.errorMsgEndDate="Formato da data esta incorreto!"}else{if(fillDayList(a)<=fillDayList(r)||fillDayList(a)>fillDayList(n)){t.errorMsgEndDate="Por favor selecione uma data entre o periodo de ".concat(t.valueDateSelected," - ").concat(t.endDateLimit)}else{t.errorMsgEndDate=null;t.endDateSelected=new Date(a.year,a.month,a.date)}}};this.onClickSetDate=function(){t.open=true;setTimeout((function(){t.inputSetDate.setFocus();t.inputSetEndDate.removeFocus()}),50);t.datepickerPeriod.clear();t.valueEndDateSelected=null};this.closeDatepicker=function(){t.inputSetEndDate.removeFocus();t.open=false}}e.prototype.startDateLimitChanged=function(){if(!dateValidation(this.startDateLimit)){this.startDateLimit=defaultStartDate}};e.prototype.endDateLimitChanged=function(){var e=dateToDayList(this.startDateLimit);var t=dateToDayList(this.endDateLimit);if(!dateValidation(this.endDateLimit)){this.endDateLimit=defaultEndDate}if(fillDayList(t)<fillDayList(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.dateSelectedChanged=function(){this.inputSetEndDate.setFocus()};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged()};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&dateToString(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t=e.detail.value;this.endDateSelected=t;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&dateToString(this.endDateSelected);this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;return h("div",{class:{datepicker:true}},this.typeOfDate=="single"?h("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e)},h("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):h("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t)},h("bds-input",{ref:this.refInputSetDate,label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.onClickSetDate()},onBdsInput:function(e){return i.maskDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),h("bds-input",{ref:this.refInputSetEndDate,label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.open=true},onBdsInput:function(e){return i.maskEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),h("div",{class:{datepicker__menu:true,datepicker__menu__open:this.open}},this.message&&h("div",{class:"datepicker__menu__message"},h("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),h("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?h("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&dateToDayList(this.startDateLimit),endDate:this.endDateLimit&&dateToDayList(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)}}):h("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&dateToDayList(this.startDateLimit),endDate:this.endDateLimit&&dateToDayList(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)}}),this.typeOfDate=="single"?h("div",{class:{datepicker__menu__footer:true}},h("bds-button",{variant:"secondary",onClick:function(){return i.clearDateSingle()}},"Redefinir"),h("bds-button",{onClick:function(){return i.open=false}},"Concluir")):h("div",{class:{datepicker__menu__footer:true}},h("bds-button",{variant:"secondary",onClick:function(){return i.clearDatePeriod()}},"Redefinir"),h("bds-button",{onClick:this.closeDatepicker},"Concluir"))))};Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}},enumerable:false,configurable:true});return e}();DatePicker.style=datepickerCss;export{DatePicker as bds_datepicker};

package/dist/types/components/datepicker/datepicker.d.ts

@@ -2,6 +2,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { DaysList } from './datepicker-interface';
 export declare type typeDate = 'single' | 'period';
 export declare class DatePicker {
+  private inputSetDate?;
+  private inputSetEndDate?;
   private datepickerPeriod?;
   private datepickerSingle?;
   endDateLimitDaysList: DaysList;
@@ -44,7 +46,10 @@ export declare class DatePicker {
    * endDateLimit validation.
    */
   endDateLimitChanged(): void;
+  dateSelectedChanged(): void;
   componentWillLoad(): void;
+  private refInputSetDate;
+  private refInputSetEndDate;
   private refDatepickerPeriod;
   private refDatepickerSingle;
   /**
@@ -71,5 +76,7 @@ export declare class DatePicker {
    * maskEndDateSelected. Function to add mask to the end date field
    */
   private maskEndDateSelected;
+  private onClickSetDate;
+  private closeDatepicker;
   render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blip-ds",
-  "version": "1.146.0",
+  "version": "1.147.2",
   "description": "Blip Design System",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",

package/dist/blip-ds/p-d886f193.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-be735275.js";import{d as a,a as r,b as n,f as o,c as s}from"./p-cce492c4.js";import{m as d,d as _}from"./p-7d00c003.js";const l=class{constructor(i){e(this,i),this.bdsStartDate=t(this,"bdsStartDate",7),this.bdsEndDate=t(this,"bdsEndDate",7),this.open=!1,this.dateSelected=null,this.endDateSelected=null,this.valueDateSelected=null,this.valueEndDateSelected=null,this.errorMsgDate=null,this.errorMsgEndDate=null,this.typeOfDate="single",this.startDateLimit=a,this.endDateLimit=r,this.message=null,this.refDatepickerPeriod=e=>{this.datepickerPeriod=e},this.refDatepickerSingle=e=>{this.datepickerSingle=e},this.clearDateSingle=()=>{this.datepickerSingle.clear(),this.valueDateSelected=null,this.bdsStartDate.emit({value:null})},this.clearDatePeriod=()=>{this.datepickerPeriod.clear(),this.valueDateSelected=null,this.valueEndDateSelected=null,this.bdsStartDate.emit({value:null}),this.bdsEndDate.emit({value:null})},this.maskDateSelected=e=>{this.valueDateSelected=d(e.target.value);const t=this.valueDateSelected&&n(this.valueDateSelected),i=this.startDateLimit&&n(this.startDateLimit),a=this.endDateLimit&&n(this.endDateLimit);_(this.valueDateSelected)?o(t)<o(i)||o(t)>o(a)?this.errorMsgDate=`Por favor selecione uma data entre o periodo de ${this.startDateLimit} - ${this.endDateLimit}`:(this.errorMsgDate=null,this.dateSelected=new Date(t.year,t.month,t.date)):this.errorMsgDate="Formato da data esta incorreto!"},this.maskEndDateSelected=e=>{this.valueEndDateSelected=d(e.target.value);const t=this.valueEndDateSelected&&n(this.valueEndDateSelected),i=n(this.valueDateSelected?this.valueDateSelected:this.startDateLimit),a=this.endDateLimit&&n(this.endDateLimit);_(this.valueEndDateSelected)?o(t)<=o(i)||o(t)>o(a)?this.errorMsgEndDate=`Por favor selecione uma data entre o periodo de ${this.valueDateSelected} - ${this.endDateLimit}`:(this.errorMsgEndDate=null,this.endDateSelected=new Date(t.year,t.month,t.date)):this.errorMsgEndDate="Formato da data esta incorreto!"}}startDateLimitChanged(){_(this.startDateLimit)||(this.startDateLimit=a)}endDateLimitChanged(){const e=n(this.startDateLimit),t=n(this.endDateLimit);_(this.endDateLimit)||(this.endDateLimit=r),o(t)<o(e)&&(this.endDateLimit=`${t.date.toString().padStart(2,"0")}/${(t.month+1).toString().padStart(2,"0")}/${e.year+1}`)}componentWillLoad(){this.endDateLimitChanged(),this.startDateLimitChanged()}selectDate(e){const{detail:{value:t}}=e;this.dateSelected=t,this.bdsStartDate.emit({value:this.dateSelected}),this.valueDateSelected=this.dateSelected&&s(this.dateSelected),this.errorMsgDate=null}selectEndDate(e){const{detail:{value:t}}=e;this.endDateSelected=t,this.bdsEndDate.emit({value:this.endDateSelected}),this.valueEndDateSelected=this.endDateSelected&&s(this.endDateSelected),this.errorMsgEndDate=null}render(){return i("div",{class:{datepicker:!0}},"single"==this.typeOfDate?i("div",{class:{datepicker__inputs:!0,[`datepicker__inputs__${this.typeOfDate}`]:!0}},i("bds-input",{label:"Definir a data",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:()=>this.open=!0,onBdsInput:e=>this.maskDateSelected(e),danger:!!this.errorMsgDate,errorMessage:this.errorMsgDate})):i("div",{class:{datepicker__inputs:!0,[`datepicker__inputs__${this.typeOfDate}`]:!0}},i("bds-input",{label:"De",value:this.valueDateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:()=>this.open=!0,onBdsInput:e=>this.maskDateSelected(e),danger:!!this.errorMsgDate,errorMessage:this.errorMsgDate}),i("bds-input",{label:"Até",value:this.valueEndDateSelected,disabled:!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:()=>this.open=!0,onBdsInput:e=>this.maskEndDateSelected(e),danger:!!this.errorMsgEndDate,errorMessage:this.errorMsgEndDate})),i("div",{class:{datepicker__menu:!0,datepicker__menu__open:this.open}},this.message&&i("div",{class:"datepicker__menu__message"},i("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),i("bds-typo",{variant:"fs-16"},this.message)),"single"==this.typeOfDate?i("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&n(this.startDateLimit),endDate:this.endDateLimit&&n(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:e=>this.selectDate(e)}):i("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&n(this.startDateLimit),endDate:this.endDateLimit&&n(this.endDateLimit),startDateSelect:this.dateSelected,endDateSelect:this.endDateSelected,onBdsStartDate:e=>this.selectDate(e),onBdsEndDate:e=>this.selectEndDate(e)}),i("div",{class:{datepicker__menu__footer:!0}},i("bds-button","single"==this.typeOfDate?{variant:"secondary",onClick:()=>this.clearDateSingle()}:{variant:"secondary",onClick:()=>this.clearDatePeriod()},"Redefinir"),i("bds-button",{onClick:()=>this.open=!1},"Concluir"))))}static get watchers(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"]}}};l.style=':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)}}';export{l as bds_datepicker}