blip-ds 1.284.5 → 1.284.7

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

@@ -115,8 +115,11 @@ const DatePicker = class {
     };
     this.clickConcludeDatepicker = () => {
       const data = this.typeOfDate === 'single'
-        ? { startDate: this.valueDate }
-        : { startDate: this.valueDate, endDate: this.valueEndDate };
+        ? { startDate: typeDateToStringDate(this.valueDate) }
+        : {
+          startDate: typeDateToStringDate(this.valueDate),
+          endDate: typeDateToStringDate(this.valueEndDate),
+        };
       this.concludeDatepicker.emit(data);
       this.open = false;
       if (this.typeOfDate == 'period') {

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

@@ -1 +1 @@
-System.register(["./index-0425c4de.system.js","./calendar-f8fff8c8.system.js","./validations-fa231579.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,a,n,r,o,c,s,l,d,p,_,u,b,x,f,h;return{setters:[function(e){t=e.r;i=e.e;a=e.h;n=e.f;r=e.g},function(e){o=e.t;c=e.d;s=e.m;l=e.f;d=e.a;p=e.b;_=e.c;u=e.e;b=e.g},function(e){x=e.d},function(e){f=e.a;h=e.g}],execute:function(){var m=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;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:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);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%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.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", "Carbona", "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__container__text[type=date]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;gap:4px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);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;margin-top:0px}.input__message--danger .input__message__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.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", "Carbona", "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__inputs{position:relative;width:100%;display:grid}.datepicker__inputs__open{z-index:90000}.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:var(--color-content-ghost, #8c8c8c);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:var(--color-primary, #1e6bf1)}.datepicker__menu{position:fixed;pointer-events:none;top:0;left:0;background-color:var(--color-surface-1, #f6f6f6);-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));border-radius:8px;padding:16px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.datepicker__menu__open{z-index:100000;pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:var(--color-warning, #fde99b);color:var(--color-content-din, #000000);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 var(--color-content-ghost, #8c8c8c)}.datepicker__menu__footer bds-button{margin-left:16px}.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:var(--color-surface-1, #f6f6f6);color:var(--color-content-default, #454545);border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.datepicker__calendar__selectDate__select__input.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.datepicker__calendar__selectDate__select__input .input__container__label{color:var(--color-content-default, #454545)}.datepicker__calendar__selectDate__select__input .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;background:var(--color-surface-2, #e0e0e0);border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid var(--color-content-disable, #636363);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #c9c9c9);box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid var(--color-content-disable, #636363);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-surface-3, #cfcfcf);box-shadow:0 0 0 2px var(--color-surface-3, #cfcfcf)}.datepicker__calendar__selectDate__select__input__disable.input--pressed .input__icon .bds-icon{color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed bds-typo{color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:var(--color-content-disable, #636363);color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input .icon-arrow{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:var(--color-surface-0, #ffffff);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));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:var(--color-content-disable, #636363)}.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:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:280px;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:var(--color-primary, #1e6bf1);opacity:0.25}.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:var(--color-content-default, #454545);border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:var(--color-surface-1, #f6f6f6);color:var(--color-primary, #1e6bf1);border-color:var(--color-primary, #1e6bf1)}.datepicker__calendar__car__slide__box__day__current{background-color:var(--color-surface-1, #f6f6f6);color:var(--color-primary, #1e6bf1);border-color:var(--color-primary, #1e6bf1)}.datepicker__calendar__car__slide__box__day__selected{background-color:var(--color-primary, #1e6bf1);color:var(--color-content-bright, #ffffff)}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:var(--color-primary, #1e6bf1);color:var(--color-content-bright, #ffffff)}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:var(--color-content-ghost, #8c8c8c)}.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:var(--color-content-default, #454545)}.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{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}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:80000}@-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 g=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.concludeDatepicker=i(this,"concludeDatepicker",7);this.refActionElement=function(e){a.actionElement=e};this.refMenuElement=function(e){a.menuElement=e};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.clearDate=function(){a.valueDate=null;a.bdsStartDate.emit({value:null});if(a.typeOfDate=="single"){a.datepickerSingle.clear()}else{a.datepickerPeriod.clear();a.valueEndDate=null;a.bdsEndDate.emit({value:null});setTimeout((function(){var e;(e=a.inputSetDate)===null||e===void 0?void 0:e.setFocus()}),10)}};this.onInputDateSelected=function(e){var t=e.target;a.valueDate=t.value;a.validationDateSelected(a.valueDate)};this.validationDateSelected=function(e){var t=o(e);var i=t&&c(t);var n=a.startDateLimit&&c(a.startDateLimit);var r=a.endDateLimit&&c(a.endDateLimit);if(!x(t)){a.errorMsgDate="".concat(s(a.language,"dateFormatIsIncorrect"),"!")}else{if(l(i)<l(n)||l(i)>l(r)){a.errorMsgDate="".concat(s(a.language,"betweenPeriodOf")," ").concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(i.year,i.month,i.date)}}};this.onInputEndDateSelected=function(e){var t=e.target;a.valueEndDate=t.value;a.validationEndDateSelected(a.valueEndDate)};this.validationEndDateSelected=function(e){var t=o(e);var i=o(a.valueDate);var n=t&&c(t);var r=i?c(i):c(a.startDateLimit);var d=a.endDateLimit&&c(a.endDateLimit);if(!x(t)){a.errorMsgEndDate="".concat(s(a.language,"dateFormatIsIncorrect"),"!")}else{if(l(n)<l(r)||l(n)>l(d)){a.errorMsgEndDate="".concat(s(a.language,"betweenPeriodOf")," ").concat(i," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(n.year,n.month,n.date)}}};this.openDatepicker=function(){if(!a.disabled){var e=f({actionElement:a.actionElement,changedElement:a.menuElement,intoView:a.intoView});a.menupositionTop=e.top;a.menupositionLeft=e.left;a.open=true}};this.clickConcludeDatepicker=function(){var e=a.typeOfDate==="single"?{startDate:a.valueDate}:{startDate:a.valueDate,endDate:a.valueEndDate};a.concludeDatepicker.emit(e);a.open=false;if(a.typeOfDate=="period"){a.inputSetEndDate.removeFocus()}};this.onClickCloseButtom=function(){a.open=false};this.onFocusDateSelect=function(){a.stateSelect="start"};this.onFocusEndDateSelect=function(){a.stateSelect="end"};this.open=false;this.stateSelect="start";this.dateSelected=null;this.endDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.intoView=null;this.scrollingTop=0;this.menupositionTop=0;this.menupositionLeft=0;this.valueDate=undefined;this.valueEndDate=undefined;this.typeOfDate="single";this.startDateLimit=d;this.endDateLimit=p;this.message=null;this.variantBanner="warning";this.language="pt_BR";this.disabled=false;this.valueDateSelected=null;this.valueEndDateSelected=null;this.dtInputStart=null;this.dtInputEnd=null;this.dtOutzone=null;this.dtButtonPrev=null;this.dtButtonNext=null;this.dtSelectMonth=null;this.dtSelectYear=null;this.dtButtonClear=null;this.dtButtonConfirm=null}e.prototype.valueDateSelectedChanged=function(){this.valueDate=this.valueDateSelected&&_(this.valueDateSelected);if(this.valueDate)this.validationDateSelected(this.valueDate)};e.prototype.valueEndDateSelectedChanged=function(){this.valueEndDate=this.valueEndDateSelected&&_(this.valueEndDateSelected);if(this.valueEndDate)this.validationEndDateSelected(this.valueEndDate)};e.prototype.startDateLimitChanged=function(){if(!x(this.startDateLimit)){this.startDateLimit=d}};e.prototype.endDateLimitChanged=function(){var e=c(this.startDateLimit);var t=c(this.endDateLimit);if(!x(this.endDateLimit)){this.endDateLimit=p}if(l(t)<l(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(){var e;(e=this.inputSetEndDate)===null||e===void 0?void 0:e.setFocus();this.stateSelect="end"};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged();this.valueDateSelectedChanged();this.valueEndDateSelectedChanged();this.intoView=h(this.element);if(this.valueDate)this.validationDateSelected(this.valueDate);if(this.valueEndDate)this.validationEndDateSelected(this.valueEndDate)};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDate=this.dateSelected&&u(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t;var i=e.detail.value;this.endDateSelected=i;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDate=this.endDateSelected&&u(this.endDateSelected);(t=this.inputSetEndDate)===null||t===void 0?void 0:t.setFocus();this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;var r={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return a(n,null,a("div",{ref:this.refActionElement,class:{datepicker:true}},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e.datepicker__inputs__open=this.open,e)},a("bds-input",{label:b(this.language,"setTheDate"),value:this.valueDate,disabled:this.disabled,type:"date",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate,dataTest:this.dtInputStart})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t.datepicker__inputs__open=this.open,t)},a("bds-input",{ref:this.refInputSetDate,label:b(this.language,"from"),value:this.valueDate,disabled:this.disabled,type:"date",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusDateSelect()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate,dataTest:this.dtInputStart}),a("bds-input",{ref:this.refInputSetEndDate,label:b(this.language,"to"),value:this.valueEndDate,disabled:this.disabled||!this.dateSelected,type:"date",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusEndDateSelect()},onBdsInput:function(e){return i.onInputEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate,dataTest:this.dtInputEnd})),a("div",{ref:this.refMenuElement,class:{datepicker__menu:true,datepicker__menu__open:this.open},style:r},this.message&&a("bds-grid",{margin:"b-2"},a("bds-banner",{variant:this.variantBanner,context:"inside"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&c(this.startDateLimit),endDate:this.endDateLimit&&c(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)},language:this.language,dtButtonPrev:this.dtButtonPrev,dtButtonNext:this.dtButtonNext,dtSelectMonth:this.dtSelectMonth,dtSelectYear:this.dtSelectYear}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&c(this.startDateLimit),endDate:this.endDateLimit&&c(this.endDateLimit),startDateSelect:this.dateSelected,stateSelect:this.stateSelect,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)},language:this.language,dtButtonPrev:this.dtButtonPrev,dtButtonNext:this.dtButtonNext,dtSelectMonth:this.dtSelectMonth,dtSelectYear:this.dtSelectYear}),a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDate()},dataTest:this.dtButtonClear},b(this.language,"reset")),a("bds-button",{onClick:this.clickConcludeDatepicker,dataTest:this.dtButtonConfirm},b(this.language,"conclude"))))),this.open&&a("div",{class:{outzone:true},onClick:function(){return i.onClickCloseButtom()},"data-test":this.dtOutzone}))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valueDateSelected:["valueDateSelectedChanged"],valueEndDateSelected:["valueEndDateSelectedChanged"],startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}},enumerable:false,configurable:true});return e}());g.style=m}}}));
+System.register(["./index-0425c4de.system.js","./calendar-f8fff8c8.system.js","./validations-fa231579.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,a,n,r,o,c,s,l,d,p,_,u,b,x,f,h;return{setters:[function(e){t=e.r;i=e.e;a=e.h;n=e.f;r=e.g},function(e){o=e.t;c=e.d;s=e.m;l=e.f;d=e.a;p=e.b;_=e.c;u=e.e;b=e.g},function(e){x=e.d},function(e){f=e.a;h=e.g}],execute:function(){var m=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;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:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);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%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.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", "Carbona", "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__container__text[type=date]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;gap:4px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);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;margin-top:0px}.input__message--danger .input__message__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.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", "Carbona", "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__inputs{position:relative;width:100%;display:grid}.datepicker__inputs__open{z-index:90000}.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:var(--color-content-ghost, #8c8c8c);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:var(--color-primary, #1e6bf1)}.datepicker__menu{position:fixed;pointer-events:none;top:0;left:0;background-color:var(--color-surface-1, #f6f6f6);-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));border-radius:8px;padding:16px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.datepicker__menu__open{z-index:100000;pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:var(--color-warning, #fde99b);color:var(--color-content-din, #000000);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 var(--color-content-ghost, #8c8c8c)}.datepicker__menu__footer bds-button{margin-left:16px}.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:var(--color-surface-1, #f6f6f6);color:var(--color-content-default, #454545);border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.datepicker__calendar__selectDate__select__input.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.datepicker__calendar__selectDate__select__input .input__container__label{color:var(--color-content-default, #454545)}.datepicker__calendar__selectDate__select__input .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;background:var(--color-surface-2, #e0e0e0);border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid var(--color-content-disable, #636363);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #c9c9c9);box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid var(--color-content-disable, #636363);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-surface-3, #cfcfcf);box-shadow:0 0 0 2px var(--color-surface-3, #cfcfcf)}.datepicker__calendar__selectDate__select__input__disable.input--pressed .input__icon .bds-icon{color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed bds-typo{color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:var(--color-content-disable, #636363);color:var(--color-content-disable, #636363)}.datepicker__calendar__selectDate__select__input .icon-arrow{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:var(--color-surface-0, #ffffff);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));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:var(--color-content-disable, #636363)}.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:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:280px;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:var(--color-primary, #1e6bf1);opacity:0.25}.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:var(--color-content-default, #454545);border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:var(--color-surface-1, #f6f6f6);color:var(--color-primary, #1e6bf1);border-color:var(--color-primary, #1e6bf1)}.datepicker__calendar__car__slide__box__day__current{background-color:var(--color-surface-1, #f6f6f6);color:var(--color-primary, #1e6bf1);border-color:var(--color-primary, #1e6bf1)}.datepicker__calendar__car__slide__box__day__selected{background-color:var(--color-primary, #1e6bf1);color:var(--color-content-bright, #ffffff)}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:var(--color-primary, #1e6bf1);color:var(--color-content-bright, #ffffff)}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:var(--color-content-ghost, #8c8c8c)}.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:var(--color-content-default, #454545)}.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{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}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:80000}@-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 g=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.concludeDatepicker=i(this,"concludeDatepicker",7);this.refActionElement=function(e){a.actionElement=e};this.refMenuElement=function(e){a.menuElement=e};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.clearDate=function(){a.valueDate=null;a.bdsStartDate.emit({value:null});if(a.typeOfDate=="single"){a.datepickerSingle.clear()}else{a.datepickerPeriod.clear();a.valueEndDate=null;a.bdsEndDate.emit({value:null});setTimeout((function(){var e;(e=a.inputSetDate)===null||e===void 0?void 0:e.setFocus()}),10)}};this.onInputDateSelected=function(e){var t=e.target;a.valueDate=t.value;a.validationDateSelected(a.valueDate)};this.validationDateSelected=function(e){var t=o(e);var i=t&&c(t);var n=a.startDateLimit&&c(a.startDateLimit);var r=a.endDateLimit&&c(a.endDateLimit);if(!x(t)){a.errorMsgDate="".concat(s(a.language,"dateFormatIsIncorrect"),"!")}else{if(l(i)<l(n)||l(i)>l(r)){a.errorMsgDate="".concat(s(a.language,"betweenPeriodOf")," ").concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(i.year,i.month,i.date)}}};this.onInputEndDateSelected=function(e){var t=e.target;a.valueEndDate=t.value;a.validationEndDateSelected(a.valueEndDate)};this.validationEndDateSelected=function(e){var t=o(e);var i=o(a.valueDate);var n=t&&c(t);var r=i?c(i):c(a.startDateLimit);var d=a.endDateLimit&&c(a.endDateLimit);if(!x(t)){a.errorMsgEndDate="".concat(s(a.language,"dateFormatIsIncorrect"),"!")}else{if(l(n)<l(r)||l(n)>l(d)){a.errorMsgEndDate="".concat(s(a.language,"betweenPeriodOf")," ").concat(i," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(n.year,n.month,n.date)}}};this.openDatepicker=function(){if(!a.disabled){var e=f({actionElement:a.actionElement,changedElement:a.menuElement,intoView:a.intoView});a.menupositionTop=e.top;a.menupositionLeft=e.left;a.open=true}};this.clickConcludeDatepicker=function(){var e=a.typeOfDate==="single"?{startDate:o(a.valueDate)}:{startDate:o(a.valueDate),endDate:o(a.valueEndDate)};a.concludeDatepicker.emit(e);a.open=false;if(a.typeOfDate=="period"){a.inputSetEndDate.removeFocus()}};this.onClickCloseButtom=function(){a.open=false};this.onFocusDateSelect=function(){a.stateSelect="start"};this.onFocusEndDateSelect=function(){a.stateSelect="end"};this.open=false;this.stateSelect="start";this.dateSelected=null;this.endDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.intoView=null;this.scrollingTop=0;this.menupositionTop=0;this.menupositionLeft=0;this.valueDate=undefined;this.valueEndDate=undefined;this.typeOfDate="single";this.startDateLimit=d;this.endDateLimit=p;this.message=null;this.variantBanner="warning";this.language="pt_BR";this.disabled=false;this.valueDateSelected=null;this.valueEndDateSelected=null;this.dtInputStart=null;this.dtInputEnd=null;this.dtOutzone=null;this.dtButtonPrev=null;this.dtButtonNext=null;this.dtSelectMonth=null;this.dtSelectYear=null;this.dtButtonClear=null;this.dtButtonConfirm=null}e.prototype.valueDateSelectedChanged=function(){this.valueDate=this.valueDateSelected&&_(this.valueDateSelected);if(this.valueDate)this.validationDateSelected(this.valueDate)};e.prototype.valueEndDateSelectedChanged=function(){this.valueEndDate=this.valueEndDateSelected&&_(this.valueEndDateSelected);if(this.valueEndDate)this.validationEndDateSelected(this.valueEndDate)};e.prototype.startDateLimitChanged=function(){if(!x(this.startDateLimit)){this.startDateLimit=d}};e.prototype.endDateLimitChanged=function(){var e=c(this.startDateLimit);var t=c(this.endDateLimit);if(!x(this.endDateLimit)){this.endDateLimit=p}if(l(t)<l(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(){var e;(e=this.inputSetEndDate)===null||e===void 0?void 0:e.setFocus();this.stateSelect="end"};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged();this.valueDateSelectedChanged();this.valueEndDateSelectedChanged();this.intoView=h(this.element);if(this.valueDate)this.validationDateSelected(this.valueDate);if(this.valueEndDate)this.validationEndDateSelected(this.valueEndDate)};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDate=this.dateSelected&&u(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t;var i=e.detail.value;this.endDateSelected=i;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDate=this.endDateSelected&&u(this.endDateSelected);(t=this.inputSetEndDate)===null||t===void 0?void 0:t.setFocus();this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;var r={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return a(n,null,a("div",{ref:this.refActionElement,class:{datepicker:true}},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e.datepicker__inputs__open=this.open,e)},a("bds-input",{label:b(this.language,"setTheDate"),value:this.valueDate,disabled:this.disabled,type:"date",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate,dataTest:this.dtInputStart})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t.datepicker__inputs__open=this.open,t)},a("bds-input",{ref:this.refInputSetDate,label:b(this.language,"from"),value:this.valueDate,disabled:this.disabled,type:"date",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusDateSelect()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate,dataTest:this.dtInputStart}),a("bds-input",{ref:this.refInputSetEndDate,label:b(this.language,"to"),value:this.valueEndDate,disabled:this.disabled||!this.dateSelected,type:"date",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusEndDateSelect()},onBdsInput:function(e){return i.onInputEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate,dataTest:this.dtInputEnd})),a("div",{ref:this.refMenuElement,class:{datepicker__menu:true,datepicker__menu__open:this.open},style:r},this.message&&a("bds-grid",{margin:"b-2"},a("bds-banner",{variant:this.variantBanner,context:"inside"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&c(this.startDateLimit),endDate:this.endDateLimit&&c(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)},language:this.language,dtButtonPrev:this.dtButtonPrev,dtButtonNext:this.dtButtonNext,dtSelectMonth:this.dtSelectMonth,dtSelectYear:this.dtSelectYear}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&c(this.startDateLimit),endDate:this.endDateLimit&&c(this.endDateLimit),startDateSelect:this.dateSelected,stateSelect:this.stateSelect,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)},language:this.language,dtButtonPrev:this.dtButtonPrev,dtButtonNext:this.dtButtonNext,dtSelectMonth:this.dtSelectMonth,dtSelectYear:this.dtSelectYear}),a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDate()},dataTest:this.dtButtonClear},b(this.language,"reset")),a("bds-button",{onClick:this.clickConcludeDatepicker,dataTest:this.dtButtonConfirm},b(this.language,"conclude"))))),this.open&&a("div",{class:{outzone:true},onClick:function(){return i.onClickCloseButtom()},"data-test":this.dtOutzone}))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valueDateSelected:["valueDateSelectedChanged"],valueEndDateSelected:["valueEndDateSelectedChanged"],startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}},enumerable:false,configurable:true});return e}());g.style=m}}}));

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

@@ -16,17 +16,17 @@ const BdsDropdown = class {
     this.onClickCloseButtom = () => {
       this.open = false;
     };
-    this.openSubmenu = () => {
+    this.onMouseOver = () => {
       if (this.activeMode === 'hover') {
         this.zIndex = 1;
       }
-      this.openSubMenu = true;
+      this.stateOpenSubMenu = true;
     };
-    this.closeSubmenu = () => {
+    this.onMouseOut = () => {
       if (this.activeMode === 'hover') {
         this.zIndex = 0;
       }
-      this.openSubMenu = false;
+      this.stateOpenSubMenu = false;
     };
     this.centerDropElement = (value) => {
       const arrayPosition = value.split('-');
@@ -35,7 +35,7 @@ const BdsDropdown = class {
       }
     };
     this.intoView = null;
-    this.openSubMenu = false;
+    this.stateOpenSubMenu = false;
     this.stateSubMenu = 'close';
     this.zIndex = 0;
     this.delay = null;
@@ -49,9 +49,9 @@ const BdsDropdown = class {
     this.intoView = getScrollParent(this.hostElement);
     this.isPositionChanged;
     if (this.activeMode == 'hover') {
-      this.activatorElement.addEventListener('mouseover', () => this.openSubmenu());
-      this.activatorElement.addEventListener('click', () => this.openSubmenu());
-      this.activatorElement.addEventListener('mouseout', () => this.closeSubmenu());
+      this.activatorElement.addEventListener('mouseover', () => this.onMouseOver());
+      this.activatorElement.addEventListener('click', () => this.onMouseOver());
+      this.activatorElement.addEventListener('mouseout', () => this.onMouseOut());
     }
     else {
       this.activatorElement.addEventListener('click', () => this.toggle());
@@ -97,6 +97,8 @@ const BdsDropdown = class {
     this.open = true;
   }
   async setClose() {
+    this.stateOpenSubMenu = false;
+    clearTimeout(this.delay);
     this.open = false;
   }
   openSubMenuChanged(active) {
@@ -109,6 +111,7 @@ const BdsDropdown = class {
       this.delay = null;
       this.stateSubMenu = 'open';
     }
+    return;
   }
   stateSubMenuChanged(state) {
     switch (state) {
@@ -130,13 +133,13 @@ const BdsDropdown = class {
     return (h(Host, null, h("slot", { name: "dropdown-activator" }), h("div", { ref: (el) => this.refDropElement(el), class: {
         dropdown: true,
         dropdown__open: this.open,
-      }, "data-test": this.dataTest, onMouseOver: () => this.openSubmenu(), onMouseOut: () => this.closeSubmenu() }, h("div", { class: "content", style: zIndexSubmenu }, h("slot", { name: "dropdown-content" }))), this.activeMode !== 'hover' && this.open && (h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }))));
+      }, "data-test": this.dataTest, onMouseOver: () => this.onMouseOver(), onMouseOut: () => this.onMouseOut() }, h("div", { class: "content", style: zIndexSubmenu }, h("slot", { name: "dropdown-content" }))), this.activeMode !== 'hover' && this.open && (h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }))));
   }
   get hostElement() { return getElement(this); }
   static get watchers() { return {
     "open": ["isOpenChanged"],
     "position": ["isPositionChanged"],
-    "openSubMenu": ["openSubMenuChanged"],
+    "stateOpenSubMenu": ["openSubMenuChanged"],
     "stateSubMenu": ["stateSubMenuChanged"]
   }; }
 };

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,n){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function s(t){try{c(n.next(t))}catch(e){r(e)}}function a(t){try{c(n["throw"](t))}catch(e){r(e)}}function c(t){t.done?o(t.value):i(t.value).then(s,a)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(o=0)),o)try{if(n=1,i&&(r=a[0]&2?i["return"]:a[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;if(i=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;i=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){o.label=a[1];break}if(a[0]===6&&o.label<r[1]){o.label=r[1];r=a;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(a);break}if(r[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(c){a=[6,c];i=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js"],(function(t){"use strict";var e,o,n,i,r,s,a;return{setters:[function(t){e=t.r;o=t.e;n=t.h;i=t.f;r=t.g},function(t){s=t.g;a=t.p}],execute:function(){var c=':host{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.is_child_drop){display:block;width:100%}.dropdown{position:absolute;pointer-events:none;padding:2px;background-color:var(--color-surface-0, #ffffff);border-radius:8px;-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));min-width:240px;width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:90000}.dropdown__open{pointer-events:auto;opacity:1}.dropdown__basic__top-center{bottom:calc(100% + 16px);left:calc(50% - 122px)}.dropdown__basic__top-left{bottom:calc(100% + 16px);left:0}.dropdown__basic__top-right{bottom:calc(100% + 16px);right:0}.dropdown__basic__bottom-center{top:calc(100% + 16px);left:calc(50% - 122px)}.dropdown__basic__bottom-right{top:calc(100% + 16px);right:0}.dropdown__basic__bottom-left{top:calc(100% + 16px);left:0}.dropdown__basic__right-center{right:calc(100% + 8px)}.dropdown__basic__right-top{right:calc(100% + 8px);top:0}.dropdown__basic__right-bottom{right:calc(100% + 8px);bottom:0}.dropdown__basic__left-center{left:calc(100% + 8px)}.dropdown__basic__left-top{left:calc(100% + 8px);top:0}.dropdown__basic__left-bottom{left:calc(100% + 8px);bottom:0}.dropdown:after{content:"";position:absolute;inset:0;border-radius:8px;-webkit-box-shadow:var(--color-surface-0, #ffffff) 0px 0px 0px 2px inset;box-shadow:var(--color-surface-0, #ffffff) 0px 0px 0px 2px inset;pointer-events:none}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:80000}';var u=t("bds_dropdown",function(){function t(t){var n=this;e(this,t);this.bdsToggle=o(this,"bdsToggle",7);this.onCloseSubMenu=function(){n.stateSubMenu="close"};this.refDropElement=function(t){n.dropElement=t};this.onClickCloseButtom=function(){n.open=false};this.openSubmenu=function(){if(n.activeMode==="hover"){n.zIndex=1}n.openSubMenu=true};this.closeSubmenu=function(){if(n.activeMode==="hover"){n.zIndex=0}n.openSubMenu=false};this.centerDropElement=function(t){var e=t.split("-");if((e[0]=="left"||e[0]=="right")&&e[1]=="center"){n.dropElement.style.top="calc(50% - ".concat(n.dropElement.offsetHeight/2,"px)")}};this.intoView=null;this.openSubMenu=false;this.stateSubMenu="close";this.zIndex=0;this.delay=null;this.activeMode="click";this.open=false;this.position="auto";this.dataTest=null}t.prototype.componentWillLoad=function(){var t=this;this.activatorElement=this.hostElement.querySelector('[slot="dropdown-activator"]').children[0];this.intoView=s(this.hostElement);this.isPositionChanged;if(this.activeMode=="hover"){this.activatorElement.addEventListener("mouseover",(function(){return t.openSubmenu()}));this.activatorElement.addEventListener("click",(function(){return t.openSubmenu()}));this.activatorElement.addEventListener("mouseout",(function(){return t.closeSubmenu()}))}else{this.activatorElement.addEventListener("click",(function(){return t.toggle()}))}};t.prototype.componentDidLoad=function(){if(this.position!="auto"){this.centerDropElement(this.position);this.setDefaultPlacement(this.position)}else{this.validatePositionDrop()}};t.prototype.setDefaultPlacement=function(t){this.dropElement.classList.add("dropdown__basic__".concat(t))};t.prototype.validatePositionDrop=function(){var t=a({actionElement:this.hostElement,changedElement:this.dropElement,intoView:this.intoView});this.dropElement.classList.add("dropdown__basic__".concat(t.y,"-").concat(t.x))};t.prototype.isOpenChanged=function(t){this.bdsToggle.emit({value:t});if(t)if(this.position!="auto"){this.setDefaultPlacement(this.position)}else{this.validatePositionDrop()}};t.prototype.isPositionChanged=function(){this.setDefaultPlacement(this.position)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.setOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;return[2]}))}))};t.prototype.setClose=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;return[2]}))}))};t.prototype.openSubMenuChanged=function(t){if(t==false){this.stateSubMenu="pending";this.delay=setTimeout(this.onCloseSubMenu,1e3)}if(t==true){clearTimeout(this.delay);this.delay=null;this.stateSubMenu="open"}};t.prototype.stateSubMenuChanged=function(t){switch(t){case"open":this.open=true;break;case"pending":this.open=true;break;case"close":this.open=false;break}};t.prototype.render=function(){var t=this;var e={zIndex:"".concat(this.zIndex)};return n(i,null,n("slot",{name:"dropdown-activator"}),n("div",{ref:function(e){return t.refDropElement(e)},class:{dropdown:true,dropdown__open:this.open},"data-test":this.dataTest,onMouseOver:function(){return t.openSubmenu()},onMouseOut:function(){return t.closeSubmenu()}},n("div",{class:"content",style:e},n("slot",{name:"dropdown-content"}))),this.activeMode!=="hover"&&this.open&&n("div",{class:{outzone:true},onClick:function(){return t.onClickCloseButtom()}}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["isOpenChanged"],position:["isPositionChanged"],openSubMenu:["openSubMenuChanged"],stateSubMenu:["stateSubMenuChanged"]}},enumerable:false,configurable:true});return t}());u.style=c}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function s(t){try{c(n.next(t))}catch(e){r(e)}}function a(t){try{c(n["throw"](t))}catch(e){r(e)}}function c(t){t.done?o(t.value):i(t.value).then(s,a)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(o=0)),o)try{if(n=1,i&&(r=a[0]&2?i["return"]:a[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;if(i=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;i=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){o.label=a[1];break}if(a[0]===6&&o.label<r[1]){o.label=r[1];r=a;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(a);break}if(r[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(c){a=[6,c];i=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js"],(function(t){"use strict";var e,o,n,i,r,s,a;return{setters:[function(t){e=t.r;o=t.e;n=t.h;i=t.f;r=t.g},function(t){s=t.g;a=t.p}],execute:function(){var c=':host{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.is_child_drop){display:block;width:100%}.dropdown{position:absolute;pointer-events:none;padding:2px;background-color:var(--color-surface-0, #ffffff);border-radius:8px;-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));min-width:240px;width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:90000}.dropdown__open{pointer-events:auto;opacity:1}.dropdown__basic__top-center{bottom:calc(100% + 16px);left:calc(50% - 122px)}.dropdown__basic__top-left{bottom:calc(100% + 16px);left:0}.dropdown__basic__top-right{bottom:calc(100% + 16px);right:0}.dropdown__basic__bottom-center{top:calc(100% + 16px);left:calc(50% - 122px)}.dropdown__basic__bottom-right{top:calc(100% + 16px);right:0}.dropdown__basic__bottom-left{top:calc(100% + 16px);left:0}.dropdown__basic__right-center{right:calc(100% + 8px)}.dropdown__basic__right-top{right:calc(100% + 8px);top:0}.dropdown__basic__right-bottom{right:calc(100% + 8px);bottom:0}.dropdown__basic__left-center{left:calc(100% + 8px)}.dropdown__basic__left-top{left:calc(100% + 8px);top:0}.dropdown__basic__left-bottom{left:calc(100% + 8px);bottom:0}.dropdown:after{content:"";position:absolute;inset:0;border-radius:8px;-webkit-box-shadow:var(--color-surface-0, #ffffff) 0px 0px 0px 2px inset;box-shadow:var(--color-surface-0, #ffffff) 0px 0px 0px 2px inset;pointer-events:none}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:80000}';var u=t("bds_dropdown",function(){function t(t){var n=this;e(this,t);this.bdsToggle=o(this,"bdsToggle",7);this.onCloseSubMenu=function(){n.stateSubMenu="close"};this.refDropElement=function(t){n.dropElement=t};this.onClickCloseButtom=function(){n.open=false};this.onMouseOver=function(){if(n.activeMode==="hover"){n.zIndex=1}n.stateOpenSubMenu=true};this.onMouseOut=function(){if(n.activeMode==="hover"){n.zIndex=0}n.stateOpenSubMenu=false};this.centerDropElement=function(t){var e=t.split("-");if((e[0]=="left"||e[0]=="right")&&e[1]=="center"){n.dropElement.style.top="calc(50% - ".concat(n.dropElement.offsetHeight/2,"px)")}};this.intoView=null;this.stateOpenSubMenu=false;this.stateSubMenu="close";this.zIndex=0;this.delay=null;this.activeMode="click";this.open=false;this.position="auto";this.dataTest=null}t.prototype.componentWillLoad=function(){var t=this;this.activatorElement=this.hostElement.querySelector('[slot="dropdown-activator"]').children[0];this.intoView=s(this.hostElement);this.isPositionChanged;if(this.activeMode=="hover"){this.activatorElement.addEventListener("mouseover",(function(){return t.onMouseOver()}));this.activatorElement.addEventListener("click",(function(){return t.onMouseOver()}));this.activatorElement.addEventListener("mouseout",(function(){return t.onMouseOut()}))}else{this.activatorElement.addEventListener("click",(function(){return t.toggle()}))}};t.prototype.componentDidLoad=function(){if(this.position!="auto"){this.centerDropElement(this.position);this.setDefaultPlacement(this.position)}else{this.validatePositionDrop()}};t.prototype.setDefaultPlacement=function(t){this.dropElement.classList.add("dropdown__basic__".concat(t))};t.prototype.validatePositionDrop=function(){var t=a({actionElement:this.hostElement,changedElement:this.dropElement,intoView:this.intoView});this.dropElement.classList.add("dropdown__basic__".concat(t.y,"-").concat(t.x))};t.prototype.isOpenChanged=function(t){this.bdsToggle.emit({value:t});if(t)if(this.position!="auto"){this.setDefaultPlacement(this.position)}else{this.validatePositionDrop()}};t.prototype.isPositionChanged=function(){this.setDefaultPlacement(this.position)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.setOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;return[2]}))}))};t.prototype.setClose=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.stateOpenSubMenu=false;clearTimeout(this.delay);this.open=false;return[2]}))}))};t.prototype.openSubMenuChanged=function(t){if(t==false){this.stateSubMenu="pending";this.delay=setTimeout(this.onCloseSubMenu,1e3)}if(t==true){clearTimeout(this.delay);this.delay=null;this.stateSubMenu="open"}return};t.prototype.stateSubMenuChanged=function(t){switch(t){case"open":this.open=true;break;case"pending":this.open=true;break;case"close":this.open=false;break}};t.prototype.render=function(){var t=this;var e={zIndex:"".concat(this.zIndex)};return n(i,null,n("slot",{name:"dropdown-activator"}),n("div",{ref:function(e){return t.refDropElement(e)},class:{dropdown:true,dropdown__open:this.open},"data-test":this.dataTest,onMouseOver:function(){return t.onMouseOver()},onMouseOut:function(){return t.onMouseOut()}},n("div",{class:"content",style:e},n("slot",{name:"dropdown-content"}))),this.activeMode!=="hover"&&this.open&&n("div",{class:{outzone:true},onClick:function(){return t.onClickCloseButtom()}}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["isOpenChanged"],position:["isPositionChanged"],stateOpenSubMenu:["openSubMenuChanged"],stateSubMenu:["stateSubMenuChanged"]}},enumerable:false,configurable:true});return t}());u.style=c}}}));

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, f as Host } from './index-06929dd0.js';
 
 const name = "blip-ds";
-const version = "1.284.5";
+const version = "1.284.7";
 const description = "Blip Design System";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";

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

@@ -1 +1 @@
-System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.284.5";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.34.1","eslint-plugin-storybook":"^0.8.0",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^3.2.5",puppeteer:"^14.0.0","semantic-release":"^23.0.8",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.84.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));
+System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.284.7";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.34.1","eslint-plugin-storybook":"^0.8.0",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^3.2.5",puppeteer:"^14.0.0","semantic-release":"^23.0.8",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.84.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));

package/dist/blip-ds/bds-list-item.entry.js

@@ -113,10 +113,10 @@ const ListItem = class {
       }, "data-test": this.dataTest }, this.active && h("div", { class: "active" }), hasLeftInput && (h("div", { class: { input_list: true } }, this.typeList == 'radio' && h("bds-radio", { value: this.value, checked: this.checked }), this.typeList == 'checkbox' && (h("bds-checkbox", { refer: "", label: "", name: "cb1", disabled: false, checked: this.checked })))), hasAvatar ? (h("bds-avatar", { class: "avatar-item", name: this.avatarName, thumbnail: this.avatarThumbnail, size: "extra-small" })) : (this.icon && (h("bds-icon", { class: {
         [`icon-item`]: true,
         [`icon-item-active`]: this.active,
-      }, size: "medium", name: this.icon, color: "inherit", theme: this.active ? 'solid' : 'outline' }))), h("div", { class: { [`content-slot`]: true } }, h("slot", null)), h("div", { class: {
+      }, size: "medium", name: this.icon, color: "inherit", theme: this.active ? 'solid' : 'outline' }))), h("div", { class: { [`content-slot`]: true } }, h("slot", null)), (this.text || this.secondaryText) && (h("div", { class: {
         [`content-item`]: true,
         [`grow-up`]: !this.hasActionAreaSlot && !this.hasContentAreaSlot && this.internalChips.length < 0,
-      } }, this.text && (h("bds-typo", { class: "title-item", variant: "fs-16", tag: "span", bold: this.active ? 'bold' : 'regular' }, this.text)), this.secondaryText && (h("bds-typo", { class: "subtitle-item", variant: "fs-12", "line-height": "small", tag: "span" }, this.secondaryText))), h("div", { class: { [`content-area`]: true, [`grow-up`]: true } }, this.internalChips.length > 0 && h("div", { class: "internal-chips" }, this.renderChips()), h("slot", { name: "content-area" })), (!this.typeList || this.typeList == 'default') && (h("div", { class: { [`action-area`]: true } }, this.internalActionsButtons.length > 0 && (h("div", { class: "internal-actions-buttons" }, this.renderActionsButtons())), h("slot", { name: "action-area" }))), this.typeList == 'switch' && h("bds-switch", { refer: "", name: "", checked: this.checked }))));
+      } }, this.text && (h("bds-typo", { class: "title-item", variant: "fs-16", tag: "span", bold: this.active ? 'bold' : 'regular' }, this.text)), this.secondaryText && (h("bds-typo", { class: "subtitle-item", variant: "fs-12", "line-height": "small", tag: "span" }, this.secondaryText)))), h("div", { class: { [`content-area`]: true, [`grow-up`]: true } }, this.internalChips.length > 0 && h("div", { class: "internal-chips" }, this.renderChips()), h("slot", { name: "content-area" })), (!this.typeList || this.typeList == 'default') && (h("div", { class: { [`action-area`]: true } }, this.internalActionsButtons.length > 0 && (h("div", { class: "internal-actions-buttons" }, this.renderActionsButtons())), h("slot", { name: "action-area" }))), this.typeList == 'switch' && h("bds-switch", { refer: "", name: "", checked: this.checked }))));
   }
   get hostElement() { return getElement(this); }
   static get watchers() { return {

package/dist/blip-ds/bds-list-item.system.entry.js

@@ -1 +1 @@
-System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,i,s,n,o;return{setters:[function(t){e=t.r;i=t.e;s=t.h;n=t.f;o=t.g}],execute:function(){var a=':host{display:block;width:100%}:host(.list_item_content){display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.list_item{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.list_item_tall{padding:16px}.list_item_standard{padding:8px 16px}.list_item_short{padding:8px}.list_item .input_list{position:relative}.list_item .avatar-item{position:relative;display:block}.list_item .icon-item{position:relative;color:var(--color-content-default, #454545)}.list_item .icon-item-active{color:var(--color-primary, #1e6bf1)}.list_item .grow-up{position:relative;-ms-flex-positive:2;flex-grow:2}.list_item .content-slot{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.list_item .content-item{position:relative;display:-ms-flexbox;display:flex;gap:2px;-ms-flex-direction:column;flex-direction:column}.list_item .content-item .title-item{color:var(--color-content-default, #454545)}.list_item .content-item .subtitle-item{color:var(--color-content-default, #454545)}.list_item .content-area{position:relative;-ms-flex-positive:2;flex-grow:2}.list_item .content-area .internal-chips,.list_item .content-area ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px}.list_item .action-area{position:relative}.list_item .action-area .internal-actions-buttons,.list_item .action-area ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--color-content-default, #454545)}.list_item .icon-arrow{-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;transition:all ease 0.3s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.list_item .icon-arrow-active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.border_radius{border-radius:8px}.border_radius:before,.border_radius:after,.border_radius .active{border-radius:8px}.active{position:absolute;background-color:var(--color-content-default, #454545);opacity:0.08;inset:0}.clickable{position:relative;cursor:pointer;gap:8px}.clickable:before{content:"";position:absolute;inset:0}.clickable:hover:before{background-color:var(--color-content-default, #454545);opacity:0.08}.clickable:active:before{background-color:var(--color-content-default, #454545);opacity:0.16}';var r=t("bds_list_item",function(){function t(t){var s=this;e(this,t);this.bdsChecked=i(this,"bdsChecked",7);this.bdsClickActionButtom=i(this,"bdsClickActionButtom",7);this.handler=function(){s.typeList=="radio"?s.checked=true:s.checked=!s.checked};this.clickActionButtons=function(t,e){var i=e.composedPath()[0];s.bdsClickActionButtom.emit({value:s.value,icon:t,elementButton:i})};this.internalChips=[];this.internalActionsButtons=[];this.checked=false;this.typeList=null;this.avatarName=null;this.avatarThumbnail=null;this.icon=null;this.value=null;this.text=null;this.secondaryText=null;this.chips=[];this.actionsButtons=[];this.clickable=false;this.active=false;this.borderRadius=false;this.size="standard";this.dataTest=null}t.prototype.componentWillLoad=function(){this.hasActionAreaSlot=!!this.hostElement.querySelector('[slot="action-area"]');this.hasContentAreaSlot=!!this.hostElement.querySelector('[slot="content-area"]');this.chipsChanged();this.actionsButtonsChanged()};t.prototype.checkedChanged=function(t){this.bdsChecked.emit({value:this.value,text:this.text,secondaryText:this.secondaryText,typeList:this.typeList,checked:t})};t.prototype.chipsChanged=function(){if(this.chips){if(typeof this.chips==="string"){this.internalChips=JSON.parse(this.chips)}else{this.internalChips=this.chips}}else{this.internalChips=[]}};t.prototype.actionsButtonsChanged=function(){if(this.actionsButtons){if(typeof this.actionsButtons==="string"){this.internalActionsButtons=JSON.parse(this.actionsButtons)}else{this.internalActionsButtons=this.actionsButtons}}else{this.internalActionsButtons=[]}};t.prototype.renderChips=function(){if(!this.internalChips.length){return[]}return this.internalChips.map((function(t,e){var i=e.toString();var n=30;if(t.length<=n){return s("bds-chip-clickable",{id:i,key:i,color:"default"},t)}else{return s("bds-tooltip",{key:i,position:"top-center","tooltip-text":t},s("bds-chip-clickable",{id:i,key:i,color:"default"},"".concat(t.slice(0,n)," ...")))}}))};t.prototype.renderActionsButtons=function(){var t=this;if(!this.internalActionsButtons.length){return[]}return this.internalActionsButtons.map((function(e,i){var n=i.toString();return s("bds-button-icon",{key:n,variant:"secondary",icon:e,size:"short",onClick:function(i){return t.clickActionButtons(e,i)}})}))};t.prototype.render=function(){var t,e,i,o,a,r;var l=this.clickable==true||this.typeList=="checkbox"||this.typeList=="radio"||this.typeList=="switch";var c=this.typeList=="checkbox"||this.typeList=="radio";var h=this.avatarName||this.avatarThumbnail;return s(n,null,s("div",{onClick:this.handler,tabindex:"0",class:(t={list_item:true,clickable:l,border_radius:this.borderRadius},t["list_item_".concat(this.size)]=true,t),"data-test":this.dataTest},this.active&&s("div",{class:"active"}),c&&s("div",{class:{input_list:true}},this.typeList=="radio"&&s("bds-radio",{value:this.value,checked:this.checked}),this.typeList=="checkbox"&&s("bds-checkbox",{refer:"",label:"",name:"cb1",disabled:false,checked:this.checked})),h?s("bds-avatar",{class:"avatar-item",name:this.avatarName,thumbnail:this.avatarThumbnail,size:"extra-small"}):this.icon&&s("bds-icon",{class:(e={},e["icon-item"]=true,e["icon-item-active"]=this.active,e),size:"medium",name:this.icon,color:"inherit",theme:this.active?"solid":"outline"}),s("div",{class:(i={},i["content-slot"]=true,i)},s("slot",null)),s("div",{class:(o={},o["content-item"]=true,o["grow-up"]=!this.hasActionAreaSlot&&!this.hasContentAreaSlot&&this.internalChips.length<0,o)},this.text&&s("bds-typo",{class:"title-item",variant:"fs-16",tag:"span",bold:this.active?"bold":"regular"},this.text),this.secondaryText&&s("bds-typo",{class:"subtitle-item",variant:"fs-12","line-height":"small",tag:"span"},this.secondaryText)),s("div",{class:(a={},a["content-area"]=true,a["grow-up"]=true,a)},this.internalChips.length>0&&s("div",{class:"internal-chips"},this.renderChips()),s("slot",{name:"content-area"})),(!this.typeList||this.typeList=="default")&&s("div",{class:(r={},r["action-area"]=true,r)},this.internalActionsButtons.length>0&&s("div",{class:"internal-actions-buttons"},this.renderActionsButtons()),s("slot",{name:"action-area"})),this.typeList=="switch"&&s("bds-switch",{refer:"",name:"",checked:this.checked})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],chips:["chipsChanged"],actionsButtons:["actionsButtonsChanged"]}},enumerable:false,configurable:true});return t}());r.style=a}}}));
+System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,i,s,n,o;return{setters:[function(t){e=t.r;i=t.e;s=t.h;n=t.f;o=t.g}],execute:function(){var a=':host{display:block;width:100%}:host(.list_item_content){display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.list_item{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.list_item_tall{padding:16px}.list_item_standard{padding:8px 16px}.list_item_short{padding:8px}.list_item .input_list{position:relative}.list_item .avatar-item{position:relative;display:block}.list_item .icon-item{position:relative;color:var(--color-content-default, #454545)}.list_item .icon-item-active{color:var(--color-primary, #1e6bf1)}.list_item .grow-up{position:relative;-ms-flex-positive:2;flex-grow:2}.list_item .content-slot{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.list_item .content-item{position:relative;display:-ms-flexbox;display:flex;gap:2px;-ms-flex-direction:column;flex-direction:column}.list_item .content-item .title-item{color:var(--color-content-default, #454545)}.list_item .content-item .subtitle-item{color:var(--color-content-default, #454545)}.list_item .content-area{position:relative;-ms-flex-positive:2;flex-grow:2}.list_item .content-area .internal-chips,.list_item .content-area ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px}.list_item .action-area{position:relative}.list_item .action-area .internal-actions-buttons,.list_item .action-area ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--color-content-default, #454545)}.list_item .icon-arrow{-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;transition:all ease 0.3s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.list_item .icon-arrow-active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.border_radius{border-radius:8px}.border_radius:before,.border_radius:after,.border_radius .active{border-radius:8px}.active{position:absolute;background-color:var(--color-content-default, #454545);opacity:0.08;inset:0}.clickable{position:relative;cursor:pointer;gap:8px}.clickable:before{content:"";position:absolute;inset:0}.clickable:hover:before{background-color:var(--color-content-default, #454545);opacity:0.08}.clickable:active:before{background-color:var(--color-content-default, #454545);opacity:0.16}';var r=t("bds_list_item",function(){function t(t){var s=this;e(this,t);this.bdsChecked=i(this,"bdsChecked",7);this.bdsClickActionButtom=i(this,"bdsClickActionButtom",7);this.handler=function(){s.typeList=="radio"?s.checked=true:s.checked=!s.checked};this.clickActionButtons=function(t,e){var i=e.composedPath()[0];s.bdsClickActionButtom.emit({value:s.value,icon:t,elementButton:i})};this.internalChips=[];this.internalActionsButtons=[];this.checked=false;this.typeList=null;this.avatarName=null;this.avatarThumbnail=null;this.icon=null;this.value=null;this.text=null;this.secondaryText=null;this.chips=[];this.actionsButtons=[];this.clickable=false;this.active=false;this.borderRadius=false;this.size="standard";this.dataTest=null}t.prototype.componentWillLoad=function(){this.hasActionAreaSlot=!!this.hostElement.querySelector('[slot="action-area"]');this.hasContentAreaSlot=!!this.hostElement.querySelector('[slot="content-area"]');this.chipsChanged();this.actionsButtonsChanged()};t.prototype.checkedChanged=function(t){this.bdsChecked.emit({value:this.value,text:this.text,secondaryText:this.secondaryText,typeList:this.typeList,checked:t})};t.prototype.chipsChanged=function(){if(this.chips){if(typeof this.chips==="string"){this.internalChips=JSON.parse(this.chips)}else{this.internalChips=this.chips}}else{this.internalChips=[]}};t.prototype.actionsButtonsChanged=function(){if(this.actionsButtons){if(typeof this.actionsButtons==="string"){this.internalActionsButtons=JSON.parse(this.actionsButtons)}else{this.internalActionsButtons=this.actionsButtons}}else{this.internalActionsButtons=[]}};t.prototype.renderChips=function(){if(!this.internalChips.length){return[]}return this.internalChips.map((function(t,e){var i=e.toString();var n=30;if(t.length<=n){return s("bds-chip-clickable",{id:i,key:i,color:"default"},t)}else{return s("bds-tooltip",{key:i,position:"top-center","tooltip-text":t},s("bds-chip-clickable",{id:i,key:i,color:"default"},"".concat(t.slice(0,n)," ...")))}}))};t.prototype.renderActionsButtons=function(){var t=this;if(!this.internalActionsButtons.length){return[]}return this.internalActionsButtons.map((function(e,i){var n=i.toString();return s("bds-button-icon",{key:n,variant:"secondary",icon:e,size:"short",onClick:function(i){return t.clickActionButtons(e,i)}})}))};t.prototype.render=function(){var t,e,i,o,a,r;var l=this.clickable==true||this.typeList=="checkbox"||this.typeList=="radio"||this.typeList=="switch";var c=this.typeList=="checkbox"||this.typeList=="radio";var h=this.avatarName||this.avatarThumbnail;return s(n,null,s("div",{onClick:this.handler,tabindex:"0",class:(t={list_item:true,clickable:l,border_radius:this.borderRadius},t["list_item_".concat(this.size)]=true,t),"data-test":this.dataTest},this.active&&s("div",{class:"active"}),c&&s("div",{class:{input_list:true}},this.typeList=="radio"&&s("bds-radio",{value:this.value,checked:this.checked}),this.typeList=="checkbox"&&s("bds-checkbox",{refer:"",label:"",name:"cb1",disabled:false,checked:this.checked})),h?s("bds-avatar",{class:"avatar-item",name:this.avatarName,thumbnail:this.avatarThumbnail,size:"extra-small"}):this.icon&&s("bds-icon",{class:(e={},e["icon-item"]=true,e["icon-item-active"]=this.active,e),size:"medium",name:this.icon,color:"inherit",theme:this.active?"solid":"outline"}),s("div",{class:(i={},i["content-slot"]=true,i)},s("slot",null)),(this.text||this.secondaryText)&&s("div",{class:(o={},o["content-item"]=true,o["grow-up"]=!this.hasActionAreaSlot&&!this.hasContentAreaSlot&&this.internalChips.length<0,o)},this.text&&s("bds-typo",{class:"title-item",variant:"fs-16",tag:"span",bold:this.active?"bold":"regular"},this.text),this.secondaryText&&s("bds-typo",{class:"subtitle-item",variant:"fs-12","line-height":"small",tag:"span"},this.secondaryText)),s("div",{class:(a={},a["content-area"]=true,a["grow-up"]=true,a)},this.internalChips.length>0&&s("div",{class:"internal-chips"},this.renderChips()),s("slot",{name:"content-area"})),(!this.typeList||this.typeList=="default")&&s("div",{class:(r={},r["action-area"]=true,r)},this.internalActionsButtons.length>0&&s("div",{class:"internal-actions-buttons"},this.renderActionsButtons()),s("slot",{name:"action-area"})),this.typeList=="switch"&&s("bds-switch",{refer:"",name:"",checked:this.checked})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],chips:["chipsChanged"],actionsButtons:["actionsButtonsChanged"]}},enumerable:false,configurable:true});return t}());r.style=a}}}));

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

@@ -7,9 +7,11 @@ const Tooltip = class {
     registerInstance(this, hostRef);
     this.isMouseOver = false;
     this.textVerify = undefined;
+    this.maxWidtTooltip = undefined;
     this.tooltipText = 'Tooltip';
     this.disabled = false;
     this.position = 'left-center';
+    this.maxWidth = '320px';
     this.dataTest = null;
   }
   /**
@@ -33,19 +35,27 @@ const Tooltip = class {
   }
   componentWillLoad() {
     this.textVerify = this.tooltipText ? this.tooltipText.replace(/<br>/gi, '\r\n') : '';
+    this.maxWidtTooltip = this.maxWidth;
   }
   tooltipTextChanged() {
     this.textVerify = this.tooltipText ? this.tooltipText.replace(/<br>/gi, '\r\n') : '';
   }
+  maxWidthChanged() {
+    this.maxWidtTooltip = this.maxWidth;
+  }
   render() {
+    const styleTooltip = {
+      maxWidth: this.maxWidtTooltip,
+    };
     return (h("div", { class: "tooltip__wrapper" }, h("div", { onMouseEnter: () => this.setVisibility(true), onMouseLeave: () => this.setVisibility(false), "data-test": this.dataTest }, h("slot", null)), h("div", { class: {
         tooltip__tip: true,
         [`tooltip__tip--${this.position}`]: true,
         'tooltip__tip--visible': this.isMouseOver,
-      } }, h("div", { class: { tooltip__tip__text: true } }, h("pre", null, h("bds-typo", { class: "text", "no-wrap": "false", variant: "fs-12" }, this.textVerify))))));
+      }, style: styleTooltip }, h("div", { class: { tooltip__tip__text: true } }, h("pre", null, h("bds-typo", { class: "text", "no-wrap": "false", variant: "fs-12" }, this.textVerify))))));
   }
   static get watchers() { return {
-    "tooltipText": ["tooltipTextChanged"]
+    "tooltipText": ["tooltipTextChanged"],
+    "maxWidth": ["maxWidthChanged"]
   }; }
 };
 Tooltip.style = tooltipCss;

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,o,e,i){function r(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,n){function l(t){try{a(i.next(t))}catch(o){n(o)}}function p(t){try{a(i["throw"](t))}catch(o){n(o)}}function a(t){t.done?e(t.value):r(t.value).then(l,p)}a((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,l;return l={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function p(t){return function(o){return a([t,o])}}function a(p){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,p[0]&&(e=0)),e)try{if(i=1,r&&(n=p[0]&2?r["return"]:p[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,p[1])).done)return n;if(r=0,n)p=[p[0]&2,n.value];switch(p[0]){case 0:case 1:n=p;break;case 4:e.label++;return{value:p[1],done:false};case 5:e.label++;r=p[1];p=[0];continue;case 7:p=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(p[0]===6||p[0]===2)){e=0;continue}if(p[0]===3&&(!n||p[1]>n[0]&&p[1]<n[3])){e.label=p[1];break}if(p[0]===6&&e.label<n[1]){e.label=n[1];n=p;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(p);break}if(n[2])e.ops.pop();e.trys.pop();continue}p=o.call(t,e)}catch(a){p=[6,a];r=0}finally{i=n=0}if(p[0]&5)throw p[1];return{value:p[0]?p[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var o,e;return{setters:[function(t){o=t.r;e=t.h}],execute:function(){var i='.tooltip__wrapper{display:inline-block;position:relative}.tooltip__tip{position:absolute;left:50%;border-radius:8px;padding:8px;background:var(--color-content-default, #454545);z-index:90000;white-space:normal;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:32px;max-width:320px;-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));visibility:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default}.tooltip__tip--visible{visibility:visible}.tooltip__tip::before{content:"";left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;margin-left:-6px;border-width:6px}.tooltip__tip--top-center,.tooltip__tip--top-left,.tooltip__tip--top-right{bottom:calc(100% + 10px)}.tooltip__tip--top-center::before,.tooltip__tip--top-left::before,.tooltip__tip--top-right::before{top:100%;border-top-color:var(--color-content-default, #454545)}.tooltip__tip--top-left{left:0;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.tooltip__tip--top-left::before{left:calc(15% + 6px)}.tooltip__tip--top-right{left:initial;right:0;-webkit-transform:translateX(15%);transform:translateX(15%)}.tooltip__tip--top-right::before{left:calc(85% - 6px)}.tooltip__tip--bottom-center,.tooltip__tip--top-center{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip__tip--left-center,.tooltip__tip--right-center{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}.tooltip__tip--right-center,.tooltip__tip--right-top,.tooltip__tip--right-bottom{left:calc(100% + 10px);top:50%}.tooltip__tip--right-center::before,.tooltip__tip--right-top::before,.tooltip__tip--right-bottom::before{left:-5px;top:50%;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);border-right-color:var(--color-content-default, #454545)}.tooltip__tip--right-top{top:0}.tooltip__tip--right-top::before{top:40%}.tooltip__tip--right-bottom{top:initial;bottom:0}.tooltip__tip--right-bottom::before{top:60%}.tooltip__tip--bottom-center,.tooltip__tip--bottom-right,.tooltip__tip--bottom-left{top:calc(100% + 10px)}.tooltip__tip--bottom-center::before,.tooltip__tip--bottom-right::before,.tooltip__tip--bottom-left::before{bottom:100%;border-bottom-color:var(--color-content-default, #454545)}.tooltip__tip--bottom-right{left:initial;right:0;-webkit-transform:translateX(15%);transform:translateX(15%)}.tooltip__tip--bottom-right::before{left:calc(85% - 6px)}.tooltip__tip--bottom-left{left:0;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.tooltip__tip--bottom-left::before{left:calc(15% + 6px)}.tooltip__tip--left-center,.tooltip__tip--left-top,.tooltip__tip--left-bottom{left:auto;right:calc(100% + 10px);top:50%}.tooltip__tip--left-center::before,.tooltip__tip--left-top::before,.tooltip__tip--left-bottom::before{left:auto;right:-11px;top:50%;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);border-left-color:var(--color-content-default, #454545)}.tooltip__tip--left-top{top:0}.tooltip__tip--left-top::before{top:40%}.tooltip__tip--left-bottom{top:initial;bottom:0}.tooltip__tip--left-bottom::before{top:60%}.tooltip__tip__text pre{margin:0;display:-ms-flexbox;display:flex;font-family:inherit;white-space:break-spaces}.tooltip__tip__text .text{color:var(--color-surface-1, #f6f6f6)}';var r=t("bds_tooltip",function(){function t(t){o(this,t);this.isMouseOver=false;this.textVerify=undefined;this.tooltipText="Tooltip";this.disabled=false;this.position="left-center";this.dataTest=null}t.prototype.visible=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isMouseOver=true;return[2]}))}))};t.prototype.invisible=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isMouseOver=false;return[2]}))}))};t.prototype.setVisibility=function(t){if(this.disabled){this.isMouseOver=false;return}this.isMouseOver=t};t.prototype.componentWillLoad=function(){this.textVerify=this.tooltipText?this.tooltipText.replace(/<br>/gi,"\r\n"):""};t.prototype.tooltipTextChanged=function(){this.textVerify=this.tooltipText?this.tooltipText.replace(/<br>/gi,"\r\n"):""};t.prototype.render=function(){var t;var o=this;return e("div",{class:"tooltip__wrapper"},e("div",{onMouseEnter:function(){return o.setVisibility(true)},onMouseLeave:function(){return o.setVisibility(false)},"data-test":this.dataTest},e("slot",null)),e("div",{class:(t={tooltip__tip:true},t["tooltip__tip--".concat(this.position)]=true,t["tooltip__tip--visible"]=this.isMouseOver,t)},e("div",{class:{tooltip__tip__text:true}},e("pre",null,e("bds-typo",{class:"text","no-wrap":"false",variant:"fs-12"},this.textVerify)))))};Object.defineProperty(t,"watchers",{get:function(){return{tooltipText:["tooltipTextChanged"]}},enumerable:false,configurable:true});return t}());r.style=i}}}));
+var __awaiter=this&&this.__awaiter||function(t,o,e,i){function r(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,n){function l(t){try{a(i.next(t))}catch(o){n(o)}}function p(t){try{a(i["throw"](t))}catch(o){n(o)}}function a(t){t.done?e(t.value):r(t.value).then(l,p)}a((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,l;return l={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function p(t){return function(o){return a([t,o])}}function a(p){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,p[0]&&(e=0)),e)try{if(i=1,r&&(n=p[0]&2?r["return"]:p[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,p[1])).done)return n;if(r=0,n)p=[p[0]&2,n.value];switch(p[0]){case 0:case 1:n=p;break;case 4:e.label++;return{value:p[1],done:false};case 5:e.label++;r=p[1];p=[0];continue;case 7:p=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(p[0]===6||p[0]===2)){e=0;continue}if(p[0]===3&&(!n||p[1]>n[0]&&p[1]<n[3])){e.label=p[1];break}if(p[0]===6&&e.label<n[1]){e.label=n[1];n=p;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(p);break}if(n[2])e.ops.pop();e.trys.pop();continue}p=o.call(t,e)}catch(a){p=[6,a];r=0}finally{i=n=0}if(p[0]&5)throw p[1];return{value:p[0]?p[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var o,e;return{setters:[function(t){o=t.r;e=t.h}],execute:function(){var i='.tooltip__wrapper{display:inline-block;position:relative}.tooltip__tip{position:absolute;left:50%;border-radius:8px;padding:8px;background:var(--color-content-default, #454545);z-index:90000;white-space:normal;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:32px;max-width:320px;-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));visibility:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default}.tooltip__tip--visible{visibility:visible}.tooltip__tip::before{content:"";left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;margin-left:-6px;border-width:6px}.tooltip__tip--top-center,.tooltip__tip--top-left,.tooltip__tip--top-right{bottom:calc(100% + 10px)}.tooltip__tip--top-center::before,.tooltip__tip--top-left::before,.tooltip__tip--top-right::before{top:100%;border-top-color:var(--color-content-default, #454545)}.tooltip__tip--top-left{left:0;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.tooltip__tip--top-left::before{left:calc(15% + 6px)}.tooltip__tip--top-right{left:initial;right:0;-webkit-transform:translateX(15%);transform:translateX(15%)}.tooltip__tip--top-right::before{left:calc(85% - 6px)}.tooltip__tip--bottom-center,.tooltip__tip--top-center{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip__tip--left-center,.tooltip__tip--right-center{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}.tooltip__tip--right-center,.tooltip__tip--right-top,.tooltip__tip--right-bottom{left:calc(100% + 10px);top:50%}.tooltip__tip--right-center::before,.tooltip__tip--right-top::before,.tooltip__tip--right-bottom::before{left:-5px;top:50%;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);border-right-color:var(--color-content-default, #454545)}.tooltip__tip--right-top{top:0}.tooltip__tip--right-top::before{top:40%}.tooltip__tip--right-bottom{top:initial;bottom:0}.tooltip__tip--right-bottom::before{top:60%}.tooltip__tip--bottom-center,.tooltip__tip--bottom-right,.tooltip__tip--bottom-left{top:calc(100% + 10px)}.tooltip__tip--bottom-center::before,.tooltip__tip--bottom-right::before,.tooltip__tip--bottom-left::before{bottom:100%;border-bottom-color:var(--color-content-default, #454545)}.tooltip__tip--bottom-right{left:initial;right:0;-webkit-transform:translateX(15%);transform:translateX(15%)}.tooltip__tip--bottom-right::before{left:calc(85% - 6px)}.tooltip__tip--bottom-left{left:0;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.tooltip__tip--bottom-left::before{left:calc(15% + 6px)}.tooltip__tip--left-center,.tooltip__tip--left-top,.tooltip__tip--left-bottom{left:auto;right:calc(100% + 10px);top:50%}.tooltip__tip--left-center::before,.tooltip__tip--left-top::before,.tooltip__tip--left-bottom::before{left:auto;right:-11px;top:50%;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);border-left-color:var(--color-content-default, #454545)}.tooltip__tip--left-top{top:0}.tooltip__tip--left-top::before{top:40%}.tooltip__tip--left-bottom{top:initial;bottom:0}.tooltip__tip--left-bottom::before{top:60%}.tooltip__tip__text pre{margin:0;display:-ms-flexbox;display:flex;font-family:inherit;white-space:break-spaces}.tooltip__tip__text .text{color:var(--color-surface-1, #f6f6f6)}';var r=t("bds_tooltip",function(){function t(t){o(this,t);this.isMouseOver=false;this.textVerify=undefined;this.maxWidtTooltip=undefined;this.tooltipText="Tooltip";this.disabled=false;this.position="left-center";this.maxWidth="320px";this.dataTest=null}t.prototype.visible=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isMouseOver=true;return[2]}))}))};t.prototype.invisible=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isMouseOver=false;return[2]}))}))};t.prototype.setVisibility=function(t){if(this.disabled){this.isMouseOver=false;return}this.isMouseOver=t};t.prototype.componentWillLoad=function(){this.textVerify=this.tooltipText?this.tooltipText.replace(/<br>/gi,"\r\n"):"";this.maxWidtTooltip=this.maxWidth};t.prototype.tooltipTextChanged=function(){this.textVerify=this.tooltipText?this.tooltipText.replace(/<br>/gi,"\r\n"):""};t.prototype.maxWidthChanged=function(){this.maxWidtTooltip=this.maxWidth};t.prototype.render=function(){var t;var o=this;var i={maxWidth:this.maxWidtTooltip};return e("div",{class:"tooltip__wrapper"},e("div",{onMouseEnter:function(){return o.setVisibility(true)},onMouseLeave:function(){return o.setVisibility(false)},"data-test":this.dataTest},e("slot",null)),e("div",{class:(t={tooltip__tip:true},t["tooltip__tip--".concat(this.position)]=true,t["tooltip__tip--visible"]=this.isMouseOver,t),style:i},e("div",{class:{tooltip__tip__text:true}},e("pre",null,e("bds-typo",{class:"text","no-wrap":"false",variant:"fs-12"},this.textVerify)))))};Object.defineProperty(t,"watchers",{get:function(){return{tooltipText:["tooltipTextChanged"],maxWidth:["maxWidthChanged"]}},enumerable:false,configurable:true});return t}());r.style=i}}}));