blip-ds 1.253.2 → 1.253.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/blip-ds/bds-autocomplete.entry.js +1 -1
  2. package/dist/blip-ds/bds-autocomplete.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-datepicker-period.entry.js +1 -1
  4. package/dist/blip-ds/bds-datepicker-period.system.entry.js +1 -1
  5. package/dist/blip-ds/bds-datepicker-single.entry.js +1 -1
  6. package/dist/blip-ds/bds-datepicker-single.system.entry.js +1 -1
  7. package/dist/blip-ds/bds-datepicker.entry.js +1 -1
  8. package/dist/blip-ds/bds-datepicker.system.entry.js +1 -1
  9. package/dist/blip-ds/bds-input-chips.entry.js +1 -1
  10. package/dist/blip-ds/bds-input-chips.system.entry.js +1 -1
  11. package/dist/blip-ds/bds-input-editable.entry.js +1 -1
  12. package/dist/blip-ds/bds-input-editable.system.entry.js +1 -1
  13. package/dist/blip-ds/bds-input-password.entry.js +1 -1
  14. package/dist/blip-ds/bds-input-password.system.entry.js +1 -1
  15. package/dist/blip-ds/bds-input-phone-number.entry.js +1 -1
  16. package/dist/blip-ds/bds-input-phone-number.system.entry.js +1 -1
  17. package/dist/blip-ds/bds-input.entry.js +1 -1
  18. package/dist/blip-ds/bds-input.system.entry.js +1 -1
  19. package/dist/blip-ds/bds-select-chips.entry.js +1 -1
  20. package/dist/blip-ds/bds-select-chips.system.entry.js +1 -1
  21. package/dist/blip-ds/bds-select.entry.js +1 -1
  22. package/dist/blip-ds/bds-select.system.entry.js +1 -1
  23. package/dist/blip-ds/{p-5bca77d7.entry.js → p-0de6b9d6.entry.js} +1 -1
  24. package/dist/blip-ds/{p-5ac0eb22.system.entry.js → p-2d8fe6f9.system.entry.js} +1 -1
  25. package/dist/blip-ds/{p-ffd37389.system.entry.js → p-8f72e358.system.entry.js} +1 -1
  26. package/dist/blip-ds/{p-2ae9810b.entry.js → p-9d56a99a.entry.js} +1 -1
  27. package/dist/blip-ds/p-bb975dd8.system.js +1 -1
  28. package/dist/cjs/bds-alert_48.cjs.entry.js +10 -10
  29. package/dist/cjs/bds-autocomplete.cjs.entry.js +1 -1
  30. package/dist/cjs/bds-datepicker-period.cjs.entry.js +1 -1
  31. package/dist/cjs/bds-datepicker-single.cjs.entry.js +1 -1
  32. package/dist/cjs/bds-datepicker.cjs.entry.js +1 -1
  33. package/dist/cjs/bds-input-chips.cjs.entry.js +1 -1
  34. package/dist/cjs/bds-input-editable.cjs.entry.js +1 -1
  35. package/dist/cjs/bds-input-password.cjs.entry.js +1 -1
  36. package/dist/cjs/bds-input-phone-number.cjs.entry.js +1 -1
  37. package/dist/cjs/bds-input.cjs.entry.js +1 -1
  38. package/dist/cjs/bds-select-chips.cjs.entry.js +1 -1
  39. package/dist/cjs/bds-select.cjs.entry.js +1 -1
  40. package/dist/collection/components/autocomplete/autocomplete.css +1 -1
  41. package/dist/collection/components/datepicker/datepicker.css +2 -2
  42. package/dist/collection/components/input/input.css +1 -1
  43. package/dist/collection/components/input-chips/input-chips.css +1 -1
  44. package/dist/collection/components/input-editable/input-editable.css +1 -1
  45. package/dist/collection/components/input-password/input-password.css +6 -6
  46. package/dist/collection/components/input-phone-number/input-phone-number.css +1 -1
  47. package/dist/collection/components/selects/select.css +1 -1
  48. package/dist/esm/bds-alert_48.entry.js +10 -10
  49. package/dist/esm/bds-autocomplete.entry.js +1 -1
  50. package/dist/esm/bds-datepicker-period.entry.js +1 -1
  51. package/dist/esm/bds-datepicker-single.entry.js +1 -1
  52. package/dist/esm/bds-datepicker.entry.js +1 -1
  53. package/dist/esm/bds-input-chips.entry.js +1 -1
  54. package/dist/esm/bds-input-editable.entry.js +1 -1
  55. package/dist/esm/bds-input-password.entry.js +1 -1
  56. package/dist/esm/bds-input-phone-number.entry.js +1 -1
  57. package/dist/esm/bds-input.entry.js +1 -1
  58. package/dist/esm/bds-select-chips.entry.js +1 -1
  59. package/dist/esm/bds-select.entry.js +1 -1
  60. package/dist/esm-es5/bds-alert_48.entry.js +1 -1
  61. package/dist/esm-es5/bds-select-chips.entry.js +1 -1
  62. package/package.json +1 -1
package/dist/blip-ds/bds-input-editable.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function o(e){try{s(n.next(e))}catch(t){a(t)}}function l(e){try{s(n["throw"](e))}catch(t){a(t)}}function s(e){e.done?i(e.value):r(e.value).then(o,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(t){return s([e,t])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(i=0)),i)try{if(n=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(l[0]===6&&i.label<a[1]){i.label=a[1];a=l;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(l);break}if(a[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(s){l=[6,s];r=0}finally{n=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,i,n,r,a;return{setters:[function(e){t=e.r;i=e.e;n=e.h;r=e.f;a=e.g}],execute:function(){var o='.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input,.element_input textarea{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder,.element_input textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::-moz-placeholder,.element_input textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input:-ms-input-placeholder,.element_input textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::-ms-input-placeholder,.element_input textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::placeholder,.element_input textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::-webkit-input-placeholder,.element_input textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;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__icon{background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary .input__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__icon{background-color:var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e0e0e0)}.input--state-disabled:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-surface-3, #e0e0e0);box-sizing:border-box;border-radius:8px}.input--state-disabled.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-disabled .input__icon{background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled .input__container__label{color:var(--color-content-default, #292929)}.input--state-disabled .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-disabled .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.input__editable{display:block}.input__editable--static{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.input__editable--static:hover .input__editable--static__typo{border:1px solid var(--color-primary, #1e6bf1)}.input__editable--static:hover .input__editable--static__icon{color:var(--color-primary, #1e6bf1)}.input__editable--static__typo{border:1px solid transparent;margin:0;padding:8px;border-radius:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%;color:var(--color-content-default, #292929)}.input__editable--static__icon{margin-left:8px;color:var(--color-content-ghost, #949494)}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active .element_input{min-width:120px;margin-right:4px}.input__editable--active .element_input.expanded{max-width:100%}.input__editable--active .element_input.fixed{max-width:140px}.input__editable--active .element_input.short input{font-size:1rem;line-height:0px}.input__editable--active .element_input.standard input{font-size:1.5rem;line-height:0px}.input__editable--active .element_input.tall input{font-size:2.5rem;line-height:0px}.input__editable--active .element_input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active .element_input::part(input__message){min-width:180px}.input__editable--active bds-icon{cursor:pointer}.input__editable--active__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:auto 0}.input__editable--active__icon--error{color:var(--color-delete, #e60f0f)}.input__editable--active__icon--error:hover{color:var(--color-delete, #e60f0f)}.input__editable--active__icon--checkball{color:var(--color-primary, #1e6bf1)}.input__editable--active__icon--checkball:hover{color:var(--color-primary, #1e6bf1)}.input__editable--active__icon--checkball--error{color:var(--color-content-ghost, #949494)}.input__editable--active__icon--checkball--error:hover{color:var(--color-content-ghost, #949494)}.input__editable--hidden{display:none}';var l=e("bds_input_editable",function(){function e(e){var n=this;t(this,e);this.bdsInputEditableSave=i(this,"bdsInputEditableSave",7);this.bdsChange=i(this,"bdsChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.handleEditing=function(){n.toggleEditing()};this.toggleEditing=function(){n.isEditing=!n.isEditing};this.handleSaveText=function(){var e=n.nativeInput.value;if(e.length>0&&e.length>=n.minlength&&!n.danger){n.bdsInputEditableSave.emit({value:e,oldValue:n.oldValue});n.oldValue=e;n.value=e;n.toggleEditing()}};this.changedInputValue=function(e){return __awaiter(n,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=e.target;this.checkValidity();if(t){if(t.value.length<Number(this.minlength)){this.isValid=false}else{this.isValid=true}}this.bdsInput.emit(e);this.bdsChange.emit({value:this.nativeInput.value,oldValue:this.oldValue});return[2]}))}))};this.onFocus=function(){n.isFocused=true;n.isPressed=true;n.bdsFocus.emit()};this.onBlur=function(){n.onBlurValidations();n.bdsBlur.emit();n.isPressed=false};this.onClickWrapper=function(){n.onFocus();if(n.nativeInput){n.nativeInput.focus()}};this.getExpand=function(){if(n.expand){return"expanded"}else{return"fixed"}};this.oldValue=undefined;this.isEditing=false;this.isValid=true;this.isPressed=false;this.isFocused=false;this.validationMesage="";this.validationDanger=false;this.size="standard";this.expand=false;this.dataTest=null;this.inputName="";this.value="";this.requiredErrorMessage=undefined;this.minlength=0;this.minlengthErrorMessage=undefined;this.maxlength=undefined;this.errorMessage="";this.helperMessage="";this.placeholder="";this.danger=false}e.prototype.componentWillLoad=function(){this.oldValue=this.value};e.prototype.onBlurValidations=function(){this.requiredValidation();(this.minlength||this.maxlength)&&this.lengthValidation();this.checkValidity()};e.prototype.requiredValidation=function(){if(this.nativeInput.validity.valueMissing){this.validationMesage=this.requiredErrorMessage;this.validationDanger=true}};e.prototype.lengthValidation=function(){if(this.nativeInput.validity.tooShort){this.validationMesage=this.minlengthErrorMessage;this.validationDanger=true;return}if(this.nativeInput.validity.tooLong){this.validationDanger=true;return}};e.prototype.checkValidity=function(){if(this.nativeInput.validity.valid){this.validationDanger=false}};e.prototype.getFontSizeClass=function(){if(this.size=="short"){return"fs-16"}else if(this.size=="standard"){return"fs-24"}else if(this.size=="tall"){return"fs-40"}else{return"fs-24"}};e.prototype.renderMessage=function(){var e=this.danger?"error":"info";var t=this.danger?this.errorMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(t){return n("div",{class:i,part:"input__message"},n("div",{class:"input__message__icon"},n("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),n("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e;var t=this;var i=this.getFontSizeClass();var a=this.getExpand();return n(r,null,n("div",{class:"input__editable"},n("div",{class:{"input__editable--static":true,"input__editable--hidden":this.isEditing},onClick:this.handleEditing},n("bds-typo",{tag:"span",part:"input__editable--static__typo",class:"input__editable--static__typo",variant:i},this.value),n("bds-icon",{key:"edit-icon",class:"input__editable--static__icon",name:"edit"})),n("div",{class:{"input__editable--active":true,"input__editable--hidden":!this.isEditing}},n("div",{class:(e={element_input:true},e[a]=true,e[this.size]=true,e)},n("div",{class:{input:true,select:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--pressed":this.isPressed},onClick:this.onClickWrapper},n("div",{class:"input__container",tabindex:"0"},n("input",{class:{input__container__text:true},ref:function(e){return t.nativeInput=e},minLength:this.minlength,maxLength:this.maxlength,name:this.inputName,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholder,value:this.value,required:true,part:"input","data-test":this.dataTest}))),this.renderMessage()),n("div",{class:"input__editable--active__icon"},n("bds-icon",{key:"error-icon",class:"input__editable--active__icon--error",theme:"solid",name:"error",onClick:this.handleEditing}),n("bds-icon",{key:"checkball-icon",class:{"input__editable--active__icon--checkball":true,"input__editable--active__icon--checkball--error":!this.isValid},theme:"solid",name:"checkball",onClick:this.handleSaveText})))))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());l.style=o}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function o(e){try{s(n.next(e))}catch(t){a(t)}}function l(e){try{s(n["throw"](e))}catch(t){a(t)}}function s(e){e.done?i(e.value):r(e.value).then(o,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(t){return s([e,t])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(i=0)),i)try{if(n=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(l[0]===6&&i.label<a[1]){i.label=a[1];a=l;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(l);break}if(a[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(s){l=[6,s];r=0}finally{n=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,i,n,r,a;return{setters:[function(e){t=e.r;i=e.e;n=e.h;r=e.f;a=e.g}],execute:function(){var o='.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input,.element_input textarea{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder,.element_input textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::-moz-placeholder,.element_input textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input:-ms-input-placeholder,.element_input textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::-ms-input-placeholder,.element_input textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::placeholder,.element_input textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input input::-webkit-input-placeholder,.element_input textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;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__icon{background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary .input__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__icon{background-color:var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5);border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-disabled:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-surface-3, #e0e0e0);box-sizing:border-box;border-radius:8px}.input--state-disabled.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-disabled .input__icon{background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled .input__container__label{color:var(--color-content-default, #292929)}.input--state-disabled .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-disabled .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.input__editable{display:block}.input__editable--static{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.input__editable--static:hover .input__editable--static__typo{border:1px solid var(--color-primary, #1e6bf1)}.input__editable--static:hover .input__editable--static__icon{color:var(--color-primary, #1e6bf1)}.input__editable--static__typo{border:1px solid transparent;margin:0;padding:8px;border-radius:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%;color:var(--color-content-default, #292929)}.input__editable--static__icon{margin-left:8px;color:var(--color-content-ghost, #949494)}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active .element_input{min-width:120px;margin-right:4px}.input__editable--active .element_input.expanded{max-width:100%}.input__editable--active .element_input.fixed{max-width:140px}.input__editable--active .element_input.short input{font-size:1rem;line-height:0px}.input__editable--active .element_input.standard input{font-size:1.5rem;line-height:0px}.input__editable--active .element_input.tall input{font-size:2.5rem;line-height:0px}.input__editable--active .element_input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active .element_input::part(input__message){min-width:180px}.input__editable--active bds-icon{cursor:pointer}.input__editable--active__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:auto 0}.input__editable--active__icon--error{color:var(--color-delete, #e60f0f)}.input__editable--active__icon--error:hover{color:var(--color-delete, #e60f0f)}.input__editable--active__icon--checkball{color:var(--color-primary, #1e6bf1)}.input__editable--active__icon--checkball:hover{color:var(--color-primary, #1e6bf1)}.input__editable--active__icon--checkball--error{color:var(--color-content-ghost, #949494)}.input__editable--active__icon--checkball--error:hover{color:var(--color-content-ghost, #949494)}.input__editable--hidden{display:none}';var l=e("bds_input_editable",function(){function e(e){var n=this;t(this,e);this.bdsInputEditableSave=i(this,"bdsInputEditableSave",7);this.bdsChange=i(this,"bdsChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.handleEditing=function(){n.toggleEditing()};this.toggleEditing=function(){n.isEditing=!n.isEditing};this.handleSaveText=function(){var e=n.nativeInput.value;if(e.length>0&&e.length>=n.minlength&&!n.danger){n.bdsInputEditableSave.emit({value:e,oldValue:n.oldValue});n.oldValue=e;n.value=e;n.toggleEditing()}};this.changedInputValue=function(e){return __awaiter(n,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=e.target;this.checkValidity();if(t){if(t.value.length<Number(this.minlength)){this.isValid=false}else{this.isValid=true}}this.bdsInput.emit(e);this.bdsChange.emit({value:this.nativeInput.value,oldValue:this.oldValue});return[2]}))}))};this.onFocus=function(){n.isFocused=true;n.isPressed=true;n.bdsFocus.emit()};this.onBlur=function(){n.onBlurValidations();n.bdsBlur.emit();n.isPressed=false};this.onClickWrapper=function(){n.onFocus();if(n.nativeInput){n.nativeInput.focus()}};this.getExpand=function(){if(n.expand){return"expanded"}else{return"fixed"}};this.oldValue=undefined;this.isEditing=false;this.isValid=true;this.isPressed=false;this.isFocused=false;this.validationMesage="";this.validationDanger=false;this.size="standard";this.expand=false;this.dataTest=null;this.inputName="";this.value="";this.requiredErrorMessage=undefined;this.minlength=0;this.minlengthErrorMessage=undefined;this.maxlength=undefined;this.errorMessage="";this.helperMessage="";this.placeholder="";this.danger=false}e.prototype.componentWillLoad=function(){this.oldValue=this.value};e.prototype.onBlurValidations=function(){this.requiredValidation();(this.minlength||this.maxlength)&&this.lengthValidation();this.checkValidity()};e.prototype.requiredValidation=function(){if(this.nativeInput.validity.valueMissing){this.validationMesage=this.requiredErrorMessage;this.validationDanger=true}};e.prototype.lengthValidation=function(){if(this.nativeInput.validity.tooShort){this.validationMesage=this.minlengthErrorMessage;this.validationDanger=true;return}if(this.nativeInput.validity.tooLong){this.validationDanger=true;return}};e.prototype.checkValidity=function(){if(this.nativeInput.validity.valid){this.validationDanger=false}};e.prototype.getFontSizeClass=function(){if(this.size=="short"){return"fs-16"}else if(this.size=="standard"){return"fs-24"}else if(this.size=="tall"){return"fs-40"}else{return"fs-24"}};e.prototype.renderMessage=function(){var e=this.danger?"error":"info";var t=this.danger?this.errorMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(t){return n("div",{class:i,part:"input__message"},n("div",{class:"input__message__icon"},n("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),n("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e;var t=this;var i=this.getFontSizeClass();var a=this.getExpand();return n(r,null,n("div",{class:"input__editable"},n("div",{class:{"input__editable--static":true,"input__editable--hidden":this.isEditing},onClick:this.handleEditing},n("bds-typo",{tag:"span",part:"input__editable--static__typo",class:"input__editable--static__typo",variant:i},this.value),n("bds-icon",{key:"edit-icon",class:"input__editable--static__icon",name:"edit"})),n("div",{class:{"input__editable--active":true,"input__editable--hidden":!this.isEditing}},n("div",{class:(e={element_input:true},e[a]=true,e[this.size]=true,e)},n("div",{class:{input:true,select:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--pressed":this.isPressed},onClick:this.onClickWrapper},n("div",{class:"input__container",tabindex:"0"},n("input",{class:{input__container__text:true},ref:function(e){return t.nativeInput=e},minLength:this.minlength,maxLength:this.maxlength,name:this.inputName,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholder,value:this.value,required:true,part:"input","data-test":this.dataTest}))),this.renderMessage()),n("div",{class:"input__editable--active__icon"},n("bds-icon",{key:"error-icon",class:"input__editable--active__icon--error",theme:"solid",name:"error",onClick:this.handleEditing}),n("bds-icon",{key:"checkball-icon",class:{"input__editable--active__icon--checkball":true,"input__editable--active__icon--checkball--error":!this.isValid},theme:"solid",name:"checkball",onClick:this.handleSaveText})))))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());l.style=o}}}));
package/dist/blip-ds/bds-input-password.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, e as createEvent, h, f as Host } from './index-7fb09d4a.js';
2
2
 
3
- const inputPasswordCss = ".sc-bds-input-password-h{display:block}.element_input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-password input.sc-bds-input-password{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-password{border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-password: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.sc-bds-input-password{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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-password{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-password:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-password{border:1px solid var(--color-delete, #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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-disabled.sc-bds-input-password{opacity:50%;pointer-events:none;cursor:not-allowed;border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-password:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-surface-3, #e0e0e0);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-password{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-disabled.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--label.sc-bds-input-password{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-password{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-password{padding:4px}.input__container.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-password{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-password{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text.sc-bds-input-password::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-password,.input__container__text[type=radio].sc-bds-input-password{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-password{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-password::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-password,.input__container__text[type=button].sc-bds-input-password,.input__container__text[type=submit].sc-bds-input-password{overflow:visible}.input__container__text.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-password bds-typo.sc-bds-input-password{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-password{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-password .bds-icon.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-password .input__message__text.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__password--icon.sc-bds-input-password{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex}";
3
+ const inputPasswordCss = ".sc-bds-input-password-h{display:block}.element_input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-password input.sc-bds-input-password{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-password{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-password: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.sc-bds-input-password{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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-password{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-password:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-password{border:1px solid var(--color-delete, #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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-disabled.sc-bds-input-password{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5);border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-disabled.sc-bds-input-password:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-password{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-disabled.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-1, #ffffff)}.input--state-disabled.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--label.sc-bds-input-password{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-password{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-password{padding:4px}.input__container.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-password{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-password{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text.sc-bds-input-password::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-password,.input__container__text[type=radio].sc-bds-input-password{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-password{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-password::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-password,.input__container__text[type=button].sc-bds-input-password,.input__container__text[type=submit].sc-bds-input-password{overflow:visible}.input__container__text.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-password bds-typo.sc-bds-input-password{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-password{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-password .bds-icon.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-password .input__message__text.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__password--icon.sc-bds-input-password{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex}";
4
4
 
5
5
  const InputPassword = class {
6
6
  constructor(hostRef) {
package/dist/blip-ds/bds-input-password.system.entry.js CHANGED
@@ -1 +1 @@
1
- System.register(["./index-241c9f42.system.js"],(function(s){"use strict";var e,t,i,r;return{setters:[function(s){e=s.r;t=s.e;i=s.h;r=s.f}],execute:function(){var o='.sc-bds-input-password-h{display:block}.element_input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-password input.sc-bds-input-password{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-password{border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-password: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.sc-bds-input-password{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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-password{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-password:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-password{border:1px solid var(--color-delete, #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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-disabled.sc-bds-input-password{opacity:50%;pointer-events:none;cursor:not-allowed;border:1px solid var(--color-surface-3, #e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-password:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-surface-3, #e0e0e0);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-password{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-disabled.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--label.sc-bds-input-password{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-password{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-password{padding:4px}.input__container.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-password{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-password{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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text.sc-bds-input-password::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-password,.input__container__text[type=radio].sc-bds-input-password{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-password{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-password::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-password,.input__container__text[type=button].sc-bds-input-password,.input__container__text[type=submit].sc-bds-input-password{overflow:visible}.input__container__text.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-password bds-typo.sc-bds-input-password{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-password{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-password .bds-icon.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-password .input__message__text.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__password--icon.sc-bds-input-password{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex}';var n=s("bds_input_password",function(){function s(s){var i=this;e(this,s);this.bdsInputPasswordChange=t(this,"bdsInputPasswordChange",7);this.bdsInputPasswordInput=t(this,"bdsInputPasswordInput",7);this.bdsInputPasswordBlur=t(this,"bdsInputPasswordBlur",7);this.bdsInputPasswordFocus=t(this,"bdsInputPasswordFocus",7);this.bdsInputPasswordSubmit=t(this,"bdsInputPasswordSubmit",7);this.bdsKeyDownBackspace=t(this,"bdsKeyDownBackspace",7);this.refNativeInput=function(s){i.nativeInput=s};this.toggleEyePassword=function(){if(!i.disabled){i.openEyes=!i.openEyes}};this.onClickWrapper=function(){i.onFocus();if(i.nativeInput){i.nativeInput.focus()}};this.onInput=function(s){var e=s.target;if(e){i.value=e.value||""}i.bdsInputPasswordInput.emit(s)};this.onBlur=function(){i.bdsInputPasswordBlur.emit();i.isPressed=false};this.onFocus=function(){i.bdsInputPasswordFocus.emit();i.isPressed=true};this.onSubmit=function(){i.bdsInputPasswordSubmit.emit()};this.keyPressWrapper=function(s){i.bdsKeyDownBackspace.emit({ev:s,value:i.value})};this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.openEyes=false;this.value="";this.label="";this.inputName="";this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.readonly=false;this.helperMessage="";this.errorMessage="";this.danger=false;this.icon="";this.disabled=false;this.autoCapitalize="off";this.autoComplete="off";this.placeholder="";this.dataTest=null}s.prototype.getAutoComplete=function(){if(!this.openEyes)return"current-password";return this.autoComplete};s.prototype.onChange=function(){this.bdsInputPasswordChange.emit({value:this.value==null?this.value:this.value.toString()})};s.prototype.renderIcon=function(){return this.icon&&i("div",{class:{input__icon:true,"input__icon--large":!!this.label}},i("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};s.prototype.renderLabel=function(){return this.label&&i("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},i("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};s.prototype.renderMessage=function(){var s=this.danger?"error":"info";var e=this.danger?this.errorMessage:this.helperMessage;if(!e&&this.validationDanger)e=this.validationMesage;var t=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(e){return i("div",{class:t,part:"input__message"},i("div",{class:"input__message__icon"},i("bds-icon",{size:"x-small",name:s,theme:"solid",color:"inherit"})),i("bds-typo",{class:"input__message__text",variant:"fs-12"},e))}return undefined};s.prototype.render=function(){var s=this.isPressed&&!this.disabled;var e=this.openEyes?"eye-open":"eye-closed";var t=this.openEyes?"text":"password";var o=this.getAutoComplete();return i(r,null,i("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},i("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":s},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper,part:"input-container"},this.renderIcon(),i("div",{class:"input__container"},this.renderLabel(),i("div",{class:{input__container__wrapper:true}},i("input",{ref:this.refNativeInput,class:{input__container__text:true},type:t,name:this.inputName,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,readOnly:this.readonly,autocomplete:o,autocapitalize:this.autoCapitalize,placeholder:this.placeholder,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur,onSubmit:this.onSubmit,value:this.value,disabled:this.disabled,"data-test":this.dataTest}))),i("div",{class:"input__password--icon",onClick:this.toggleEyePassword},i("bds-icon",{size:"small",name:e,color:"inherit"}))),this.renderMessage()))};Object.defineProperty(s,"watchers",{get:function(){return{value:["onChange"]}},enumerable:false,configurable:true});return s}());n.style=o}}}));
1
+ System.register(["./index-241c9f42.system.js"],(function(s){"use strict";var t,e,i,r;return{setters:[function(s){t=s.r;e=s.e;i=s.h;r=s.f}],execute:function(){var o='.sc-bds-input-password-h{display:block}.element_input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-password input.sc-bds-input-password{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-password{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-password: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.sc-bds-input-password{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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-password{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-password:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-password{border:1px solid var(--color-delete, #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.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-disabled.sc-bds-input-password{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5);border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-disabled.sc-bds-input-password:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-password{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-disabled.sc-bds-input-password .input__icon.sc-bds-input-password{background-color:var(--color-surface-1, #ffffff)}.input--state-disabled.sc-bds-input-password .input__container__label.sc-bds-input-password{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--label.sc-bds-input-password{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-password{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-password{padding:4px}.input__container.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-password{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-password{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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text.sc-bds-input-password::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-password:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-password,.input__container__text[type=radio].sc-bds-input-password{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-password{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-password::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-password,.input__container__text[type=button].sc-bds-input-password,.input__container__text[type=submit].sc-bds-input-password{overflow:visible}.input__container__text.sc-bds-input-password::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-password::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-password{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-password bds-typo.sc-bds-input-password{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-password{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-password .bds-icon.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-password .input__message__text.sc-bds-input-password{color:var(--color-delete, #e60f0f)}.input__password--icon.sc-bds-input-password{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex}';var n=s("bds_input_password",function(){function s(s){var i=this;t(this,s);this.bdsInputPasswordChange=e(this,"bdsInputPasswordChange",7);this.bdsInputPasswordInput=e(this,"bdsInputPasswordInput",7);this.bdsInputPasswordBlur=e(this,"bdsInputPasswordBlur",7);this.bdsInputPasswordFocus=e(this,"bdsInputPasswordFocus",7);this.bdsInputPasswordSubmit=e(this,"bdsInputPasswordSubmit",7);this.bdsKeyDownBackspace=e(this,"bdsKeyDownBackspace",7);this.refNativeInput=function(s){i.nativeInput=s};this.toggleEyePassword=function(){if(!i.disabled){i.openEyes=!i.openEyes}};this.onClickWrapper=function(){i.onFocus();if(i.nativeInput){i.nativeInput.focus()}};this.onInput=function(s){var t=s.target;if(t){i.value=t.value||""}i.bdsInputPasswordInput.emit(s)};this.onBlur=function(){i.bdsInputPasswordBlur.emit();i.isPressed=false};this.onFocus=function(){i.bdsInputPasswordFocus.emit();i.isPressed=true};this.onSubmit=function(){i.bdsInputPasswordSubmit.emit()};this.keyPressWrapper=function(s){i.bdsKeyDownBackspace.emit({ev:s,value:i.value})};this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.openEyes=false;this.value="";this.label="";this.inputName="";this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.readonly=false;this.helperMessage="";this.errorMessage="";this.danger=false;this.icon="";this.disabled=false;this.autoCapitalize="off";this.autoComplete="off";this.placeholder="";this.dataTest=null}s.prototype.getAutoComplete=function(){if(!this.openEyes)return"current-password";return this.autoComplete};s.prototype.onChange=function(){this.bdsInputPasswordChange.emit({value:this.value==null?this.value:this.value.toString()})};s.prototype.renderIcon=function(){return this.icon&&i("div",{class:{input__icon:true,"input__icon--large":!!this.label}},i("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};s.prototype.renderLabel=function(){return this.label&&i("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},i("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};s.prototype.renderMessage=function(){var s=this.danger?"error":"info";var t=this.danger?this.errorMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var e=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(t){return i("div",{class:e,part:"input__message"},i("div",{class:"input__message__icon"},i("bds-icon",{size:"x-small",name:s,theme:"solid",color:"inherit"})),i("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};s.prototype.render=function(){var s=this.isPressed&&!this.disabled;var t=this.openEyes?"eye-open":"eye-closed";var e=this.openEyes?"text":"password";var o=this.getAutoComplete();return i(r,null,i("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},i("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":s},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper,part:"input-container"},this.renderIcon(),i("div",{class:"input__container"},this.renderLabel(),i("div",{class:{input__container__wrapper:true}},i("input",{ref:this.refNativeInput,class:{input__container__text:true},type:e,name:this.inputName,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,readOnly:this.readonly,autocomplete:o,autocapitalize:this.autoCapitalize,placeholder:this.placeholder,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur,onSubmit:this.onSubmit,value:this.value,disabled:this.disabled,"data-test":this.dataTest}))),i("div",{class:"input__password--icon",onClick:this.toggleEyePassword},i("bds-icon",{size:"small",name:t,color:"inherit"}))),this.renderMessage()))};Object.defineProperty(s,"watchers",{get:function(){return{value:["onChange"]}},enumerable:false,configurable:true});return s}());n.style=o}}}));
package/dist/blip-ds/bds-input-phone-number.entry.js CHANGED
@@ -1179,7 +1179,7 @@ const countries = {
1179
1179
  }
1180
1180
  };
1181
1181
 
1182
- const inputPhoneNumberCss = ".sc-bds-input-phone-number-h{display:block}.element_input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-phone-number{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-phone-number: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.sc-bds-input-phone-number{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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-primary.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-danger.sc-bds-input-phone-number{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-phone-number:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-phone-number{border:1px solid var(--color-delete, #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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f);background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-danger.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f);-ms-flex-positive:1;flex-grow:1}.input--state-disabled.sc-bds-input-phone-number{opacity:50%;pointer-events:none;cursor:not-allowed;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-phone-number:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-phone-number{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-disabled.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-disabled.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--label.sc-bds-input-phone-number{padding:0}.input__icon.sc-bds-input-phone-number{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-phone-number{padding:4px}.input__container.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-phone-number{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-phone-number{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text.sc-bds-input-phone-number::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-phone-number,.input__container__text[type=radio].sc-bds-input-phone-number{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-phone-number{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-phone-number::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-phone-number,.input__container__text[type=button].sc-bds-input-phone-number,.input__container__text[type=submit].sc-bds-input-phone-number{overflow:visible}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-phone-number bds-typo.sc-bds-input-phone-number{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-phone-number .bds-icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-phone-number .input__message__text.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.select-phone-number.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;border-radius:8px;position:relative;outline:none;min-width:200px}.select-phone-number.sc-bds-input-phone-number bds-input.sc-bds-input-phone-number::part(input-container){position:relative}.select-phone-number__icon.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px;padding-left:12px;cursor:pointer}.select-phone-number__icon.sc-bds-input-phone-number bds-icon.sc-bds-input-phone-number:first-child{margin-right:8px}.select-phone-number__country-code.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);padding-right:5px}.select-phone-number__options.sc-bds-input-phone-number{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);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}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select-phone-number__options--open.sc-bds-input-phone-number{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number{position:relative;height:100%}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number::before,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number::before{content:\"\";background:var(--color-surface-3, #e0e0e0);height:calc(100% - 2px);max-height:54px;width:70px;position:absolute;left:1px;top:1px;border-radius:8px 0px 0px 8px}";
1182
+ const inputPhoneNumberCss = ".sc-bds-input-phone-number-h{display:block}.element_input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-phone-number{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-phone-number: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.sc-bds-input-phone-number{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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-primary.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-danger.sc-bds-input-phone-number{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-phone-number:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-phone-number{border:1px solid var(--color-delete, #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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f);background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-danger.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f);-ms-flex-positive:1;flex-grow:1}.input--state-disabled.sc-bds-input-phone-number{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5);border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-disabled.sc-bds-input-phone-number:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-phone-number{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-disabled.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-disabled.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--label.sc-bds-input-phone-number{padding:0}.input__icon.sc-bds-input-phone-number{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-phone-number{padding:4px}.input__container.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-phone-number{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-phone-number{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text.sc-bds-input-phone-number::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-phone-number,.input__container__text[type=radio].sc-bds-input-phone-number{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-phone-number{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-phone-number::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-phone-number,.input__container__text[type=button].sc-bds-input-phone-number,.input__container__text[type=submit].sc-bds-input-phone-number{overflow:visible}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-phone-number bds-typo.sc-bds-input-phone-number{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-phone-number .bds-icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-phone-number .input__message__text.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.select-phone-number.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;border-radius:8px;position:relative;outline:none;min-width:200px}.select-phone-number.sc-bds-input-phone-number bds-input.sc-bds-input-phone-number::part(input-container){position:relative}.select-phone-number__icon.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px;padding-left:12px;cursor:pointer}.select-phone-number__icon.sc-bds-input-phone-number bds-icon.sc-bds-input-phone-number:first-child{margin-right:8px}.select-phone-number__country-code.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);padding-right:5px}.select-phone-number__options.sc-bds-input-phone-number{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);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}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select-phone-number__options--open.sc-bds-input-phone-number{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number{position:relative;height:100%}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number::before,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number::before{content:\"\";background:var(--color-surface-3, #e0e0e0);height:calc(100% - 2px);max-height:54px;width:70px;position:absolute;left:1px;top:1px;border-radius:8px 0px 0px 8px}";
1183
1183
 
1184
1184
  const InputPhoneNumber = class {
1185
1185
  constructor(hostRef) {
package/dist/blip-ds/bds-input-phone-number.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,o,a,n){function i(e){return e instanceof a?e:new a((function(o){o(e)}))}return new(a||(a=Promise))((function(a,s){function t(e){try{d(n.next(e))}catch(o){s(o)}}function r(e){try{d(n["throw"](e))}catch(o){s(o)}}function d(e){e.done?a(e.value):i(e.value).then(t,r)}d((n=n.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,i,s,t;return t={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function r(e){return function(o){return d([e,o])}}function d(r){if(n)throw new TypeError("Generator is already executing.");while(t&&(t=0,r[0]&&(a=0)),a)try{if(n=1,i&&(s=r[0]&2?i["return"]:r[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,r[1])).done)return s;if(i=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;i=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){a.label=r[1];break}if(r[0]===6&&a.label<s[1]){a.label=s[1];s=r;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(r);break}if(s[2])a.ops.pop();a.trys.pop();continue}r=o.call(e,a)}catch(d){r=[6,d];i=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js","./validations-b01ca3a3.system.js"],(function(e){"use strict";var o,a,n,i,s;return{setters:[function(e){o=e.r;a=e.e;n=e.h;i=e.g},function(e){s=e.n}],execute:function(){var t={"brazil-flag":{code:"+55",name:"Brasil",isoCode:"BR / BRA"},"united-states-flag":{code:"+1",name:"Estados Unidos",isoCode:"US / USA"},"afghanistan-flag":{code:"+93",name:"Afeganistão",isoCode:"AF / AFG"},"south-africa-flag":{code:"+27",name:"África do Sul",isoCode:"ZA / ZAF"},"albania-flag":{code:"+355",name:"Albânia",isoCode:"AL / ALB"},"germany-flag":{code:"+49",name:"Alemanha",isoCode:"DE / DEU"},"andorra-flag":{code:"+376",name:"Andorra",isoCode:"AD / AND"},"angola-flag":{code:"+244",name:"Angola",isoCode:"AO / AGO"},"anguilla-flag":{code:"+1-264",name:"Anguila",isoCode:"AI / AIA"},"antigua-and-barbuda-flag":{code:"+1-268",name:"Antígua e Barbuda",isoCode:"AG / ATG"},"netherlands-antilles-flag":{code:"+599",name:"Antilhas Holandesas",isoCode:"AN / ANT"},"saudi-arabia-flag":{code:"+966",name:"Arábia Saudita",isoCode:"SA / SAU"},"algeria-flag":{code:"+213",name:"Argélia",isoCode:"DZ / DZA"},"argentina-flag":{code:"+54",name:"Argentina",isoCode:"AR / ARG"},"armenia-flag":{code:"+374",name:"Armênia",isoCode:"AM / ARM"},"aruba-flag":{code:"+297",name:"Aruba",isoCode:"AW / ABW"},"australia-flag":{code:"+61",name:"Austrália",isoCode:"AU / AUS"},"austria-flag":{code:"+43",name:"Áustria",isoCode:"AT / AUT"},"azerbaijan-flag":{code:"+994",name:"Azerbaijão",isoCode:"AZ / AZE"},"bahamas-flag":{code:"+1-242",name:"Bahamas",isoCode:"BS / BHS"},"bahrain-flag":{code:"+973",name:"Bahrein",isoCode:"BH / BHR"},"bangladesh-flag":{code:"+880",name:"Bangladesh",isoCode:"BD / BGD"},"barbados-flag":{code:"+1-246",name:"Barbados",isoCode:"BB / BRB"},"belgium-flag":{code:"+32",name:"Bélgica",isoCode:"BE / BEL"},"belize-flag":{code:"+501",name:"Belize",isoCode:"BZ / BLZ"},"benin-flag":{code:"+229",name:"Benim",isoCode:"BJ / BEN"},"bermuda-flag":{code:"+1-441",name:"Bermuda",isoCode:"BM / BMU"},"belarus-flag":{code:"+375",name:"Bielorrússia",isoCode:"BY / BLR"},"bolivia-flag":{code:"+591",name:"Bolívia",isoCode:"BO / BOL"},"bosnia-and-herzegovina-flag":{code:"+387",name:"Bósnia e Herzegovina",isoCode:"BA / BIH"},"botswana-flag":{code:"+267",name:"Botsuana",isoCode:"BW / BWA"},"british-indian-ocean-territory-flag":{code:"+246",name:"Território Britânico do Oceano Índico",isoCode:"IO / IOT"},"british-virgin-islands-flag":{code:"+1-284",name:"Ilhas Virgens Britânicas",isoCode:"VG / VGB"},"brunei-flag":{code:"+673",name:"Brunei",isoCode:"BN / BRN"},"bulgaria-flag":{code:"+359",name:"Bulgária",isoCode:"BG / BGR"},"burkina-faso-flag":{code:"+226",name:"Burkina Faso",isoCode:"BF / BFA"},"burundi-flag":{code:"+257",name:"Burundi",isoCode:"BI / BDI"},"bhutan-flag":{code:"+975",name:"Butão",isoCode:"BT / BTN"},"cape-verde-flag":{code:"+238",name:"Cabo Verde",isoCode:"CV / CPV"},"cameroon-flag":{code:"+237",name:"Camarões",isoCode:"CM / CMR"},"cambodia-flag":{code:"+855",name:"Camboja",isoCode:"KH / KHM"},"canada-flag":{code:"+1",name:"Canadá",isoCode:"CA / CAN"},"qatar-flag":{code:"+974",name:"Catar",isoCode:"QA / QAT"},"kazakhstan-flag":{code:"+7",name:"Cazaquistão",isoCode:"KZ / KAZ"},"chad-flag":{code:"+235",name:"Chade",isoCode:"TD / TCD"},"china-flag":{code:"+86",name:"China",isoCode:"CN / CHN"},"singapore-flag":{code:"+65",name:"Cingapura",isoCode:"SG / SGP"},"colombia-flag":{code:"+57",name:"Colômbia",isoCode:"CO / COL"},"comoros-flag":{code:"+269",name:"Comores",isoCode:"KM / COM"},"north-korea-flag":{code:"+850",name:"Coréia do Norte",isoCode:"KP / PRK"},"ivory-coast-flag":{code:"+225",name:"Costa do Marfim",isoCode:"CI / CIV"},"costa-rica-flag":{code:"+506",name:"Costa Rica",isoCode:"CR / CRI"},"croatia-flag":{code:"+385",name:"Croácia",isoCode:"HR / HRV"},"cuba-flag":{code:"+53",name:"Cuba",isoCode:"CU / CUB"},"curacao-flag":{code:"+599",name:"Curaçao",isoCode:"CW / CUW"},"denmark-flag":{code:"+45",name:"Dinamarca",isoCode:"DK / DNK"},"djibouti-flag":{code:"+253",name:"Djibuti",isoCode:"DJ / DJI"},"dominica-flag":{code:"+1-767",name:"dominica",isoCode:"DM / DMA"},"ecuador-flag":{code:"+593",name:"Equador",isoCode:"EC / ECU"},"egypt-flag":{code:"+20",name:"Egito",isoCode:"EG / EGY"},"el-salvador-flag":{code:"+503",name:"El Salvador",isoCode:"SV / SLV"},"united-arab-emirates-flag":{code:"+971",name:"Emirados Árabes Unidos",isoCode:"AE / ARE"},"eritrea-flag":{code:"+291",name:"Eritreia",isoCode:"ER / ERI"},"spain-flag":{code:"+34",name:"Espanha",isoCode:"ES / ESP"},"slovakia-flag":{code:"+421",name:"Eslováquia",isoCode:"SK / SVK"},"slovenia-flag":{code:"+386",name:"Eslovênia",isoCode:"SI / SVN"},"estonia-flag":{code:"+372",name:"Estônia",isoCode:"EE / EST"},"ethiopia-flag":{code:"+251",name:"Etiópia",isoCode:"ET / ETH"},"fiji-flag":{code:"+679",name:"Fiji",isoCode:"FJ / FJI"},"philippines-flag":{code:"+63",name:"Filipinas",isoCode:"PH / PHL"},"finland-flag":{code:"+358",name:"Finlândia",isoCode:"FI / FIN"},"france-flag":{code:"+33",name:"França",isoCode:"FR / FRA"},"gabon-flag":{code:"+241",name:"Gabão",isoCode:"GA / GAB"},"gambia-flag":{code:"+220",name:"Gâmbia",isoCode:"GM / GMB"},"georgia-flag":{code:"+995",name:"Geórgia",isoCode:"GE / GEO"},"ghana-flag":{code:"+233",name:"Gana",isoCode:"GH / GHA"},"gibraltar-flag":{code:"+350",name:"Gibraltar",isoCode:"GI / GIB"},"grenada-flag":{code:"+1-473",name:"Granada",isoCode:"GD / GRD"},"greece-flag":{code:"+30",name:"Grécia",isoCode:"GR / GRC"},"greenland-flag":{code:"+299",name:"Groenlândia",isoCode:"GL / GRL"},"guam-flag":{code:"+1-671",name:"Guam",isoCode:"GU / GUM"},"guatemala-flag":{code:"+502",name:"Guatemala",isoCode:"GT / GTM"},"guernsey-flag":{code:"+44-1481",name:"Guernsey",isoCode:"GG / GGY"},"guinea-flag":{code:"+224",name:"Guiné",isoCode:"GN / GIN"},"guinea-bissau-flag":{code:"+245",name:"Guiné Bissau",isoCode:"GW / GNB"},"equatorial-guinea-flag":{code:"+240",name:"Guiné Equatorial",isoCode:"GQ / GNQ"},"guyana-flag":{code:"+592",name:"Guiana",isoCode:"GY / GUY"},"haiti-flag":{code:"+509",name:"Haiti",isoCode:"HT / HTI"},"netherlands-flag":{code:"+31",name:"Holanda",isoCode:"NL / NLD"},"honduras-flag":{code:"+504",name:"Honduras",isoCode:"HN / HND"},"hong-kong-flag":{code:"+852",name:"Hong Kong",isoCode:"HK / HKG"},"hungary-flag":{code:"+36",name:"Hungria",isoCode:"HU / HUN"},"iceland-flag":{code:"+354",name:"Islândia",isoCode:"IS / ISL"},"yemen-flag":{code:"+967",name:"Iémen",isoCode:"YE / YEM"},"cayman-islands-flag":{code:"+1-345",name:"Ilhas Cayman",isoCode:"KY / CYM"},"isle-of-man-flag":{code:"+44-1624",name:"Ilha de Man",isoCode:"IM / IMN"},"christmas-island-flag":{code:"+61",name:"Ilha do Natal",isoCode:"CX / CXR"},"cook-islands-flag":{code:"+682",name:"Ilhas Cook",isoCode:"CK / COK"},"falkland-islands-flag":{code:"+500",name:"Ilhas Malvinas",isoCode:"FK / FLK"},"faroe-islands-flag":{code:"+298",name:"ilhas Faroe",isoCode:"FO / FRO"},"marshall-islands-flag":{code:"+692",name:"Ilhas Marshall",isoCode:"MH / MHL"},"northern-mariana-islands-flag":{code:"+1-670",name:"Ilhas Marianas do Norte",isoCode:"MP / MNP"},"solomon-islands-flag":{code:"+677",name:"Ilhas Salomão",isoCode:"SB / SLB"},"turks-and-caicos-islands-flag":{code:"+1-649",name:"Ilhas Turcas e Caicos",isoCode:"TC / TCA"},"u.s.-virgin-islands-flag":{code:"+1-340",name:"Ilhas Virgens Americanas",isoCode:"VI / VIR"},"india-flag":{code:"+91",name:"Índia",isoCode:"IN / IND"},"indonesia-flag":{code:"+62",name:"Indonésia",isoCode:"ID / IDN"},"iran-flag":{code:"+98",name:"Irã",isoCode:"IR / IRN"},"iraq-flag":{code:"+964",name:"Iraque",isoCode:"IQ / IRQ"},"ireland-flag":{code:"+353",name:"Irlanda",isoCode:"IE / IRL"},"israel-flag":{code:"+972",name:"Israel",isoCode:"IL / ISR"},"italy-flag":{code:"+39",name:"Itália",isoCode:"IT / ITA"},"jamaica-flag":{code:"+1-876",name:"Jamaica",isoCode:"JM / JAM"},"japan-flag":{code:"+81",name:"Japão",isoCode:"JP / JPN"},"jersey-flag":{code:"+44-1534",name:"Camisa",isoCode:"JE / JEY"},"jordan-flag":{code:"+962",name:"Jordânia",isoCode:"JO / JOR"},"kiribati-flag":{code:"+686",name:"Kiribati",isoCode:"KI / KIR"},"kosovo-flag":{code:"+383",name:"kosovo",isoCode:"XK / XKX"},"kuwait-flag":{code:"+965",name:"Kuwait",isoCode:"KW / KWT"},"laos-flag":{code:"+856",name:"Laos",isoCode:"LA / LAO"},"latvia-flag":{code:"+371",name:"Letônia",isoCode:"LV / LVA"},"lebanon-flag":{code:"+961",name:"Líbano",isoCode:"LB / LBN"},"lesotho-flag":{code:"+266",name:"Lesoto",isoCode:"LS / LSO"},"liberia-flag":{code:"+231",name:"Libéria",isoCode:"LR / LBR"},"libya-flag":{code:"+218",name:"Líbia",isoCode:"LY / LBY"},"liechtenstein-flag":{code:"+423",name:"Liechtenstein",isoCode:"LI / LIE"},"lithuania-flag":{code:"+370",name:"Lituânia",isoCode:"LT / LTU"},"luxembourg-flag":{code:"+352",name:"Luxemburgo",isoCode:"LU / LUX"},"macau-flag":{code:"+853",name:"Macau",isoCode:"MO / MAC"},"macedonia-flag":{code:"+389",name:"macedônia",isoCode:"MK / MKD"},"madagascar-flag":{code:"+261",name:"Madagáscar",isoCode:"MG / MDG"},"malawi-flag":{code:"+265",name:"maláui",isoCode:"MW / MWI"},"malaysia-flag":{code:"+60",name:"Malásia",isoCode:"MY / MYS"},"maldives-flag":{code:"+960",name:"Maldivas",isoCode:"MV / MDV"},"mali-flag":{code:"+223",name:"Mali",isoCode:"ML / MLI"},"malta-flag":{code:"+356",name:"Malta",isoCode:"MT / MLT"},"mauritania-flag":{code:"+222",name:"Mauritânia",isoCode:"MR / MRT"},"mauritius-flag":{code:"+230",name:"maurício",isoCode:"MU / MUS"},"mayotte-flag":{code:"+262",name:"Maiote",isoCode:"YT / MYT"},"mexico-flag":{code:"+52",name:"México",isoCode:"MX / MEX"},"micronesia-flag":{code:"+691",name:"Micronésia",isoCode:"FM / FSM"},"moldova-flag":{code:"+373",name:"Moldávia",isoCode:"MD / MDA"},"monaco-flag":{code:"+377",name:"Mônaco",isoCode:"MC / MCO"},"mongolia-flag":{code:"+976",name:"Mongólia",isoCode:"MN / MNG"},"montenegro-flag":{code:"+382",name:"Montenegro",isoCode:"ME / MNE"},"montserrat-flag":{code:"+1-664",name:"Montserrat",isoCode:"MS / MSR"},"morocco-flag":{code:"+212",name:"Marrocos",isoCode:"MA / MAR"},"mozambique-flag":{code:"+258",name:"Moçambique",isoCode:"MZ / MOZ"},"myanmar-flag":{code:"+95",name:"Mianmar",isoCode:"MM / MMR"},"namibia-flag":{code:"+264",name:"Namíbia",isoCode:"NA / NAM"},"nauru-flag":{code:"+674",name:"Nauru",isoCode:"NR / NRU"},"nepal-flag":{code:"+977",name:"Nepal",isoCode:"NP / NPL"},"nicaragua-flag":{code:"+505",name:"Nicarágua",isoCode:"NI / NIC"},"niger-flag":{code:"+227",name:"Níger",isoCode:"NE / NER"},"nigeria-flag":{code:"+234",name:"Nigéria",isoCode:"NG / NGA"},"niue-flag":{code:"+683",name:"Niue",isoCode:"NU / NIU"},"norway-flag":{code:"+47",name:"Noruega",isoCode:"NO / NOR"},"new-caledonia-flag":{code:"+687",name:"Nova Caledônia",isoCode:"NC / NCL"},"new-zealand-flag":{code:"+64",name:"Nova Zelândia",isoCode:"NZ / NZL"},"oman-flag":{code:"+968",name:"Omã",isoCode:"OM / OMN"},"pakistan-flag":{code:"+92",name:"Paquistão",isoCode:"PK / PAK"},"palau-flag":{code:"+680",name:"Palau",isoCode:"PW / PLW"},"palestine-flag":{code:"+970",name:"Palestina",isoCode:"PS / PSE"},"panama-flag":{code:"+507",name:"Panamá",isoCode:"PA / PAN"},"papua-new-guinea-flag":{code:"+675",name:"Papua Nova Guiné",isoCode:"PG / PNG"},"paraguay-flag":{code:"+595",name:"Paraguai",isoCode:"PY / PRY"},"peru-flag":{code:"+51",name:"Peru",isoCode:"PE / PER"},"pitcairn-flag":{code:"+64",name:"Pitcairn",isoCode:"PN / PCN"},"poland-flag":{code:"+48",name:"Polônia",isoCode:"PL / POL"},"french-polynesia-flag":{code:"+689",name:"Polinésia Francesa",isoCode:"PF / PYF"},"portugal-flag":{code:"+351",name:"Portugal",isoCode:"PT / PRT"},"puerto-rico-flag":{code:"+1-787",name:"Porto Rico",isoCode:"PR / PRI"},"kenya-flag":{code:"+254",name:"Quênia",isoCode:"KE / KEN"},"kyrgyzstan-flag":{code:"+996",name:"Quirguistão",isoCode:"KG / KGZ"},"central-african-republic-flag":{code:"+236",name:"República Centro-Africana",isoCode:"CF / CAF"},"czech-republic-flag":{code:"+420",name:"República Checa",isoCode:"CZ / CZE"},"dominican-republic-flag":{code:"+1-809",name:"República Dominicana",isoCode:"DO / DOM"},"united-kingdom-flag":{code:"+44",name:"Reino Unido",isoCode:"GB / GBR"},"republic-of-the-congo-flag":{code:"+242",name:"República do congo",isoCode:"CG / COG"},"reunion-flag":{code:"+262",name:"Reunião",isoCode:"RE / REU"},"romania-flag":{code:"+40",name:"Romênia",isoCode:"RO / ROU"},"russia-flag":{code:"+7",name:"Rússia",isoCode:"RU / RUS"},"rwanda-flag":{code:"+250",name:"Ruanda",isoCode:"RW / RWA"},"western-sahara-flag":{code:"+212",name:"Saara Ocidental",isoCode:"EH / ESH"},"saint-barthelemy-flag":{code:"+590",name:"São Bartolomeu",isoCode:"BL / BLM"},"saint-helena-flag":{code:"+290",name:"Santa Helena",isoCode:"SH / SHN"},"saint-kitts-and-nevis-flag":{code:"+1-869",name:"São Cristóvão e Nevis",isoCode:"KN / KNA"},"saint-lucia-flag":{code:"+1-758",name:"Santa Lúcia",isoCode:"LC / LCA"},"saint-martin-flag":{code:"+590",name:"são Martinho",isoCode:"MF / MAF"},"saint-pierre-and-miquelon-flag":{code:"+508",name:"São Pedro e Miquelon",isoCode:"PM / SPM"},"saint-vincent-and-the-grenadines-flag":{code:"+1-784",name:"São Vicente e Granadinas",isoCode:"VC / VCT"},"samoa-flag":{code:"+685",name:"Samoa",isoCode:"WS / WSM"},"american-samoa-flag":{code:"+1-684",name:"Samoa Americana",isoCode:"AS / ASM"},"san-marino-flag":{code:"+378",name:"São marino",isoCode:"SM / SMR"},"sao-tome-and-principe-flag":{code:"+239",name:"São Tomé e Príncipe",isoCode:"ST / STP"},"senegal-flag":{code:"+221",name:"Senegal",isoCode:"SN / SEN"},"serbia-flag":{code:"+381",name:"Sérvia",isoCode:"RS / SRB"},"seychelles-flag":{code:"+248",name:"Seychelles",isoCode:"SC / SYC"},"sierra-leone-flag":{code:"+232",name:"Serra Leoa",isoCode:"SL / SLE"},"sint-maarten-flag":{code:"+1-721",name:"Sint Maarten",isoCode:"SX / SXM"},"somalia-flag":{code:"+252",name:"Somália",isoCode:"SO / SOM"},"south-korea-flag":{code:"+82",name:"Coreia do Sul",isoCode:"KR / KOR"},"south-sudan-flag":{code:"+211",name:"Sudão do Sul",isoCode:"SS / SSD"},"sri-lanka-flag":{code:"+94",name:"Sri Lanka",isoCode:"LK / LKA"},"sudan-flag":{code:"+249",name:"Sudão",isoCode:"SD / SDN"},"suriname-flag":{code:"+597",name:"Suriname",isoCode:"SR / SUR"},"svalbard-and-jan-mayen-flag":{code:"+47",name:"Svalbard e Jan Mayen",isoCode:"SJ / SJM"},"swaziland-flag":{code:"+268",name:"Suazilândia",isoCode:"SZ / SWZ"},"sweden-flag":{code:"+46",name:"Suécia",isoCode:"SE / SWE"},"switzerland-flag":{code:"+41",name:"Suíça",isoCode:"CH / CHE"},"syria-flag":{code:"+963",name:"Síria",isoCode:"SY / SYR"},"taiwan-flag":{code:"+886",name:"Taiwan",isoCode:"TW / TWN"},"tajikistan-flag":{code:"+992",name:"Tadjiquistão",isoCode:"TJ / TJK"},"tanzania-flag":{code:"+255",name:"Tanzânia",isoCode:"TZ / TZA"},"thailand-flag":{code:"+66",name:"tailândia",isoCode:"TH / THA"},"east-timor-flag":{code:"+670",name:"Timor Leste",isoCode:"TL / TLS"},"togo-flag":{code:"+228",name:"Togo",isoCode:"TG / TGO"},"tokelau-flag":{code:"+690",name:"Toquelau",isoCode:"TK / TKL"},"tonga-flag":{code:"+676",name:"Tonga",isoCode:"TO / TON"},"trinidad-and-tobago-flag":{code:"+1-868",name:"Trindade e Tobago",isoCode:"TT / TTO"},"tunisia-flag":{code:"+216",name:"Tunísia",isoCode:"TN / TUN"},"turkey-flag":{code:"+90",name:"Turquia",isoCode:"TR / TUR"},"turkmenistan-flag":{code:"+993",name:"Turquemenistão",isoCode:"TM / TKM"},"tuvalu-flag":{code:"+688",name:"Tuvalu",isoCode:"TV / TUV"},"uganda-flag":{code:"+256",name:"Uganda",isoCode:"UG / UGA"},"ukraine-flag":{code:"+380",name:"Ucrânia",isoCode:"UA / UKR"},"uruguay-flag":{code:"+598",name:"Uruguai",isoCode:"UY / URY"},"uzbekistan-flag":{code:"+998",name:"Uzbequistão",isoCode:"UZ / UZB"},"vanuatu-flag":{code:"+678",name:"Vanuatu",isoCode:"VU / VUT"},"vatican-flag":{code:"+379",name:"Vaticano",isoCode:"VA / VAT"},"venezuela-flag":{code:"+58",name:"Venezuela",isoCode:"VE / VEN"},"vietnam-flag":{code:"+84",name:"Vietnã",isoCode:"VN / VNM"},"wallis-and-futuna-flag":{code:"+681",name:"Wallis e Futuna",isoCode:"WF / WLF"},"zambia-flag":{code:"+260",name:"Zâmbia",isoCode:"ZM / ZMB"},"zimbabwe-flag":{code:"+263",name:"Zimbábue",isoCode:"ZW / ZWE"}};var r='.sc-bds-input-phone-number-h{display:block}.element_input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-phone-number{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-phone-number: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.sc-bds-input-phone-number{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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-primary.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-danger.sc-bds-input-phone-number{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-phone-number:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-phone-number{border:1px solid var(--color-delete, #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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f);background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-danger.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f);-ms-flex-positive:1;flex-grow:1}.input--state-disabled.sc-bds-input-phone-number{opacity:50%;pointer-events:none;cursor:not-allowed;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-phone-number:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-phone-number{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-disabled.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-disabled.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--label.sc-bds-input-phone-number{padding:0}.input__icon.sc-bds-input-phone-number{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-phone-number{padding:4px}.input__container.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-phone-number{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-phone-number{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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text.sc-bds-input-phone-number::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-phone-number,.input__container__text[type=radio].sc-bds-input-phone-number{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-phone-number{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-phone-number::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-phone-number,.input__container__text[type=button].sc-bds-input-phone-number,.input__container__text[type=submit].sc-bds-input-phone-number{overflow:visible}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-phone-number bds-typo.sc-bds-input-phone-number{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-phone-number .bds-icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-phone-number .input__message__text.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.select-phone-number.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;border-radius:8px;position:relative;outline:none;min-width:200px}.select-phone-number.sc-bds-input-phone-number bds-input.sc-bds-input-phone-number::part(input-container){position:relative}.select-phone-number__icon.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px;padding-left:12px;cursor:pointer}.select-phone-number__icon.sc-bds-input-phone-number bds-icon.sc-bds-input-phone-number:first-child{margin-right:8px}.select-phone-number__country-code.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);padding-right:5px}.select-phone-number__options.sc-bds-input-phone-number{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);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}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select-phone-number__options--open.sc-bds-input-phone-number{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number{position:relative;height:100%}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number::before,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number::before{content:"";background:var(--color-surface-3, #e0e0e0);height:calc(100% - 2px);max-height:54px;width:70px;position:absolute;left:1px;top:1px;border-radius:8px 0px 0px 8px}';var d=e("bds_input_phone_number",function(){function e(e){var n=this;o(this,e);this.bdsPhoneNumberChange=a(this,"bdsPhoneNumberChange",7);this.bdsInput=a(this,"bdsInput",7);this.bdsCancel=a(this,"bdsCancel",7);this.bdsFocus=a(this,"bdsFocus",7);this.bdsBlur=a(this,"bdsBlur",7);this.refNativeInput=function(e){n.nativeInput=e};this.onClickWrapper=function(){n.onFocus();if(n.nativeInput){n.nativeInput.focus()}};this.onFocus=function(){n.bdsFocus.emit();n.isPressed=true};this.onBlur=function(){n.bdsBlur.emit();n.isPressed=false};this.changedInputValue=function(e){return __awaiter(n,void 0,void 0,(function(){var o;return __generator(this,(function(a){o=e.target;this.checkValidity();if(o){this.text=o.value||"";this.numberValidation()}this.bdsInput.emit(e);return[2]}))}))};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};this.handler=function(e){var o=e.detail.value;n.value=o.code;n.selectedCountry=o.flag;n.isoCode=o.isoCode;n.bdsPhoneNumberChange.emit({value:n.text,code:n.value,isoCode:n.isoCode,country:n.selectedCountry});n.toggle()};this.setFocusWrapper=function(){if(n.nativeInput){n.nativeInput.focus();n.onBlur()}};this.removeFocusWrapper=function(e){var o=e.relatedTarget.localName==="bds-input";if(n.nativeInput&&!o){n.onBlur()}};this.keyPressWrapper=function(e){var o=e.target.localName==="bds-select";var a=e.target.localName==="input";switch(e.key){case"Enter":if(!n.isOpen&&(o||a)){n.toggle()}break}};this.isOpen=false;this.selectedCountry=undefined;this.isoCode=undefined;this.isPressed=false;this.validationDanger=false;this.validationMesage="";this.options=[];this.text="";this.value="+55";this.danger=false;this.disabled=false;this.required=undefined;this.helperMessage="";this.errorMessage="";this.requiredErrorMessage=undefined;this.numberErrorMessage=undefined;this.dataTest=null;this.label="Phone number";this.icon=""}e.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onBlur();return[2]}))}))};e.prototype.valueChanged=function(){for(var e=0,o=this.childOptions;e<o.length;e++){var a=o[e];a.selected=this.value===a.value}};e.prototype.handleWindow=function(e){if(!this.el.contains(e.target)){this.isOpen=false}};e.prototype.componentWillRender=function(){var e=t;var o=Object.keys(e);this.selectedCountry=this.selectedCountry||o[0];this.isoCode=this.isoCode||o[0]};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,o,a;return __generator(this,(function(n){for(e=0,o=this.childOptions;e<o.length;e++){a=o[e];a.selected=this.value===a.value}return[2]}))}))};Object.defineProperty(e.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});e.prototype.handleInputChange=function(){this.bdsPhoneNumberChange.emit({value:this.text,code:this.value,isoCode:this.isoCode,country:this.selectedCountry})};e.prototype.numberValidation=function(){if(s(this.nativeInput.value)){this.validationMesage=this.numberErrorMessage;this.validationDanger=true}else{this.validationDanger=false}};e.prototype.changeCountry=function(e,o,a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.value=e;this.selectedCountry=a;this.isoCode=o;this.bdsPhoneNumberChange.emit({value:this.text,code:this.value,isoCode:this.isoCode,country:this.selectedCountry});return[2]}))}))};e.prototype.checkValidity=function(){if(this.nativeInput.validity.valid){this.validationDanger=false}};e.prototype.renderIcon=function(){return this.icon&&n("div",{class:{input__icon:true,"input__icon--large":!!this.label}},n("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&n("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},n("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":"info";var o=this.danger?this.errorMessage:this.helperMessage;if(!o&&this.validationDanger)o=this.validationMesage;var a=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(o){return n("div",{class:a,part:"input__message"},n("div",{class:"input__message__icon"},n("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),n("bds-typo",{class:"input__message__text",variant:"fs-12"},o))}return undefined};e.prototype.render=function(){var e=this;var o=this.isPressed&&!this.disabled;var a=this.isOpen?"arrow-up":"arrow-down";var i=t;var s=Object.keys(i);return n("div",{class:{"select-phone-number":true,"select-phone-number--pressed":this.isPressed},tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onKeyPress:this.keyPressWrapper},n("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},n("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":o},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper,part:"input-container"},this.renderIcon(),n("div",{onClick:this.toggle,class:"select-phone-number__icon"},n("bds-icon",{size:"medium",theme:"solid",name:this.selectedCountry,color:"primary"}),n("bds-icon",{size:"x-small",name:a})),n("div",{class:"input__container"},this.renderLabel(),n("div",{class:{input__container__wrapper:true}},n("div",{class:"select-phone-number__country-code"},n("bds-typo",{variant:"fs-14"},this.value)),n("input",Object.assign({class:{input__container__text:true},type:"phonenumber",required:this.required,pattern:"/^(\\(?\\+?[0-9]*\\)?)?[0-9_\\- \\(\\)]*$/",ref:this.refNativeInput,onInput:this.changedInputValue,onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,"data-test":this.dataTest},{maxlength:this.value==="+55"?25:null})))),n("slot",{name:"input-right"})),this.renderMessage()),n("div",{class:{"select-phone-number__options":true,"select-phone-number__options--open":this.isOpen}},this.isOpen&&s.map((function(o){return n("bds-select-option",{key:o,onOptionSelected:e.handler,selected:o==e.selectedCountry,value:{code:i[o].code,isoCode:i[o].isoCode,flag:o},status:i[o].isoCode},i[o].name," ",i[o].code)}))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],text:["handleInputChange"]}},enumerable:false,configurable:true});return e}());d.style=r}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,o,a,n){function i(e){return e instanceof a?e:new a((function(o){o(e)}))}return new(a||(a=Promise))((function(a,s){function t(e){try{d(n.next(e))}catch(o){s(o)}}function r(e){try{d(n["throw"](e))}catch(o){s(o)}}function d(e){e.done?a(e.value):i(e.value).then(t,r)}d((n=n.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,i,s,t;return t={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function r(e){return function(o){return d([e,o])}}function d(r){if(n)throw new TypeError("Generator is already executing.");while(t&&(t=0,r[0]&&(a=0)),a)try{if(n=1,i&&(s=r[0]&2?i["return"]:r[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,r[1])).done)return s;if(i=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;i=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){a.label=r[1];break}if(r[0]===6&&a.label<s[1]){a.label=s[1];s=r;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(r);break}if(s[2])a.ops.pop();a.trys.pop();continue}r=o.call(e,a)}catch(d){r=[6,d];i=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js","./validations-b01ca3a3.system.js"],(function(e){"use strict";var o,a,n,i,s;return{setters:[function(e){o=e.r;a=e.e;n=e.h;i=e.g},function(e){s=e.n}],execute:function(){var t={"brazil-flag":{code:"+55",name:"Brasil",isoCode:"BR / BRA"},"united-states-flag":{code:"+1",name:"Estados Unidos",isoCode:"US / USA"},"afghanistan-flag":{code:"+93",name:"Afeganistão",isoCode:"AF / AFG"},"south-africa-flag":{code:"+27",name:"África do Sul",isoCode:"ZA / ZAF"},"albania-flag":{code:"+355",name:"Albânia",isoCode:"AL / ALB"},"germany-flag":{code:"+49",name:"Alemanha",isoCode:"DE / DEU"},"andorra-flag":{code:"+376",name:"Andorra",isoCode:"AD / AND"},"angola-flag":{code:"+244",name:"Angola",isoCode:"AO / AGO"},"anguilla-flag":{code:"+1-264",name:"Anguila",isoCode:"AI / AIA"},"antigua-and-barbuda-flag":{code:"+1-268",name:"Antígua e Barbuda",isoCode:"AG / ATG"},"netherlands-antilles-flag":{code:"+599",name:"Antilhas Holandesas",isoCode:"AN / ANT"},"saudi-arabia-flag":{code:"+966",name:"Arábia Saudita",isoCode:"SA / SAU"},"algeria-flag":{code:"+213",name:"Argélia",isoCode:"DZ / DZA"},"argentina-flag":{code:"+54",name:"Argentina",isoCode:"AR / ARG"},"armenia-flag":{code:"+374",name:"Armênia",isoCode:"AM / ARM"},"aruba-flag":{code:"+297",name:"Aruba",isoCode:"AW / ABW"},"australia-flag":{code:"+61",name:"Austrália",isoCode:"AU / AUS"},"austria-flag":{code:"+43",name:"Áustria",isoCode:"AT / AUT"},"azerbaijan-flag":{code:"+994",name:"Azerbaijão",isoCode:"AZ / AZE"},"bahamas-flag":{code:"+1-242",name:"Bahamas",isoCode:"BS / BHS"},"bahrain-flag":{code:"+973",name:"Bahrein",isoCode:"BH / BHR"},"bangladesh-flag":{code:"+880",name:"Bangladesh",isoCode:"BD / BGD"},"barbados-flag":{code:"+1-246",name:"Barbados",isoCode:"BB / BRB"},"belgium-flag":{code:"+32",name:"Bélgica",isoCode:"BE / BEL"},"belize-flag":{code:"+501",name:"Belize",isoCode:"BZ / BLZ"},"benin-flag":{code:"+229",name:"Benim",isoCode:"BJ / BEN"},"bermuda-flag":{code:"+1-441",name:"Bermuda",isoCode:"BM / BMU"},"belarus-flag":{code:"+375",name:"Bielorrússia",isoCode:"BY / BLR"},"bolivia-flag":{code:"+591",name:"Bolívia",isoCode:"BO / BOL"},"bosnia-and-herzegovina-flag":{code:"+387",name:"Bósnia e Herzegovina",isoCode:"BA / BIH"},"botswana-flag":{code:"+267",name:"Botsuana",isoCode:"BW / BWA"},"british-indian-ocean-territory-flag":{code:"+246",name:"Território Britânico do Oceano Índico",isoCode:"IO / IOT"},"british-virgin-islands-flag":{code:"+1-284",name:"Ilhas Virgens Britânicas",isoCode:"VG / VGB"},"brunei-flag":{code:"+673",name:"Brunei",isoCode:"BN / BRN"},"bulgaria-flag":{code:"+359",name:"Bulgária",isoCode:"BG / BGR"},"burkina-faso-flag":{code:"+226",name:"Burkina Faso",isoCode:"BF / BFA"},"burundi-flag":{code:"+257",name:"Burundi",isoCode:"BI / BDI"},"bhutan-flag":{code:"+975",name:"Butão",isoCode:"BT / BTN"},"cape-verde-flag":{code:"+238",name:"Cabo Verde",isoCode:"CV / CPV"},"cameroon-flag":{code:"+237",name:"Camarões",isoCode:"CM / CMR"},"cambodia-flag":{code:"+855",name:"Camboja",isoCode:"KH / KHM"},"canada-flag":{code:"+1",name:"Canadá",isoCode:"CA / CAN"},"qatar-flag":{code:"+974",name:"Catar",isoCode:"QA / QAT"},"kazakhstan-flag":{code:"+7",name:"Cazaquistão",isoCode:"KZ / KAZ"},"chad-flag":{code:"+235",name:"Chade",isoCode:"TD / TCD"},"china-flag":{code:"+86",name:"China",isoCode:"CN / CHN"},"singapore-flag":{code:"+65",name:"Cingapura",isoCode:"SG / SGP"},"colombia-flag":{code:"+57",name:"Colômbia",isoCode:"CO / COL"},"comoros-flag":{code:"+269",name:"Comores",isoCode:"KM / COM"},"north-korea-flag":{code:"+850",name:"Coréia do Norte",isoCode:"KP / PRK"},"ivory-coast-flag":{code:"+225",name:"Costa do Marfim",isoCode:"CI / CIV"},"costa-rica-flag":{code:"+506",name:"Costa Rica",isoCode:"CR / CRI"},"croatia-flag":{code:"+385",name:"Croácia",isoCode:"HR / HRV"},"cuba-flag":{code:"+53",name:"Cuba",isoCode:"CU / CUB"},"curacao-flag":{code:"+599",name:"Curaçao",isoCode:"CW / CUW"},"denmark-flag":{code:"+45",name:"Dinamarca",isoCode:"DK / DNK"},"djibouti-flag":{code:"+253",name:"Djibuti",isoCode:"DJ / DJI"},"dominica-flag":{code:"+1-767",name:"dominica",isoCode:"DM / DMA"},"ecuador-flag":{code:"+593",name:"Equador",isoCode:"EC / ECU"},"egypt-flag":{code:"+20",name:"Egito",isoCode:"EG / EGY"},"el-salvador-flag":{code:"+503",name:"El Salvador",isoCode:"SV / SLV"},"united-arab-emirates-flag":{code:"+971",name:"Emirados Árabes Unidos",isoCode:"AE / ARE"},"eritrea-flag":{code:"+291",name:"Eritreia",isoCode:"ER / ERI"},"spain-flag":{code:"+34",name:"Espanha",isoCode:"ES / ESP"},"slovakia-flag":{code:"+421",name:"Eslováquia",isoCode:"SK / SVK"},"slovenia-flag":{code:"+386",name:"Eslovênia",isoCode:"SI / SVN"},"estonia-flag":{code:"+372",name:"Estônia",isoCode:"EE / EST"},"ethiopia-flag":{code:"+251",name:"Etiópia",isoCode:"ET / ETH"},"fiji-flag":{code:"+679",name:"Fiji",isoCode:"FJ / FJI"},"philippines-flag":{code:"+63",name:"Filipinas",isoCode:"PH / PHL"},"finland-flag":{code:"+358",name:"Finlândia",isoCode:"FI / FIN"},"france-flag":{code:"+33",name:"França",isoCode:"FR / FRA"},"gabon-flag":{code:"+241",name:"Gabão",isoCode:"GA / GAB"},"gambia-flag":{code:"+220",name:"Gâmbia",isoCode:"GM / GMB"},"georgia-flag":{code:"+995",name:"Geórgia",isoCode:"GE / GEO"},"ghana-flag":{code:"+233",name:"Gana",isoCode:"GH / GHA"},"gibraltar-flag":{code:"+350",name:"Gibraltar",isoCode:"GI / GIB"},"grenada-flag":{code:"+1-473",name:"Granada",isoCode:"GD / GRD"},"greece-flag":{code:"+30",name:"Grécia",isoCode:"GR / GRC"},"greenland-flag":{code:"+299",name:"Groenlândia",isoCode:"GL / GRL"},"guam-flag":{code:"+1-671",name:"Guam",isoCode:"GU / GUM"},"guatemala-flag":{code:"+502",name:"Guatemala",isoCode:"GT / GTM"},"guernsey-flag":{code:"+44-1481",name:"Guernsey",isoCode:"GG / GGY"},"guinea-flag":{code:"+224",name:"Guiné",isoCode:"GN / GIN"},"guinea-bissau-flag":{code:"+245",name:"Guiné Bissau",isoCode:"GW / GNB"},"equatorial-guinea-flag":{code:"+240",name:"Guiné Equatorial",isoCode:"GQ / GNQ"},"guyana-flag":{code:"+592",name:"Guiana",isoCode:"GY / GUY"},"haiti-flag":{code:"+509",name:"Haiti",isoCode:"HT / HTI"},"netherlands-flag":{code:"+31",name:"Holanda",isoCode:"NL / NLD"},"honduras-flag":{code:"+504",name:"Honduras",isoCode:"HN / HND"},"hong-kong-flag":{code:"+852",name:"Hong Kong",isoCode:"HK / HKG"},"hungary-flag":{code:"+36",name:"Hungria",isoCode:"HU / HUN"},"iceland-flag":{code:"+354",name:"Islândia",isoCode:"IS / ISL"},"yemen-flag":{code:"+967",name:"Iémen",isoCode:"YE / YEM"},"cayman-islands-flag":{code:"+1-345",name:"Ilhas Cayman",isoCode:"KY / CYM"},"isle-of-man-flag":{code:"+44-1624",name:"Ilha de Man",isoCode:"IM / IMN"},"christmas-island-flag":{code:"+61",name:"Ilha do Natal",isoCode:"CX / CXR"},"cook-islands-flag":{code:"+682",name:"Ilhas Cook",isoCode:"CK / COK"},"falkland-islands-flag":{code:"+500",name:"Ilhas Malvinas",isoCode:"FK / FLK"},"faroe-islands-flag":{code:"+298",name:"ilhas Faroe",isoCode:"FO / FRO"},"marshall-islands-flag":{code:"+692",name:"Ilhas Marshall",isoCode:"MH / MHL"},"northern-mariana-islands-flag":{code:"+1-670",name:"Ilhas Marianas do Norte",isoCode:"MP / MNP"},"solomon-islands-flag":{code:"+677",name:"Ilhas Salomão",isoCode:"SB / SLB"},"turks-and-caicos-islands-flag":{code:"+1-649",name:"Ilhas Turcas e Caicos",isoCode:"TC / TCA"},"u.s.-virgin-islands-flag":{code:"+1-340",name:"Ilhas Virgens Americanas",isoCode:"VI / VIR"},"india-flag":{code:"+91",name:"Índia",isoCode:"IN / IND"},"indonesia-flag":{code:"+62",name:"Indonésia",isoCode:"ID / IDN"},"iran-flag":{code:"+98",name:"Irã",isoCode:"IR / IRN"},"iraq-flag":{code:"+964",name:"Iraque",isoCode:"IQ / IRQ"},"ireland-flag":{code:"+353",name:"Irlanda",isoCode:"IE / IRL"},"israel-flag":{code:"+972",name:"Israel",isoCode:"IL / ISR"},"italy-flag":{code:"+39",name:"Itália",isoCode:"IT / ITA"},"jamaica-flag":{code:"+1-876",name:"Jamaica",isoCode:"JM / JAM"},"japan-flag":{code:"+81",name:"Japão",isoCode:"JP / JPN"},"jersey-flag":{code:"+44-1534",name:"Camisa",isoCode:"JE / JEY"},"jordan-flag":{code:"+962",name:"Jordânia",isoCode:"JO / JOR"},"kiribati-flag":{code:"+686",name:"Kiribati",isoCode:"KI / KIR"},"kosovo-flag":{code:"+383",name:"kosovo",isoCode:"XK / XKX"},"kuwait-flag":{code:"+965",name:"Kuwait",isoCode:"KW / KWT"},"laos-flag":{code:"+856",name:"Laos",isoCode:"LA / LAO"},"latvia-flag":{code:"+371",name:"Letônia",isoCode:"LV / LVA"},"lebanon-flag":{code:"+961",name:"Líbano",isoCode:"LB / LBN"},"lesotho-flag":{code:"+266",name:"Lesoto",isoCode:"LS / LSO"},"liberia-flag":{code:"+231",name:"Libéria",isoCode:"LR / LBR"},"libya-flag":{code:"+218",name:"Líbia",isoCode:"LY / LBY"},"liechtenstein-flag":{code:"+423",name:"Liechtenstein",isoCode:"LI / LIE"},"lithuania-flag":{code:"+370",name:"Lituânia",isoCode:"LT / LTU"},"luxembourg-flag":{code:"+352",name:"Luxemburgo",isoCode:"LU / LUX"},"macau-flag":{code:"+853",name:"Macau",isoCode:"MO / MAC"},"macedonia-flag":{code:"+389",name:"macedônia",isoCode:"MK / MKD"},"madagascar-flag":{code:"+261",name:"Madagáscar",isoCode:"MG / MDG"},"malawi-flag":{code:"+265",name:"maláui",isoCode:"MW / MWI"},"malaysia-flag":{code:"+60",name:"Malásia",isoCode:"MY / MYS"},"maldives-flag":{code:"+960",name:"Maldivas",isoCode:"MV / MDV"},"mali-flag":{code:"+223",name:"Mali",isoCode:"ML / MLI"},"malta-flag":{code:"+356",name:"Malta",isoCode:"MT / MLT"},"mauritania-flag":{code:"+222",name:"Mauritânia",isoCode:"MR / MRT"},"mauritius-flag":{code:"+230",name:"maurício",isoCode:"MU / MUS"},"mayotte-flag":{code:"+262",name:"Maiote",isoCode:"YT / MYT"},"mexico-flag":{code:"+52",name:"México",isoCode:"MX / MEX"},"micronesia-flag":{code:"+691",name:"Micronésia",isoCode:"FM / FSM"},"moldova-flag":{code:"+373",name:"Moldávia",isoCode:"MD / MDA"},"monaco-flag":{code:"+377",name:"Mônaco",isoCode:"MC / MCO"},"mongolia-flag":{code:"+976",name:"Mongólia",isoCode:"MN / MNG"},"montenegro-flag":{code:"+382",name:"Montenegro",isoCode:"ME / MNE"},"montserrat-flag":{code:"+1-664",name:"Montserrat",isoCode:"MS / MSR"},"morocco-flag":{code:"+212",name:"Marrocos",isoCode:"MA / MAR"},"mozambique-flag":{code:"+258",name:"Moçambique",isoCode:"MZ / MOZ"},"myanmar-flag":{code:"+95",name:"Mianmar",isoCode:"MM / MMR"},"namibia-flag":{code:"+264",name:"Namíbia",isoCode:"NA / NAM"},"nauru-flag":{code:"+674",name:"Nauru",isoCode:"NR / NRU"},"nepal-flag":{code:"+977",name:"Nepal",isoCode:"NP / NPL"},"nicaragua-flag":{code:"+505",name:"Nicarágua",isoCode:"NI / NIC"},"niger-flag":{code:"+227",name:"Níger",isoCode:"NE / NER"},"nigeria-flag":{code:"+234",name:"Nigéria",isoCode:"NG / NGA"},"niue-flag":{code:"+683",name:"Niue",isoCode:"NU / NIU"},"norway-flag":{code:"+47",name:"Noruega",isoCode:"NO / NOR"},"new-caledonia-flag":{code:"+687",name:"Nova Caledônia",isoCode:"NC / NCL"},"new-zealand-flag":{code:"+64",name:"Nova Zelândia",isoCode:"NZ / NZL"},"oman-flag":{code:"+968",name:"Omã",isoCode:"OM / OMN"},"pakistan-flag":{code:"+92",name:"Paquistão",isoCode:"PK / PAK"},"palau-flag":{code:"+680",name:"Palau",isoCode:"PW / PLW"},"palestine-flag":{code:"+970",name:"Palestina",isoCode:"PS / PSE"},"panama-flag":{code:"+507",name:"Panamá",isoCode:"PA / PAN"},"papua-new-guinea-flag":{code:"+675",name:"Papua Nova Guiné",isoCode:"PG / PNG"},"paraguay-flag":{code:"+595",name:"Paraguai",isoCode:"PY / PRY"},"peru-flag":{code:"+51",name:"Peru",isoCode:"PE / PER"},"pitcairn-flag":{code:"+64",name:"Pitcairn",isoCode:"PN / PCN"},"poland-flag":{code:"+48",name:"Polônia",isoCode:"PL / POL"},"french-polynesia-flag":{code:"+689",name:"Polinésia Francesa",isoCode:"PF / PYF"},"portugal-flag":{code:"+351",name:"Portugal",isoCode:"PT / PRT"},"puerto-rico-flag":{code:"+1-787",name:"Porto Rico",isoCode:"PR / PRI"},"kenya-flag":{code:"+254",name:"Quênia",isoCode:"KE / KEN"},"kyrgyzstan-flag":{code:"+996",name:"Quirguistão",isoCode:"KG / KGZ"},"central-african-republic-flag":{code:"+236",name:"República Centro-Africana",isoCode:"CF / CAF"},"czech-republic-flag":{code:"+420",name:"República Checa",isoCode:"CZ / CZE"},"dominican-republic-flag":{code:"+1-809",name:"República Dominicana",isoCode:"DO / DOM"},"united-kingdom-flag":{code:"+44",name:"Reino Unido",isoCode:"GB / GBR"},"republic-of-the-congo-flag":{code:"+242",name:"República do congo",isoCode:"CG / COG"},"reunion-flag":{code:"+262",name:"Reunião",isoCode:"RE / REU"},"romania-flag":{code:"+40",name:"Romênia",isoCode:"RO / ROU"},"russia-flag":{code:"+7",name:"Rússia",isoCode:"RU / RUS"},"rwanda-flag":{code:"+250",name:"Ruanda",isoCode:"RW / RWA"},"western-sahara-flag":{code:"+212",name:"Saara Ocidental",isoCode:"EH / ESH"},"saint-barthelemy-flag":{code:"+590",name:"São Bartolomeu",isoCode:"BL / BLM"},"saint-helena-flag":{code:"+290",name:"Santa Helena",isoCode:"SH / SHN"},"saint-kitts-and-nevis-flag":{code:"+1-869",name:"São Cristóvão e Nevis",isoCode:"KN / KNA"},"saint-lucia-flag":{code:"+1-758",name:"Santa Lúcia",isoCode:"LC / LCA"},"saint-martin-flag":{code:"+590",name:"são Martinho",isoCode:"MF / MAF"},"saint-pierre-and-miquelon-flag":{code:"+508",name:"São Pedro e Miquelon",isoCode:"PM / SPM"},"saint-vincent-and-the-grenadines-flag":{code:"+1-784",name:"São Vicente e Granadinas",isoCode:"VC / VCT"},"samoa-flag":{code:"+685",name:"Samoa",isoCode:"WS / WSM"},"american-samoa-flag":{code:"+1-684",name:"Samoa Americana",isoCode:"AS / ASM"},"san-marino-flag":{code:"+378",name:"São marino",isoCode:"SM / SMR"},"sao-tome-and-principe-flag":{code:"+239",name:"São Tomé e Príncipe",isoCode:"ST / STP"},"senegal-flag":{code:"+221",name:"Senegal",isoCode:"SN / SEN"},"serbia-flag":{code:"+381",name:"Sérvia",isoCode:"RS / SRB"},"seychelles-flag":{code:"+248",name:"Seychelles",isoCode:"SC / SYC"},"sierra-leone-flag":{code:"+232",name:"Serra Leoa",isoCode:"SL / SLE"},"sint-maarten-flag":{code:"+1-721",name:"Sint Maarten",isoCode:"SX / SXM"},"somalia-flag":{code:"+252",name:"Somália",isoCode:"SO / SOM"},"south-korea-flag":{code:"+82",name:"Coreia do Sul",isoCode:"KR / KOR"},"south-sudan-flag":{code:"+211",name:"Sudão do Sul",isoCode:"SS / SSD"},"sri-lanka-flag":{code:"+94",name:"Sri Lanka",isoCode:"LK / LKA"},"sudan-flag":{code:"+249",name:"Sudão",isoCode:"SD / SDN"},"suriname-flag":{code:"+597",name:"Suriname",isoCode:"SR / SUR"},"svalbard-and-jan-mayen-flag":{code:"+47",name:"Svalbard e Jan Mayen",isoCode:"SJ / SJM"},"swaziland-flag":{code:"+268",name:"Suazilândia",isoCode:"SZ / SWZ"},"sweden-flag":{code:"+46",name:"Suécia",isoCode:"SE / SWE"},"switzerland-flag":{code:"+41",name:"Suíça",isoCode:"CH / CHE"},"syria-flag":{code:"+963",name:"Síria",isoCode:"SY / SYR"},"taiwan-flag":{code:"+886",name:"Taiwan",isoCode:"TW / TWN"},"tajikistan-flag":{code:"+992",name:"Tadjiquistão",isoCode:"TJ / TJK"},"tanzania-flag":{code:"+255",name:"Tanzânia",isoCode:"TZ / TZA"},"thailand-flag":{code:"+66",name:"tailândia",isoCode:"TH / THA"},"east-timor-flag":{code:"+670",name:"Timor Leste",isoCode:"TL / TLS"},"togo-flag":{code:"+228",name:"Togo",isoCode:"TG / TGO"},"tokelau-flag":{code:"+690",name:"Toquelau",isoCode:"TK / TKL"},"tonga-flag":{code:"+676",name:"Tonga",isoCode:"TO / TON"},"trinidad-and-tobago-flag":{code:"+1-868",name:"Trindade e Tobago",isoCode:"TT / TTO"},"tunisia-flag":{code:"+216",name:"Tunísia",isoCode:"TN / TUN"},"turkey-flag":{code:"+90",name:"Turquia",isoCode:"TR / TUR"},"turkmenistan-flag":{code:"+993",name:"Turquemenistão",isoCode:"TM / TKM"},"tuvalu-flag":{code:"+688",name:"Tuvalu",isoCode:"TV / TUV"},"uganda-flag":{code:"+256",name:"Uganda",isoCode:"UG / UGA"},"ukraine-flag":{code:"+380",name:"Ucrânia",isoCode:"UA / UKR"},"uruguay-flag":{code:"+598",name:"Uruguai",isoCode:"UY / URY"},"uzbekistan-flag":{code:"+998",name:"Uzbequistão",isoCode:"UZ / UZB"},"vanuatu-flag":{code:"+678",name:"Vanuatu",isoCode:"VU / VUT"},"vatican-flag":{code:"+379",name:"Vaticano",isoCode:"VA / VAT"},"venezuela-flag":{code:"+58",name:"Venezuela",isoCode:"VE / VEN"},"vietnam-flag":{code:"+84",name:"Vietnã",isoCode:"VN / VNM"},"wallis-and-futuna-flag":{code:"+681",name:"Wallis e Futuna",isoCode:"WF / WLF"},"zambia-flag":{code:"+260",name:"Zâmbia",isoCode:"ZM / ZMB"},"zimbabwe-flag":{code:"+263",name:"Zimbábue",isoCode:"ZW / ZWE"}};var r='.sc-bds-input-phone-number-h{display:block}.element_input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-phone-number{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-phone-number: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.sc-bds-input-phone-number{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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-primary.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-primary.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-danger.sc-bds-input-phone-number{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-phone-number:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-phone-number{border:1px solid var(--color-delete, #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.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f);background-color:var(--color-error, #f99f9f)}.input--state-danger.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-danger.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f);-ms-flex-positive:1;flex-grow:1}.input--state-disabled.sc-bds-input-phone-number{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5);border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-disabled.sc-bds-input-phone-number:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-phone-number{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-disabled.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1);background-color:var(--color-surface-3, #e0e0e0)}.input--state-disabled.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-disabled.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-disabled.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--label.sc-bds-input-phone-number{padding:0}.input__icon.sc-bds-input-phone-number{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large.sc-bds-input-phone-number{padding:4px}.input__container.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-phone-number{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-phone-number{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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text.sc-bds-input-phone-number::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-phone-number,.input__container__text[type=radio].sc-bds-input-phone-number{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-phone-number{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-phone-number::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-phone-number,.input__container__text[type=button].sc-bds-input-phone-number,.input__container__text[type=submit].sc-bds-input-phone-number{overflow:visible}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-phone-number bds-typo.sc-bds-input-phone-number{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-phone-number .bds-icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-phone-number .input__message__text.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.select-phone-number.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;border-radius:8px;position:relative;outline:none;min-width:200px}.select-phone-number.sc-bds-input-phone-number bds-input.sc-bds-input-phone-number::part(input-container){position:relative}.select-phone-number__icon.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px;padding-left:12px;cursor:pointer}.select-phone-number__icon.sc-bds-input-phone-number bds-icon.sc-bds-input-phone-number:first-child{margin-right:8px}.select-phone-number__country-code.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);padding-right:5px}.select-phone-number__options.sc-bds-input-phone-number{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);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}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select-phone-number__options--open.sc-bds-input-phone-number{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number{position:relative;height:100%}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number::before,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number::before{content:"";background:var(--color-surface-3, #e0e0e0);height:calc(100% - 2px);max-height:54px;width:70px;position:absolute;left:1px;top:1px;border-radius:8px 0px 0px 8px}';var d=e("bds_input_phone_number",function(){function e(e){var n=this;o(this,e);this.bdsPhoneNumberChange=a(this,"bdsPhoneNumberChange",7);this.bdsInput=a(this,"bdsInput",7);this.bdsCancel=a(this,"bdsCancel",7);this.bdsFocus=a(this,"bdsFocus",7);this.bdsBlur=a(this,"bdsBlur",7);this.refNativeInput=function(e){n.nativeInput=e};this.onClickWrapper=function(){n.onFocus();if(n.nativeInput){n.nativeInput.focus()}};this.onFocus=function(){n.bdsFocus.emit();n.isPressed=true};this.onBlur=function(){n.bdsBlur.emit();n.isPressed=false};this.changedInputValue=function(e){return __awaiter(n,void 0,void 0,(function(){var o;return __generator(this,(function(a){o=e.target;this.checkValidity();if(o){this.text=o.value||"";this.numberValidation()}this.bdsInput.emit(e);return[2]}))}))};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};this.handler=function(e){var o=e.detail.value;n.value=o.code;n.selectedCountry=o.flag;n.isoCode=o.isoCode;n.bdsPhoneNumberChange.emit({value:n.text,code:n.value,isoCode:n.isoCode,country:n.selectedCountry});n.toggle()};this.setFocusWrapper=function(){if(n.nativeInput){n.nativeInput.focus();n.onBlur()}};this.removeFocusWrapper=function(e){var o=e.relatedTarget.localName==="bds-input";if(n.nativeInput&&!o){n.onBlur()}};this.keyPressWrapper=function(e){var o=e.target.localName==="bds-select";var a=e.target.localName==="input";switch(e.key){case"Enter":if(!n.isOpen&&(o||a)){n.toggle()}break}};this.isOpen=false;this.selectedCountry=undefined;this.isoCode=undefined;this.isPressed=false;this.validationDanger=false;this.validationMesage="";this.options=[];this.text="";this.value="+55";this.danger=false;this.disabled=false;this.required=undefined;this.helperMessage="";this.errorMessage="";this.requiredErrorMessage=undefined;this.numberErrorMessage=undefined;this.dataTest=null;this.label="Phone number";this.icon=""}e.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onBlur();return[2]}))}))};e.prototype.valueChanged=function(){for(var e=0,o=this.childOptions;e<o.length;e++){var a=o[e];a.selected=this.value===a.value}};e.prototype.handleWindow=function(e){if(!this.el.contains(e.target)){this.isOpen=false}};e.prototype.componentWillRender=function(){var e=t;var o=Object.keys(e);this.selectedCountry=this.selectedCountry||o[0];this.isoCode=this.isoCode||o[0]};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,o,a;return __generator(this,(function(n){for(e=0,o=this.childOptions;e<o.length;e++){a=o[e];a.selected=this.value===a.value}return[2]}))}))};Object.defineProperty(e.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});e.prototype.handleInputChange=function(){this.bdsPhoneNumberChange.emit({value:this.text,code:this.value,isoCode:this.isoCode,country:this.selectedCountry})};e.prototype.numberValidation=function(){if(s(this.nativeInput.value)){this.validationMesage=this.numberErrorMessage;this.validationDanger=true}else{this.validationDanger=false}};e.prototype.changeCountry=function(e,o,a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.value=e;this.selectedCountry=a;this.isoCode=o;this.bdsPhoneNumberChange.emit({value:this.text,code:this.value,isoCode:this.isoCode,country:this.selectedCountry});return[2]}))}))};e.prototype.checkValidity=function(){if(this.nativeInput.validity.valid){this.validationDanger=false}};e.prototype.renderIcon=function(){return this.icon&&n("div",{class:{input__icon:true,"input__icon--large":!!this.label}},n("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&n("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},n("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":"info";var o=this.danger?this.errorMessage:this.helperMessage;if(!o&&this.validationDanger)o=this.validationMesage;var a=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(o){return n("div",{class:a,part:"input__message"},n("div",{class:"input__message__icon"},n("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),n("bds-typo",{class:"input__message__text",variant:"fs-12"},o))}return undefined};e.prototype.render=function(){var e=this;var o=this.isPressed&&!this.disabled;var a=this.isOpen?"arrow-up":"arrow-down";var i=t;var s=Object.keys(i);return n("div",{class:{"select-phone-number":true,"select-phone-number--pressed":this.isPressed},tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onKeyPress:this.keyPressWrapper},n("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},n("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":o},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper,part:"input-container"},this.renderIcon(),n("div",{onClick:this.toggle,class:"select-phone-number__icon"},n("bds-icon",{size:"medium",theme:"solid",name:this.selectedCountry,color:"primary"}),n("bds-icon",{size:"x-small",name:a})),n("div",{class:"input__container"},this.renderLabel(),n("div",{class:{input__container__wrapper:true}},n("div",{class:"select-phone-number__country-code"},n("bds-typo",{variant:"fs-14"},this.value)),n("input",Object.assign({class:{input__container__text:true},type:"phonenumber",required:this.required,pattern:"/^(\\(?\\+?[0-9]*\\)?)?[0-9_\\- \\(\\)]*$/",ref:this.refNativeInput,onInput:this.changedInputValue,onFocus:this.onFocus,onBlur:this.onBlur,value:this.text,disabled:this.disabled,"data-test":this.dataTest},{maxlength:this.value==="+55"?25:null})))),n("slot",{name:"input-right"})),this.renderMessage()),n("div",{class:{"select-phone-number__options":true,"select-phone-number__options--open":this.isOpen}},this.isOpen&&s.map((function(o){return n("bds-select-option",{key:o,onOptionSelected:e.handler,selected:o==e.selectedCountry,value:{code:i[o].code,isoCode:i[o].isoCode,flag:o},status:i[o].isoCode},i[o].name," ",i[o].code)}))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],text:["handleInputChange"]}},enumerable:false,configurable:true});return e}());d.style=r}}}));
package/dist/blip-ds/bds-input.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, e as createEvent, h, f as Host } from './index-7fb09d4a.js';
2
2
  import { e as emailValidation, n as numberValidation } from './validations-4912982a.js';
3
3
 
4
- const inputCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;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__icon{background-color:var(--color-surface-1, #ffffff)}.input--state-primary .input__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__icon{background-color:var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-success{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #292929);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #292929);-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__icon{background-color:var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #292929)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #292929)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #292929);color:var(--color-content-default, #292929)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e0e0e0)}.input--state-disabled:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.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-disabled .input__icon{background-color:var(--color-surface-1, #ffffff)}.input--state-disabled .input__container__label{color:var(--color-content-default, #292929)}.input--state-disabled .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-disabled .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .input__message__icon .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}";
4
+ const inputCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;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__icon{background-color:var(--color-surface-1, #ffffff)}.input--state-primary .input__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__icon{background-color:var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-delete, #e60f0f)}.input--state-success{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #292929);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #292929);-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__icon{background-color:var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #292929)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #292929)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #292929);color:var(--color-content-default, #292929)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5);border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-disabled:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-1, #616161);box-sizing:border-box;border-radius:8px}.input--state-disabled.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-disabled .input__icon{background-color:var(--color-surface-1, #ffffff)}.input--state-disabled .input__container__label{color:var(--color-content-default, #292929)}.input--state-disabled .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-disabled .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #666666);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .input__message__icon .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}";
5
5
 
6
6
  const Input = class {
7
7
  constructor(hostRef) {