blip-ds 1.201.0 → 1.201.1

package/dist/cjs/{bds-datepicker-period_2.cjs.entry.js → bds-datepicker-period_3.cjs.entry.js}

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e324e44.js');
 const calendar = require('./calendar-6f185f66.js');
+const validations = require('./validations-431d75ca.js');
 
 const datepickerCss$1 = ":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:fixed;pointer-events:none;top:0;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:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 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)}}";
 
@@ -582,5 +583,305 @@ const BdsdatepickerSingle = class {
 };
 BdsdatepickerSingle.style = datepickerCss;
 
+const inputCss = ":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}";
+
+const Input = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.bdsChange = index.createEvent(this, "bdsChange", 7);
+    this.bdsInput = index.createEvent(this, "bdsInput", 7);
+    this.bdsOnBlur = index.createEvent(this, "bdsOnBlur", 7);
+    this.bdsFocus = index.createEvent(this, "bdsFocus", 7);
+    this.bdsSubmit = index.createEvent(this, "bdsSubmit", 7);
+    this.bdsKeyDownBackspace = index.createEvent(this, "bdsKeyDownBackspace", 7);
+    /**
+     * Conditions the element to say whether it is pressed or not, to add styles.
+     */
+    this.isPressed = false;
+    /**
+     * Indicates if the input is password, adding the eye icon.
+     */
+    this.isPassword = false;
+    /**
+     * Used to set the error message setted by the internal validators
+     */
+    this.validationMesage = '';
+    /**
+     * Used to set the danger behavior by the internal validators
+     */
+    this.validationDanger = false;
+    /**
+     * Input Name
+     */
+    this.inputName = '';
+    /**
+     * Input type. Can be one of: "text", "password", "number" or "email".
+     */
+    this.type = 'text';
+    /**
+     *  label in input, with he the input size increases.
+     */
+    this.label = '';
+    /**
+     * A tip for the user who can enter no controls.
+     */
+    this.placeholder = '';
+    /**
+     * Capitalizes every word's second character.
+     */
+    this.autoCapitalize = 'off';
+    /**
+     * Hint for form autofill feature
+     */
+    this.autoComplete = 'off';
+    /**
+     * If `true`, the user cannot modify the value.
+     */
+    this.readonly = false;
+    /**
+     * Indicated to pass a help the user in complex filling.
+     */
+    this.helperMessage = '';
+    /**
+     * Indicated to pass an feeback to user.
+     */
+    this.errorMessage = '';
+    /**
+     * used for add icon in input left. Uses the bds-icon component.
+     */
+    this.icon = '';
+    /**
+     * Disabled input.
+     */
+    this.disabled = false;
+    /**
+     * Add state danger on input, use for use feedback.
+     */
+    this.danger = false;
+    /**
+     * The value of the input.
+     */
+    this.value = '';
+    /**
+     * Passing true to display a counter of available size, it is necessary to
+     * pass another maxlength property.
+     */
+    this.counterLength = false;
+    /**
+     * Make it possible to pass the base values to the warning level and exclude,
+     * using the values between min and max.
+     */
+    this.counterLengthRule = null;
+    /**
+     * If `true`, the user cannot modify the value.
+     */
+    this.isSubmit = false;
+    /**
+     * if `true` input switched to textarea
+     */
+    this.isTextarea = false;
+    /**
+     * The rows and cols attributes allow you to specify an exact size for the <textarea> to get. Setting this is a good idea for consistency, as the browser defaults may differ.
+     */
+    this.rows = 1;
+    /**
+     * The rows and cols attributes allow you to specify an exact size for the <textarea> to get. Setting this is a good idea for consistency, as the browser defaults may differ.
+     */
+    this.cols = 0;
+    /**
+     * Id to support Cypress.
+     */
+    this.dataTest = null;
+    this.keyPressWrapper = (event) => {
+      switch (event.key) {
+        case 'Enter':
+          this.bdsSubmit.emit({ event, value: this.value });
+          if (this.isSubmit) {
+            this.clearTextInput();
+            event.preventDefault();
+          }
+          break;
+        case 'Backspace' :
+          this.bdsKeyDownBackspace.emit({ event, value: this.value });
+          break;
+      }
+    };
+    this.onInput = (ev) => {
+      this.onBdsInputValidations();
+      const input = ev.target;
+      if (input) {
+        this.value = input.value || '';
+      }
+      this.bdsInput.emit(ev);
+    };
+    this.onBlur = () => {
+      this.onBlurValidations();
+      this.isPressed = false;
+      this.bdsOnBlur.emit();
+    };
+    this.onFocus = () => {
+      this.isPressed = true;
+      this.bdsFocus.emit();
+    };
+    this.onClickWrapper = () => {
+      this.onFocus();
+      if (this.nativeInput) {
+        this.nativeInput.focus();
+      }
+    };
+    this.clearTextInput = (ev) => {
+      if (!this.readonly && !this.disabled && ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+      }
+      this.value = '';
+      /**
+       * This is needed for clearOnEdit
+       * Otherwise the value will not be cleared
+       * if user is inside the input
+       */
+      if (this.nativeInput) {
+        this.nativeInput.value = '';
+      }
+    };
+  }
+  /**
+   * Update the native input element when the value changes
+   */
+  valueChanged() {
+    this.bdsChange.emit({ value: this.value == null ? this.value : this.value.toString() });
+  }
+  /**
+   * Sets focus on the specified `ion-input`. Use this method instead of the global
+   * `input.focus()`.
+   */
+  async setFocus() {
+    this.onClickWrapper();
+  }
+  async removeFocus() {
+    this.onBlur();
+  }
+  /**
+   * Returns the native `<input>` element used under the hood.
+   */
+  async getInputElement() {
+    return this.nativeInput;
+  }
+  /**
+   * Return the validity of the input.
+   */
+  async isValid() {
+    return this.nativeInput.validity.valid;
+  }
+  /**
+   * Return the validity of the input.
+   */
+  async clear() {
+    this.value = '';
+  }
+  renderIcon() {
+    return (this.icon && (index.h("div", { class: {
+        input__icon: true,
+        'input__icon--large': !!this.label,
+      } }, index.h("bds-icon", { size: this.label ? 'medium' : 'small', name: this.icon, color: "inherit" }))));
+  }
+  renderLabel() {
+    return (this.label && (index.h("label", { class: {
+        input__container__label: true,
+        'input__container__label--pressed': this.isPressed && !this.disabled,
+      } }, index.h("bds-typo", { variant: "fs-12", bold: "bold" }, this.label))));
+  }
+  renderMessage() {
+    const icon = this.danger ? 'error' : 'info';
+    let message = this.danger ? this.errorMessage : this.helperMessage;
+    if (!message && this.validationDanger)
+      message = this.validationMesage;
+    const styles = this.danger || this.validationDanger ? 'input__message input__message--danger' : 'input__message';
+    if (message) {
+      return (index.h("div", { class: styles, part: "input__message" }, index.h("div", { class: "input__message__icon" }, index.h("bds-icon", { size: "x-small", name: icon, theme: "solid", color: "inherit" })), index.h("bds-typo", { variant: "fs-12" }, message)));
+    }
+    return undefined;
+  }
+  onBlurValidations() {
+    this.required && this.requiredValidation();
+    (this.minlength || this.maxlength) && this.lengthValidation();
+    (this.min || this.max) && this.minMaxValidation();
+    this.checkValidity();
+  }
+  onBdsInputValidations() {
+    this.type === 'email' && this.emailValidation();
+    this.type === 'phonenumber' && this.numberValidation();
+    this.checkValidity();
+  }
+  requiredValidation() {
+    if (this.nativeInput.validity.valueMissing) {
+      this.validationMesage = this.requiredErrorMessage;
+      this.validationDanger = true;
+    }
+  }
+  lengthValidation() {
+    if (this.nativeInput.validity.tooShort) {
+      this.validationMesage = this.minlengthErrorMessage;
+      this.validationDanger = true;
+      return;
+    }
+    if (this.nativeInput.validity.tooLong) {
+      this.validationDanger = true;
+      return;
+    }
+  }
+  minMaxValidation() {
+    if (this.nativeInput.validity.rangeUnderflow) {
+      this.validationMesage = this.minErrorMessage;
+      this.validationDanger = true;
+      return;
+    }
+    if (this.nativeInput.validity.rangeOverflow) {
+      this.validationMesage = this.maxErrorMessage;
+      this.validationDanger = true;
+      return;
+    }
+  }
+  emailValidation() {
+    if (validations.emailValidation(this.nativeInput.value)) {
+      this.validationMesage = this.emailErrorMessage;
+      this.validationDanger = true;
+    }
+  }
+  numberValidation() {
+    if (validations.numberValidation(this.nativeInput.value)) {
+      this.validationMesage = this.numberErrorMessage;
+      this.validationDanger = true;
+    }
+  }
+  checkValidity() {
+    if (this.nativeInput.validity.valid) {
+      this.validationDanger = false;
+    }
+  }
+  componentDidUpdate() {
+    if (this.nativeInput && this.value != this.nativeInput.value) {
+      this.nativeInput.value = this.value;
+    }
+  }
+  render() {
+    const isPressed = this.isPressed && !this.disabled;
+    const Element = this.isTextarea ? 'textarea' : 'input';
+    return (index.h(index.Host, { "aria-disabled": this.disabled ? 'true' : null }, index.h("div", { class: {
+        input: true,
+        'input--state-primary': !this.danger && !this.validationDanger,
+        'input--state-danger': this.danger || this.validationDanger,
+        'input--state-disabled': this.disabled,
+        'input--label': !!this.label,
+        'input--pressed': isPressed,
+      }, onClick: this.onClickWrapper, onKeyDown: this.keyPressWrapper, part: "input-container" }, this.renderIcon(), index.h("slot", { name: "input-left" }), index.h("div", { class: "input__container" }, this.renderLabel(), index.h("div", { class: { input__container__wrapper: !this.chips, input__container__wrapper__chips: this.chips } }, index.h("slot", { name: "inside-input-left" }), index.h(Element, { class: { input__container__text: true, input__container__text__chips: this.chips }, ref: (input) => (this.nativeInput = input), rows: this.rows, cols: this.cols, autocapitalize: this.autoCapitalize, autocomplete: this.autoComplete, disabled: this.disabled, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.inputName, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, readOnly: this.readonly, type: this.type, value: this.value, pattern: this.pattern, required: this.required, part: "input", "data-test": this.dataTest }))), this.counterLength && (index.h("bds-counter-text", Object.assign({ length: this.value.length, max: this.maxlength, active: isPressed }, this.counterLengthRule))), index.h("slot", { name: "input-right" })), this.renderMessage()));
+  }
+  static get watchers() { return {
+    "value": ["valueChanged"]
+  }; }
+};
+Input.style = inputCss;
+
 exports.bds_datepicker_period = BdsdatepickerPeriod;
 exports.bds_datepicker_single = BdsdatepickerSingle;
+exports.bds_input = Input;

package/dist/cjs/bds-input-chips.cjs.entry.js

@@ -5,15 +5,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5599f73d.js');
 const validations = require('./validations-431d75ca.js');
 
-const inputChipsCss = ".sc-bds-input-chips-h{display:display}.inside-input-left.sc-bds-input-chips{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}";
+const inputChipsCss = ".sc-bds-input-chips-h{display:display}.element_input.sc-bds-input-chips{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%}.element_input.sc-bds-input-chips input.sc-bds-input-chips{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-moz-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips:-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input.sc-bds-input-chips{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.sc-bds-input-chips{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-chips:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed.sc-bds-input-chips{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.sc-bds-input-chips .input__icon.sc-bds-input-chips{color:#3f7de8;background-color:#e8f2ff}.input--state-primary.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:#8ca0b3}.input--state-primary.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:#3f7de8}.input--state-primary.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:#3f7de8;color:#202c44}.input--state-danger.sc-bds-input-chips{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-chips:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-chips{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.sc-bds-input-chips .input__icon.sc-bds-input-chips{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:#8ca0b3}.input--state-danger.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:#ff4c4c}.input--state-danger.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:#ff4c4c;color:#202c44}.input--state-disabled.sc-bds-input-chips{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled.sc-bds-input-chips: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.sc-bds-input-chips{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.sc-bds-input-chips .input__icon.sc-bds-input-chips{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:#b9cbd3}.input--state-disabled.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:#b9cbd3}.input--state-disabled.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:#b9cbd3;color:#b9cbd3}.input--label.sc-bds-input-chips{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-chips{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.sc-bds-input-chips{padding:4px}.input__container.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-chips{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.sc-bds-input-chips:focus{outline:0}.input__container__text.sc-bds-input-chips::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-chips,.input__container__text[type=radio].sc-bds-input-chips{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-chips{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-chips::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-chips,.input__container__text[type=button].sc-bds-input-chips,.input__container__text[type=submit].sc-bds-input-chips{overflow:visible}.input__container__text.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-chips{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.sc-bds-input-chips bds-typo.sc-bds-input-chips{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-chips{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-chips{color:#ff4c4c}.inside-input-left.sc-bds-input-chips{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}";
 
 const InputChips = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.bdsChange = index.createEvent(this, "bdsChange", 7);
     this.bdsChangeChips = index.createEvent(this, "bdsChangeChips", 7);
+    this.bdsInputChipsFocus = index.createEvent(this, "bdsInputChipsFocus", 7);
     this.bdsBlur = index.createEvent(this, "bdsBlur", 7);
+    this.bdsInputChipsInput = index.createEvent(this, "bdsInputChipsInput", 7);
     this.bdsSubmit = index.createEvent(this, "bdsSubmit", 7);
+    /**
+     * Used to set the danger behavior by the internal validators
+     */
+    this.validationDanger = false;
+    /**
+     * Conditions the element to say whether it is pressed or not, to add styles.
+     */
+    this.isPressed = false;
+    /**
+     * Used to set the error message setted by the internal validators
+     */
+    this.validationMesage = '';
     this.internalChips = [];
     /**
      * The chips on the component
@@ -78,6 +92,37 @@ const InputChips = class {
      * Data test is the prop to specifically test the component action object.
      */
     this.dataTest = null;
+    this.onClickWrapper = () => {
+      this.onFocus();
+      if (this.nativeInput) {
+        this.nativeInput.focus();
+      }
+    };
+    this.onFocus = () => {
+      this.bdsInputChipsFocus.emit();
+      this.isPressed = true;
+    };
+    this.onInput = (ev) => {
+      const input = ev.target;
+      if (input) {
+        this.value = input.value || '';
+      }
+      this.bdsInputChipsInput.emit(ev);
+    };
+    this.keyPressWrapper = (event) => {
+      switch (event.key) {
+        case 'Enter':
+          this.setChip(this.value);
+          this.value = '';
+          break;
+        case 'Backspace' || 'Delete':
+          if ((this.value === null || this.value.length <= 0) && this.internalChips.length) {
+            this.removeLastChip();
+            this.bdsChangeChips.emit({ data: this.internalChips });
+          }
+          break;
+      }
+    };
   }
   /**
    * Call change event before alter chips values.
@@ -126,10 +171,10 @@ const InputChips = class {
     this.setChip(value);
   }
   async setFocus() {
-    this.nativeInput.setFocus();
+    this.nativeInput.focus();
   }
   async removeFocus() {
-    this.nativeInput.removeFocus();
+    this.nativeInput.blur();
   }
   componentWillLoad() {
     this.valueChanged();
@@ -144,25 +189,11 @@ const InputChips = class {
   }
   handleOnBlur() {
     this.bdsBlur.emit(this.internalChips);
-  }
-  handleAddChip(event) {
-    if (this.disableSubmit) {
-      return;
-    }
-    const { detail: { value }, } = event;
-    this.setChip(value);
-    this.value = '';
+    this.isPressed = false;
   }
   getLastChip() {
     return this.internalChips[this.internalChips.length - 1];
   }
-  handleBackRemove(event) {
-    const { detail: { value }, } = event;
-    if ((value === null || value.length <= 0) && this.internalChips.length) {
-      this.removeLastChip();
-      this.bdsChangeChips.emit({ data: this.internalChips, value });
-    }
-  }
   verifyAndSubstituteDelimiters(value) {
     if (value.length === 1 && value[0].match(this.delimiters)) {
       return '';
@@ -231,8 +262,39 @@ const InputChips = class {
       return (index.h("bds-chip-clickable", { id: id, key: id, color: "default", close: !this.disabled, onChipClickableClose: (event) => this.removeChip(event) }, chip));
     });
   }
+  renderIcon() {
+    return (this.icon && (index.h("div", { class: {
+        input__icon: true,
+        'input__icon--large': !!this.label,
+      } }, index.h("bds-icon", { size: this.label ? 'medium' : 'small', name: this.icon, color: "inherit" }))));
+  }
+  renderLabel() {
+    return (this.label && (index.h("label", { class: {
+        input__container__label: true,
+        'input__container__label--pressed': this.isPressed && !this.disabled,
+      } }, index.h("bds-typo", { variant: "fs-12", bold: "bold" }, this.label))));
+  }
+  renderMessage() {
+    const icon = this.danger ? 'error' : 'info';
+    let message = this.danger ? this.errorMessage : this.helperMessage;
+    if (!message && this.validationDanger)
+      message = this.validationMesage;
+    const styles = this.danger || this.validationDanger ? 'input__message input__message--danger' : 'input__message';
+    if (message) {
+      return (index.h("div", { class: styles, part: "input__message" }, index.h("div", { class: "input__message__icon" }, index.h("bds-icon", { size: "x-small", name: icon, theme: "solid", color: "inherit" })), index.h("bds-typo", { variant: "fs-12" }, message)));
+    }
+    return undefined;
+  }
   render() {
-    return (index.h(index.Host, null, index.h("bds-input", { ref: (input) => (this.nativeInput = input), icon: this.icon, label: this.label, onBdsKeyDownBackspace: (event) => this.handleBackRemove(event), onBdsSubmit: (event) => this.handleAddChip(event), onBdsOnBlur: () => this.handleOnBlur(), onBdsChange: (event) => this.handleChange(event), maxlength: this.maxlength, value: this.value, "error-message": this.errorMessage, "helper-message": this.helperMessage, "input-name": this.inputName, placeholder: this.placeholder, danger: this.danger, chips: true, disabled: this.disabled, "data-test": this.dataTest }, index.h("span", { class: "inside-input-left", slot: "inside-input-left" }, this.renderChips()), index.h("div", { slot: "input-right" }, index.h("slot", { name: "input-right" })))));
+    const isPressed = this.isPressed && !this.disabled;
+    return (index.h(index.Host, null, index.h("div", { class: { element_input: true }, "aria-disabled": this.disabled ? 'true' : null }, index.h("div", { class: {
+        input: true,
+        'input--state-primary': !this.danger && !this.validationDanger,
+        'input--state-danger': this.danger || this.validationDanger,
+        'input--state-disabled': this.disabled,
+        'input--label': !!this.label,
+        'input--pressed': isPressed,
+      }, onClick: this.onClickWrapper, onKeyDown: this.keyPressWrapper, part: "input-container" }, this.renderIcon(), index.h("div", { class: "input__container" }, this.renderLabel(), index.h("div", { class: { input__container__wrapper: true } }, this.internalChips.length > 0 && index.h("span", { class: "inside-input-left" }, this.renderChips()), index.h("input", { ref: (input) => (this.nativeInput = input), class: { input__container__text: true }, name: this.inputName, maxlength: this.maxlength, placeholder: this.placeholder, onInput: this.onInput, onFocus: this.onFocus, onBlur: () => this.handleOnBlur(), onChange: () => this.handleChange, value: this.value, disabled: this.disabled, "data-test": this.dataTest }))), index.h("slot", { name: "input-right" })), this.renderMessage())));
   }
   static get watchers() { return {
     "chips": ["valueChanged"],

package/dist/cjs/blip-ds.cjs.js

@@ -127,5 +127,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(options => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"bds-datepicker.cjs\",[[0,\"bds-datepicker\",{\"typeOfDate\":[1,\"type-of-date\"],\"startDateLimit\":[1537,\"start-date-limit\"],\"endDateLimit\":[1537,\"end-date-limit\"],\"message\":[1],\"language\":[1],\"open\":[32],\"dateSelected\":[32],\"endDateSelected\":[32],\"valueDateSelected\":[32],\"valueEndDateSelected\":[32],\"errorMsgDate\":[32],\"errorMsgEndDate\":[32],\"intoView\":[32],\"scrollingTop\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32]}]]],[\"bds-select-chips.cjs\",[[6,\"bds-select-chips\",{\"options\":[1025],\"chips\":[1025],\"newPrefix\":[513,\"new-prefix\"],\"value\":[1025],\"danger\":[1540],\"maxlength\":[2],\"errorMessage\":[1025,\"error-message\"],\"disabled\":[516],\"dataTest\":[1,\"data-test\"],\"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\"]]]]],[\"bds-toast.cjs\",[[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]}]]],[\"bds-pagination.cjs\",[[1,\"bds-pagination\",{\"pages\":[2],\"startedPage\":[2,\"started-page\"],\"value\":[32],\"openSelect\":[32],\"paginationNumbers\":[32]}]]],[\"bds-upload.cjs\",[[1,\"bds-upload\",{\"language\":[1],\"titleName\":[1,\"title-name\"],\"subtitle\":[1],\"error\":[1],\"multiple\":[4],\"accept\":[1],\"files\":[32],\"haveFiles\":[32],\"hover\":[32],\"background\":[32],\"size\":[32]}]]],[\"bds-accordion-header.cjs\",[[1,\"bds-accordion-header\",{\"accordionTitle\":[1,\"accordion-title\"],\"icon\":[1],\"avatarName\":[1,\"avatar-name\"],\"avatarThumb\":[1,\"avatar-thumb\"],\"isOpen\":[32],\"btToggleIsfocus\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-autocomplete.cjs\",[[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\"],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group.cjs\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"canClick\":[4,\"can-click\"],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-input-phone-number.cjs\",[[6,\"bds-input-phone-number\",{\"options\":[16],\"text\":[1],\"value\":[1032],\"danger\":[1540],\"disabled\":[516],\"required\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"requiredErrorMessage\":[1,\"required-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"isOpen\":[32],\"selectedCountry\":[32],\"isPressed\":[32],\"validationDanger\":[32],\"validationMesage\":[32],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-menu-exibition.cjs\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-select.cjs\",[[1,\"bds-select\",{\"options\":[1],\"value\":[1032],\"danger\":[516],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"optionsPosition\":[1,\"options-position\"],\"dataTest\":[1,\"data-test\"],\"isOpen\":[32],\"text\":[32],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalOptions\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-table.cjs\",[[1,\"bds-table\",{\"options\":[1],\"column\":[1],\"avatar\":[4],\"sorting\":[4],\"headerData\":[32],\"tableData\":[32],\"sortAscending\":[32]}]]],[\"bds-alert-header.cjs\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox.cjs\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected.cjs\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag.cjs\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-input-editable.cjs\",[[1,\"bds-input-editable\",{\"size\":[1],\"expand\":[4],\"dataTest\":[1,\"data-test\"],\"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\"],\"placeholder\":[1],\"danger\":[1540],\"isEditing\":[32],\"isValid\":[32],\"isPressed\":[32],\"isFocused\":[32],\"validationMesage\":[32],\"validationDanger\":[32]}]]],[\"bds-input-password.cjs\",[[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],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32]}]]],[\"bds-menu-action.cjs\",[[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]}]]],[\"bds-menu-list-item.cjs\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-sidebar.cjs\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-step.cjs\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs.cjs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning.cjs\",[[1,\"bds-warning\"]]],[\"bds-alert-body.cjs\",[[1,\"bds-alert-body\"]]],[\"bds-card-color.cjs\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip.cjs\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header.cjs\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation.cjs\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal.cjs\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"size\":[1537],\"toggle\":[64]}]]],[\"bds-modal-close-button.cjs\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar.cjs\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio.cjs\",[[1,\"bds-radio\",{\"refer\":[1],\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"radioId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-tab.cjs\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel.cjs\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip.cjs\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion.cjs\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body.cjs\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group.cjs\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert.cjs\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions.cjs\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link.cjs\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel.cjs\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body.cjs\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration.cjs\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page.cjs\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu.cjs\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list.cjs\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action.cjs\",[[1,\"bds-modal-action\"]]],[\"bds-radio-group.cjs\",[[6,\"bds-radio-group\",{\"value\":[1537]}]]],[\"bds-stepper.cjs\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch.cjs\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-input-chips.cjs\",[[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],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"internalChips\":[32],\"isValid\":[64],\"get\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"bds-datepicker-period.cjs\",[[1,\"bds-datepicker-period\",{\"startDate\":[16],\"endDate\":[16],\"startDateSelect\":[1040],\"endDateSelect\":[1040],\"language\":[1],\"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]}]]],[\"bds-datepicker-single.cjs\",[[1,\"bds-datepicker-single\",{\"endDate\":[16],\"startDate\":[16],\"dateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-banner.cjs\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-paper.cjs\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-toast-container.cjs\",[[6,\"bds-toast-container\"]]],[\"bds-loading-spinner.cjs\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-icon.cjs\",[[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],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"bds-typo.cjs\",[[1,\"bds-typo\",{\"variant\":[1],\"lineHeight\":[1,\"line-height\"],\"bold\":[1],\"italic\":[4],\"noWrap\":[4,\"no-wrap\"],\"paragraph\":[4],\"margin\":[4],\"tag\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-button.cjs\",[[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\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-clickable.cjs\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-counter-text.cjs\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]],[\"bds-input.cjs\",[[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]}]]],[\"bds-button-icon.cjs\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-avatar.cjs\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-select-option.cjs\",[[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],\"dataTest\":[1,\"data-test\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"bds-datepicker.cjs\",[[0,\"bds-datepicker\",{\"typeOfDate\":[1,\"type-of-date\"],\"startDateLimit\":[1537,\"start-date-limit\"],\"endDateLimit\":[1537,\"end-date-limit\"],\"message\":[1],\"language\":[1],\"open\":[32],\"dateSelected\":[32],\"endDateSelected\":[32],\"valueDateSelected\":[32],\"valueEndDateSelected\":[32],\"errorMsgDate\":[32],\"errorMsgEndDate\":[32],\"intoView\":[32],\"scrollingTop\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32]}]]],[\"bds-select-chips.cjs\",[[6,\"bds-select-chips\",{\"options\":[1025],\"chips\":[1025],\"newPrefix\":[513,\"new-prefix\"],\"value\":[1025],\"danger\":[1540],\"maxlength\":[2],\"errorMessage\":[1025,\"error-message\"],\"disabled\":[516],\"dataTest\":[1,\"data-test\"],\"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\"]]]]],[\"bds-toast.cjs\",[[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]}]]],[\"bds-pagination.cjs\",[[1,\"bds-pagination\",{\"pages\":[2],\"startedPage\":[2,\"started-page\"],\"value\":[32],\"openSelect\":[32],\"paginationNumbers\":[32]}]]],[\"bds-upload.cjs\",[[1,\"bds-upload\",{\"language\":[1],\"titleName\":[1,\"title-name\"],\"subtitle\":[1],\"error\":[1],\"multiple\":[4],\"accept\":[1],\"files\":[32],\"haveFiles\":[32],\"hover\":[32],\"background\":[32],\"size\":[32]}]]],[\"bds-accordion-header.cjs\",[[1,\"bds-accordion-header\",{\"accordionTitle\":[1,\"accordion-title\"],\"icon\":[1],\"avatarName\":[1,\"avatar-name\"],\"avatarThumb\":[1,\"avatar-thumb\"],\"isOpen\":[32],\"btToggleIsfocus\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-autocomplete.cjs\",[[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\"],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group.cjs\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"canClick\":[4,\"can-click\"],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-input-phone-number.cjs\",[[6,\"bds-input-phone-number\",{\"options\":[16],\"text\":[1],\"value\":[1032],\"danger\":[1540],\"disabled\":[516],\"required\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"requiredErrorMessage\":[1,\"required-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"isOpen\":[32],\"selectedCountry\":[32],\"isPressed\":[32],\"validationDanger\":[32],\"validationMesage\":[32],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-menu-exibition.cjs\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-select.cjs\",[[1,\"bds-select\",{\"options\":[1],\"value\":[1032],\"danger\":[516],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"optionsPosition\":[1,\"options-position\"],\"dataTest\":[1,\"data-test\"],\"isOpen\":[32],\"text\":[32],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalOptions\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-table.cjs\",[[1,\"bds-table\",{\"options\":[1],\"column\":[1],\"avatar\":[4],\"sorting\":[4],\"headerData\":[32],\"tableData\":[32],\"sortAscending\":[32]}]]],[\"bds-alert-header.cjs\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox.cjs\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected.cjs\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag.cjs\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-input-editable.cjs\",[[1,\"bds-input-editable\",{\"size\":[1],\"expand\":[4],\"dataTest\":[1,\"data-test\"],\"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\"],\"placeholder\":[1],\"danger\":[1540],\"isEditing\":[32],\"isValid\":[32],\"isPressed\":[32],\"isFocused\":[32],\"validationMesage\":[32],\"validationDanger\":[32]}]]],[\"bds-input-password.cjs\",[[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],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32]}]]],[\"bds-menu-action.cjs\",[[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]}]]],[\"bds-menu-list-item.cjs\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-sidebar.cjs\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-step.cjs\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs.cjs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning.cjs\",[[1,\"bds-warning\"]]],[\"bds-alert-body.cjs\",[[1,\"bds-alert-body\"]]],[\"bds-card-color.cjs\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip.cjs\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header.cjs\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation.cjs\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal.cjs\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"size\":[1537],\"toggle\":[64]}]]],[\"bds-modal-close-button.cjs\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar.cjs\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio.cjs\",[[1,\"bds-radio\",{\"refer\":[1],\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"radioId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-tab.cjs\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel.cjs\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip.cjs\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion.cjs\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body.cjs\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group.cjs\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert.cjs\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions.cjs\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link.cjs\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel.cjs\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body.cjs\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration.cjs\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page.cjs\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu.cjs\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list.cjs\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action.cjs\",[[1,\"bds-modal-action\"]]],[\"bds-radio-group.cjs\",[[6,\"bds-radio-group\",{\"value\":[1537]}]]],[\"bds-stepper.cjs\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch.cjs\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-input-chips.cjs\",[[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],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalChips\":[32],\"isValid\":[64],\"get\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"bds-datepicker-period.cjs\",[[1,\"bds-datepicker-period\",{\"startDate\":[16],\"endDate\":[16],\"startDateSelect\":[1040],\"endDateSelect\":[1040],\"language\":[1],\"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]}]]],[\"bds-datepicker-single.cjs\",[[1,\"bds-datepicker-single\",{\"endDate\":[16],\"startDate\":[16],\"dateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-input.cjs\",[[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]}]]],[\"bds-button-icon.cjs\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-banner.cjs\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-paper.cjs\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-toast-container.cjs\",[[6,\"bds-toast-container\"]]],[\"bds-loading-spinner.cjs\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-icon.cjs\",[[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],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"bds-typo.cjs\",[[1,\"bds-typo\",{\"variant\":[1],\"lineHeight\":[1,\"line-height\"],\"bold\":[1],\"italic\":[4],\"noWrap\":[4,\"no-wrap\"],\"paragraph\":[4],\"margin\":[4],\"tag\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-button.cjs\",[[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\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-clickable.cjs\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-counter-text.cjs\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]],[\"bds-avatar.cjs\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-select-option.cjs\",[[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],\"dataTest\":[1,\"data-test\"]}]]]]"), options);
 });