blip-ds 1.199.0 → 1.200.1

package/dist/blip-ds/bds-input-editable.entry.js

@@ -1,11 +1,40 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-bda47b0f.js';
 
-const inputEditableCss = ".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 #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.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%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active bds-input{min-width:120px;margin-right:4px}.input__editable--active bds-input.expanded{max-width:100%}.input__editable--active bds-input.fixed{max-width:140px}.input__editable--active bds-input.short::part(input){font-size:1rem;line-height:0px}.input__editable--active bds-input.standard::part(input){font-size:1.5rem;line-height:0px}.input__editable--active bds-input.tall::part(input){font-size:2.5rem;line-height:0px}.input__editable--active bds-input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active bds-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:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}";
+const inputEditableCss = ".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{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.element_input input::-moz-placeholder{color:#b9cbd3;opacity:1}.element_input input:-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input input::-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input input::placeholder{color:#b9cbd3;opacity:1}.element_input input::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__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 #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.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%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.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:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}";
 
 const InputEditable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsInputEditableSave = createEvent(this, "bdsInputEditableSave", 7);
+    this.bdsChange = createEvent(this, "bdsChange", 7);
+    this.bdsInput = createEvent(this, "bdsInput", 7);
+    this.bdsCancel = createEvent(this, "bdsCancel", 7);
+    this.bdsFocus = createEvent(this, "bdsFocus", 7);
+    this.bdsBlur = createEvent(this, "bdsBlur", 7);
+    /**
+     * Conditions the element to say whether it is pressed or not, to add styles.
+     */
+    this.isEditing = false;
+    /**
+     * Used to block the confirm icon.
+     */
+    this.isValid = true;
+    /**
+     * Used to validate it is pressed.
+     */
+    this.isPressed = false;
+    /**
+     * Used to validate it is focused.
+     */
+    this.isFocused = false;
+    /**
+     * Used to set the error message setted by the internal validators
+     */
+    this.validationMesage = '';
+    /**
+     * Used to set the danger behavior by the internal validators
+     */
+    this.validationDanger = false;
     /**
      * Set the component size. Can be one of:
      * 'short' | 'standard' | 'tall';
@@ -19,14 +48,6 @@ const InputEditable = class {
      * Data test is the prop to specifically test the component action object.
      */
     this.dataTest = null;
-    /**
-     * Conditions the element to say whether it is pressed or not, to add styles.
-     */
-    this.isEditing = false;
-    /**
-     * Used to block the confirm icon.
-     */
-    this.isValid = true;
     /**
      * Input Name
      */
@@ -47,20 +68,14 @@ const InputEditable = class {
      * Indicated to pass a help to the user in complex filling.
      */
     this.helperMessage = '';
+    /**
+     * Placeholder for native input element.
+     */
+    this.placeholder = '';
     /**
      * Add state danger on input, use for use feedback. If true avoid save confirmation.
      */
     this.danger = false;
-    this.onInputChange = (event) => {
-      if (event.detail) {
-        if (event.detail.value.length < Number(this.minlength)) {
-          this.isValid = false;
-        }
-        else {
-          this.isValid = true;
-        }
-      }
-    };
     this.handleEditing = () => {
       this.toggleEditing();
     };
@@ -68,13 +83,44 @@ const InputEditable = class {
       this.isEditing = !this.isEditing;
     };
     this.handleSaveText = () => {
-      const newValue = this.el.shadowRoot.querySelector('bds-input').value;
+      const newValue = this.nativeInput.value;
       if (newValue.length > 0 && newValue.length >= this.minlength && !this.danger) {
         this.bdsInputEditableSave.emit({ value: newValue, oldValue: this.value });
         this.value = newValue;
         this.toggleEditing();
       }
     };
+    this.changedInputValue = async (ev) => {
+      const input = ev.target;
+      this.checkValidity();
+      if (input) {
+        this.value = input.value || '';
+        if (input.value.length < Number(this.minlength)) {
+          this.isValid = false;
+        }
+        else {
+          this.isValid = true;
+        }
+      }
+      this.bdsInput.emit(ev);
+      this.bdsChange.emit({ value: this.nativeInput.value, oldValue: this.value });
+    };
+    this.onFocus = () => {
+      this.isFocused = true;
+      this.isPressed = true;
+      this.bdsFocus.emit();
+    };
+    this.onBlur = () => {
+      this.onBlurValidations();
+      this.bdsBlur.emit();
+      this.isPressed = false;
+    };
+    this.onClickWrapper = () => {
+      this.onFocus();
+      if (this.nativeInput) {
+        this.nativeInput.focus();
+      }
+    };
     this.getExpand = () => {
       if (this.expand) {
         return 'expanded';
@@ -84,6 +130,33 @@ const InputEditable = class {
       }
     };
   }
+  onBlurValidations() {
+    this.requiredValidation();
+    (this.minlength || this.maxlength) && this.lengthValidation();
+    this.checkValidity();
+  }
+  requiredValidation() {
+    if (this.nativeInput.validity.valueMissing) {
+      this.validationMesage = this.requiredErrorMessage;
+      this.validationDanger = true;
+    }
+  }
+  lengthValidation() {
+    if (this.nativeInput.validity.tooShort) {
+      this.validationMesage = this.minlengthErrorMessage;
+      this.validationDanger = true;
+      return;
+    }
+    if (this.nativeInput.validity.tooLong) {
+      this.validationDanger = true;
+      return;
+    }
+  }
+  checkValidity() {
+    if (this.nativeInput.validity.valid) {
+      this.validationDanger = false;
+    }
+  }
   getFontSizeClass() {
     if (this.size == 'short') {
       return 'fs-16';
@@ -98,10 +171,27 @@ const InputEditable = class {
       return 'fs-24';
     }
   }
+  renderMessage() {
+    const icon = this.danger ? 'error' : 'info';
+    let message = this.danger ? this.errorMessage : this.helperMessage;
+    if (!message && this.validationDanger)
+      message = this.validationMesage;
+    const styles = this.danger || this.validationDanger ? 'input__message input__message--danger' : 'input__message';
+    if (message) {
+      return (h("div", { class: styles, part: "input__message" }, h("div", { class: "input__message__icon" }, h("bds-icon", { size: "x-small", name: icon, theme: "solid", color: "inherit" })), h("bds-typo", { variant: "fs-12" }, message)));
+    }
+    return undefined;
+  }
   render() {
     const variant = this.getFontSizeClass();
     const inputExpand = this.getExpand();
-    return (h(Host, null, h("div", { class: "input__editable" }, h("div", { class: { 'input__editable--static': true, 'input__editable--hidden': this.isEditing }, onClick: this.handleEditing }, h("bds-typo", { tag: "span", part: "input__editable--static__typo", class: "input__editable--static__typo", variant: variant }, this.value), h("bds-icon", { key: "edit-icon", class: "input__editable--static__icon", name: "edit" })), h("div", { class: { 'input__editable--active': true, 'input__editable--hidden': !this.isEditing } }, h("bds-input", { class: { [inputExpand]: true, [this.size]: true }, type: "text", "input-name": this.inputName, value: this.value, minlength: this.minlength, minlengthErrorMessage: this.minlengthErrorMessage, maxlength: this.maxlength, required: true, "required-error-message": this.requiredErrorMessage, "error-message": this.errorMessage, onBdsChange: this.onInputChange, danger: this.danger, helperMessage: this.helperMessage, "data-test": this.dataTest }), h("div", { class: "input__editable--active__icon" }, h("bds-icon", { key: "error-icon", class: "input__editable--active__icon--error", theme: "solid", name: "error", onClick: this.handleEditing }), h("bds-icon", { key: "checkball-icon", class: {
+    return (h(Host, null, h("div", { class: "input__editable" }, h("div", { class: { 'input__editable--static': true, 'input__editable--hidden': this.isEditing }, onClick: this.handleEditing }, h("bds-typo", { tag: "span", part: "input__editable--static__typo", class: "input__editable--static__typo", variant: variant }, this.value), h("bds-icon", { key: "edit-icon", class: "input__editable--static__icon", name: "edit" })), h("div", { class: { 'input__editable--active': true, 'input__editable--hidden': !this.isEditing } }, h("div", { class: { element_input: true, [inputExpand]: true, [this.size]: true } }, h("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 }, h("div", { class: "input__container", tabindex: "0" }, h("input", { class: { input__container__text: true }, ref: (input) => (this.nativeInput = input), 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()), h("div", { class: "input__editable--active__icon" }, h("bds-icon", { key: "error-icon", class: "input__editable--active__icon--error", theme: "solid", name: "error", onClick: this.handleEditing }), h("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 }))))));

package/dist/blip-ds/bds-input-editable.system.entry.js

@@ -1 +1 @@
-System.register(["./index-461526c7.system.js"],(function(e){"use strict";var t,i,a,n,s;return{setters:[function(e){t=e.r;i=e.e;a=e.h;n=e.f;s=e.g}],execute:function(){var l=".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 #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.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%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active bds-input{min-width:120px;margin-right:4px}.input__editable--active bds-input.expanded{max-width:100%}.input__editable--active bds-input.fixed{max-width:140px}.input__editable--active bds-input.short::part(input){font-size:1rem;line-height:0px}.input__editable--active bds-input.standard::part(input){font-size:1.5rem;line-height:0px}.input__editable--active bds-input.tall::part(input){font-size:2.5rem;line-height:0px}.input__editable--active bds-input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active bds-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:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}";var r=e("bds_input_editable",function(){function e(e){var a=this;t(this,e);this.bdsInputEditableSave=i(this,"bdsInputEditableSave",7);this.size="standard";this.expand=false;this.dataTest=null;this.isEditing=false;this.isValid=true;this.inputName="";this.value="";this.minlength=0;this.errorMessage="";this.helperMessage="";this.danger=false;this.onInputChange=function(e){if(e.detail){if(e.detail.value.length<Number(a.minlength)){a.isValid=false}else{a.isValid=true}}};this.handleEditing=function(){a.toggleEditing()};this.toggleEditing=function(){a.isEditing=!a.isEditing};this.handleSaveText=function(){var e=a.el.shadowRoot.querySelector("bds-input").value;if(e.length>0&&e.length>=a.minlength&&!a.danger){a.bdsInputEditableSave.emit({value:e,oldValue:a.value});a.value=e;a.toggleEditing()}};this.getExpand=function(){if(a.expand){return"expanded"}else{return"fixed"}}}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.render=function(){var e;var t=this.getFontSizeClass();var i=this.getExpand();return a(n,null,a("div",{class:"input__editable"},a("div",{class:{"input__editable--static":true,"input__editable--hidden":this.isEditing},onClick:this.handleEditing},a("bds-typo",{tag:"span",part:"input__editable--static__typo",class:"input__editable--static__typo",variant:t},this.value),a("bds-icon",{key:"edit-icon",class:"input__editable--static__icon",name:"edit"})),a("div",{class:{"input__editable--active":true,"input__editable--hidden":!this.isEditing}},a("bds-input",{class:(e={},e[i]=true,e[this.size]=true,e),type:"text","input-name":this.inputName,value:this.value,minlength:this.minlength,minlengthErrorMessage:this.minlengthErrorMessage,maxlength:this.maxlength,required:true,"required-error-message":this.requiredErrorMessage,"error-message":this.errorMessage,onBdsChange:this.onInputChange,danger:this.danger,helperMessage:this.helperMessage,"data-test":this.dataTest}),a("div",{class:"input__editable--active__icon"},a("bds-icon",{key:"error-icon",class:"input__editable--active__icon--error",theme:"solid",name:"error",onClick:this.handleEditing}),a("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 s(this)},enumerable:false,configurable:true});return e}());r.style=l}}}));
+var __awaiter=this&&this.__awaiter||function(e,i,t,n){function a(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(n.next(e))}catch(i){r(i)}}function s(e){try{l(n["throw"](e))}catch(i){r(i)}}function l(e){e.done?t(e.value):a(e.value).then(o,s)}l((n=n.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(i){return l([e,i])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(s){o=[6,s];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-461526c7.system.js"],(function(e){"use strict";var i,t,n,a,r;return{setters:[function(e){i=e.r;t=e.e;n=e.h;a=e.f;r=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{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.element_input input::-moz-placeholder{color:#b9cbd3;opacity:1}.element_input input:-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input input::-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input input::placeholder{color:#b9cbd3;opacity:1}.element_input input::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__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 #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.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%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.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:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}';var s=e("bds_input_editable",function(){function e(e){var n=this;i(this,e);this.bdsInputEditableSave=t(this,"bdsInputEditableSave",7);this.bdsChange=t(this,"bdsChange",7);this.bdsInput=t(this,"bdsInput",7);this.bdsCancel=t(this,"bdsCancel",7);this.bdsFocus=t(this,"bdsFocus",7);this.bdsBlur=t(this,"bdsBlur",7);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.minlength=0;this.errorMessage="";this.helperMessage="";this.placeholder="";this.danger=false;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.value});n.value=e;n.toggleEditing()}};this.changedInputValue=function(e){return __awaiter(n,void 0,void 0,(function(){var i;return __generator(this,(function(t){i=e.target;this.checkValidity();if(i){this.value=i.value||"";if(i.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.value});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"}}}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 i=this.danger?this.errorMessage:this.helperMessage;if(!i&&this.validationDanger)i=this.validationMesage;var t=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(i){return n("div",{class:t,part:"input__message"},n("div",{class:"input__message__icon"},n("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),n("bds-typo",{variant:"fs-12"},i))}return undefined};e.prototype.render=function(){var e;var i=this;var t=this.getFontSizeClass();var r=this.getExpand();return n(a,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:t},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[r]=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 i.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 r(this)},enumerable:false,configurable:true});return e}());s.style=o}}}));

package/dist/blip-ds/bds-input-password.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host } from './index-bda47b0f.js';
 
-const inputPasswordCss = ".sc-bds-input-password-h{display:block}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}";
+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:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-moz-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password:-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:#b9cbd3;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:#ffffff}.input--state-primary.sc-bds-input-password{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-password:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed.sc-bds-input-password{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary.sc-bds-input-password .input__icon.sc-bds-input-password{color:#3f7de8;background-color:#e8f2ff}.input--state-primary.sc-bds-input-password .input__container__label.sc-bds-input-password{color:#8ca0b3}.input--state-primary.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:#3f7de8}.input--state-primary.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:#3f7de8;color:#202c44}.input--state-danger.sc-bds-input-password{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-password:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-password{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger.sc-bds-input-password .input__icon.sc-bds-input-password{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger.sc-bds-input-password .input__container__label.sc-bds-input-password{color:#8ca0b3}.input--state-danger.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:#ff4c4c}.input--state-danger.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:#ff4c4c;color:#202c44}.input--state-disabled.sc-bds-input-password{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled.sc-bds-input-password:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-password{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled.sc-bds-input-password .input__icon.sc-bds-input-password{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled.sc-bds-input-password .input__container__label.sc-bds-input-password{color:#b9cbd3}.input--state-disabled.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:#b9cbd3}.input--state-disabled.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:#b9cbd3;color:#b9cbd3}.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:\"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:#8ca0b3;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{color:#ff4c4c}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}";
 
 const InputPassword = class {
   constructor(hostRef) {
@@ -11,6 +11,18 @@ const InputPassword = class {
     this.bdsInputPasswordFocus = createEvent(this, "bdsInputPasswordFocus", 7);
     this.bdsInputPasswordSubmit = createEvent(this, "bdsInputPasswordSubmit", 7);
     this.bdsKeyDownBackspace = createEvent(this, "bdsKeyDownBackspace", 7);
+    /**
+     * Used to set the danger behavior by the internal validators
+     */
+    this.validationDanger = false;
+    /**
+     * Conditions the element to say whether it is pressed or not, to add styles.
+     */
+    this.isPressed = false;
+    /**
+     * Used to set the error message setted by the internal validators
+     */
+    this.validationMesage = '';
     this.openEyes = false;
     /**
      * The value of the input.
@@ -64,11 +76,20 @@ const InputPassword = class {
      * Data test is the prop to specifically test the component action object.
      */
     this.dataTest = null;
+    this.refNativeInput = (el) => {
+      this.nativeInput = el;
+    };
     this.toggleEyePassword = () => {
       if (!this.disabled) {
         this.openEyes = !this.openEyes;
       }
     };
+    this.onClickWrapper = () => {
+      this.onFocus();
+      if (this.nativeInput) {
+        this.nativeInput.focus();
+      }
+    };
     this.onChange = (ev) => {
       const input = ev.target;
       if (input) {
@@ -85,9 +106,11 @@ const InputPassword = class {
     };
     this.onBlur = () => {
       this.bdsInputPasswordBlur.emit();
+      this.isPressed = false;
     };
     this.onFocus = () => {
       this.bdsInputPasswordFocus.emit();
+      this.isPressed = true;
     };
     this.onSubmit = () => {
       this.bdsInputPasswordSubmit.emit();
@@ -101,11 +124,42 @@ const InputPassword = class {
       return 'current-password';
     return this.autoComplete;
   }
+  renderIcon() {
+    return (this.icon && (h("div", { class: {
+        input__icon: true,
+        'input__icon--large': !!this.label,
+      } }, h("bds-icon", { size: this.label ? 'medium' : 'small', name: this.icon, color: "inherit" }))));
+  }
+  renderLabel() {
+    return (this.label && (h("label", { class: {
+        input__container__label: true,
+        'input__container__label--pressed': this.isPressed && !this.disabled,
+      } }, h("bds-typo", { variant: "fs-12", bold: "bold" }, this.label))));
+  }
+  renderMessage() {
+    const icon = this.danger ? 'error' : 'info';
+    let message = this.danger ? this.errorMessage : this.helperMessage;
+    if (!message && this.validationDanger)
+      message = this.validationMesage;
+    const styles = this.danger || this.validationDanger ? 'input__message input__message--danger' : 'input__message';
+    if (message) {
+      return (h("div", { class: styles, part: "input__message" }, h("div", { class: "input__message__icon" }, h("bds-icon", { size: "x-small", name: icon, theme: "solid", color: "inherit" })), h("bds-typo", { variant: "fs-12" }, message)));
+    }
+    return undefined;
+  }
   render() {
+    const isPressed = this.isPressed && !this.disabled;
     const iconPassword = this.openEyes ? 'eye-open' : 'eye-closed';
     const type = this.openEyes ? 'text' : 'password';
     const autocomplete = this.getAutoComplete();
-    return (h(Host, null, h("bds-input", { type: type, "input-name": this.inputName, value: this.value, label: this.label, min: this.min, max: this.max, minlength: this.minlength, maxlength: this.maxlength, "helper-message": this.helperMessage, "error-message": this.errorMessage, danger: this.danger, icon: this.icon, disabled: this.disabled, readonly: this.readonly, "auto-complete": autocomplete, "auto-capitalize": this.autoCapitalize, placeholder: this.placeholder, "data-test": this.dataTest, onBdsChange: this.onChange, onBdsInput: this.onInput, onBdsOnBlur: this.onBlur, onBdsFocus: this.onFocus, onBdsSubmit: this.onSubmit, onBdsKeyDownBackspace: this.keyPressWrapper }, h("div", { slot: "input-right", class: "input__password--icon", onClick: this.toggleEyePassword }, h("bds-icon", { size: "small", name: iconPassword, color: "inherit" })))));
+    return (h(Host, null, h("div", { class: { element_input: true }, "aria-disabled": this.disabled ? 'true' : null }, h("div", { class: {
+        input: true,
+        'input--state-primary': !this.danger && !this.validationDanger,
+        'input--state-danger': this.danger || this.validationDanger,
+        'input--state-disabled': this.disabled,
+        'input--label': !!this.label,
+        'input--pressed': isPressed,
+      }, onClick: this.onClickWrapper, onKeyDown: this.keyPressWrapper, part: "input-container" }, this.renderIcon(), h("div", { class: "input__container" }, this.renderLabel(), h("div", { class: { input__container__wrapper: true } }, h("input", { ref: this.refNativeInput, class: { input__container__text: true }, type: type, name: this.inputName, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, readOnly: this.readonly, autocomplete: autocomplete, autocapitalize: this.autoCapitalize, placeholder: this.placeholder, onChange: this.onChange, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur, onSubmit: this.onSubmit, value: this.value, disabled: this.disabled, "data-test": this.dataTest }))), h("div", { class: "input__password--icon", onClick: this.toggleEyePassword }, h("bds-icon", { size: "small", name: iconPassword, color: "inherit" }))), this.renderMessage())));
   }
 };
 InputPassword.style = inputPasswordCss;

package/dist/blip-ds/bds-input-password.system.entry.js

@@ -1 +1 @@
-System.register(["./index-461526c7.system.js"],(function(s){"use strict";var t,e,i,n;return{setters:[function(s){t=s.r;e=s.e;i=s.h;n=s.f}],execute:function(){var a=".sc-bds-input-password-h{display:block}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}";var o=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.openEyes=false;this.value="";this.label="";this.inputName="";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;this.toggleEyePassword=function(){if(!i.disabled){i.openEyes=!i.openEyes}};this.onChange=function(s){var t=s.target;if(t){i.value=t.value||""}i.bdsInputPasswordChange.emit({value:i.value==null?i.value:i.value.toString()})};this.onInput=function(s){var t=s.target;if(t){i.value=t.value||""}i.bdsInputPasswordInput.emit(s)};this.onBlur=function(){i.bdsInputPasswordBlur.emit()};this.onFocus=function(){i.bdsInputPasswordFocus.emit()};this.onSubmit=function(){i.bdsInputPasswordSubmit.emit()};this.keyPressWrapper=function(s){i.bdsKeyDownBackspace.emit({ev:s,value:i.value})}}s.prototype.getAutoComplete=function(){if(!this.openEyes)return"current-password";return this.autoComplete};s.prototype.render=function(){var s=this.openEyes?"eye-open":"eye-closed";var t=this.openEyes?"text":"password";var e=this.getAutoComplete();return i(n,null,i("bds-input",{type:t,"input-name":this.inputName,value:this.value,label:this.label,min:this.min,max:this.max,minlength:this.minlength,maxlength:this.maxlength,"helper-message":this.helperMessage,"error-message":this.errorMessage,danger:this.danger,icon:this.icon,disabled:this.disabled,readonly:this.readonly,"auto-complete":e,"auto-capitalize":this.autoCapitalize,placeholder:this.placeholder,"data-test":this.dataTest,onBdsChange:this.onChange,onBdsInput:this.onInput,onBdsOnBlur:this.onBlur,onBdsFocus:this.onFocus,onBdsSubmit:this.onSubmit,onBdsKeyDownBackspace:this.keyPressWrapper},i("div",{slot:"input-right",class:"input__password--icon",onClick:this.toggleEyePassword},i("bds-icon",{size:"small",name:s,color:"inherit"}))))};return s}());o.style=a}}}));
+System.register(["./index-461526c7.system.js"],(function(s){"use strict";var t,i,e,n;return{setters:[function(s){t=s.r;i=s.e;e=s.h;n=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:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-moz-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password:-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-ms-input-placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::placeholder{color:#b9cbd3;opacity:1}.element_input.sc-bds-input-password input.sc-bds-input-password::-webkit-input-placeholder{color:#b9cbd3;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:#ffffff}.input--state-primary.sc-bds-input-password{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-password:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed.sc-bds-input-password{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary.sc-bds-input-password .input__icon.sc-bds-input-password{color:#3f7de8;background-color:#e8f2ff}.input--state-primary.sc-bds-input-password .input__container__label.sc-bds-input-password{color:#8ca0b3}.input--state-primary.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:#3f7de8}.input--state-primary.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:#3f7de8;color:#202c44}.input--state-danger.sc-bds-input-password{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-password:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-password{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger.sc-bds-input-password .input__icon.sc-bds-input-password{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger.sc-bds-input-password .input__container__label.sc-bds-input-password{color:#8ca0b3}.input--state-danger.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:#ff4c4c}.input--state-danger.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:#ff4c4c;color:#202c44}.input--state-disabled.sc-bds-input-password{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled.sc-bds-input-password:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed.sc-bds-input-password{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled.sc-bds-input-password .input__icon.sc-bds-input-password{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled.sc-bds-input-password .input__container__label.sc-bds-input-password{color:#b9cbd3}.input--state-disabled.sc-bds-input-password .input__container__label--pressed.sc-bds-input-password{color:#b9cbd3}.input--state-disabled.sc-bds-input-password .input__container__text.sc-bds-input-password{caret-color:#b9cbd3;color:#b9cbd3}.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:"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:#8ca0b3;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{color:#ff4c4c}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}';var r=s("bds_input_password",function(){function s(s){var e=this;t(this,s);this.bdsInputPasswordChange=i(this,"bdsInputPasswordChange",7);this.bdsInputPasswordInput=i(this,"bdsInputPasswordInput",7);this.bdsInputPasswordBlur=i(this,"bdsInputPasswordBlur",7);this.bdsInputPasswordFocus=i(this,"bdsInputPasswordFocus",7);this.bdsInputPasswordSubmit=i(this,"bdsInputPasswordSubmit",7);this.bdsKeyDownBackspace=i(this,"bdsKeyDownBackspace",7);this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.openEyes=false;this.value="";this.label="";this.inputName="";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;this.refNativeInput=function(s){e.nativeInput=s};this.toggleEyePassword=function(){if(!e.disabled){e.openEyes=!e.openEyes}};this.onClickWrapper=function(){e.onFocus();if(e.nativeInput){e.nativeInput.focus()}};this.onChange=function(s){var t=s.target;if(t){e.value=t.value||""}e.bdsInputPasswordChange.emit({value:e.value==null?e.value:e.value.toString()})};this.onInput=function(s){var t=s.target;if(t){e.value=t.value||""}e.bdsInputPasswordInput.emit(s)};this.onBlur=function(){e.bdsInputPasswordBlur.emit();e.isPressed=false};this.onFocus=function(){e.bdsInputPasswordFocus.emit();e.isPressed=true};this.onSubmit=function(){e.bdsInputPasswordSubmit.emit()};this.keyPressWrapper=function(s){e.bdsKeyDownBackspace.emit({ev:s,value:e.value})}}s.prototype.getAutoComplete=function(){if(!this.openEyes)return"current-password";return this.autoComplete};s.prototype.renderIcon=function(){return this.icon&&e("div",{class:{input__icon:true,"input__icon--large":!!this.label}},e("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};s.prototype.renderLabel=function(){return this.label&&e("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},e("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 i=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(t){return e("div",{class:i,part:"input__message"},e("div",{class:"input__message__icon"},e("bds-icon",{size:"x-small",name:s,theme:"solid",color:"inherit"})),e("bds-typo",{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 i=this.openEyes?"text":"password";var o=this.getAutoComplete();return e(n,null,e("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},e("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(),e("div",{class:"input__container"},this.renderLabel(),e("div",{class:{input__container__wrapper:true}},e("input",{ref:this.refNativeInput,class:{input__container__text:true},type:i,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,onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur,onSubmit:this.onSubmit,value:this.value,disabled:this.disabled,"data-test":this.dataTest}))),e("div",{class:"input__password--icon",onClick:this.toggleEyePassword},e("bds-icon",{size:"small",name:t,color:"inherit"}))),this.renderMessage()))};return s}());r.style=o}}}));

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, e as createEvent, h } from './index-bda47b0f.js';
+import { r as registerInstance, e as createEvent, h, f as Host } from './index-bda47b0f.js';
 
-const radioCss = ".radio{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;-ms-flex-negative:0;flex-shrink:0;border:1px solid #3f7de8;border-radius:100%;background:#ffffff}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:#ffffff;height:10px;width:10px}.radio__circle:hover{border-color:#125ad5}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#505f79}.radio__input[type=radio]:checked~.radio__circle{background:#ffffff}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#125ad5}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#637798;background-color:#e8f2ff}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer--checked{background-color:#637798}.radio__input[type=radio]:disabled~.radio__text,.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";
+const radioCss = ":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #505f79;padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle:hover{border-color:#6e7b91}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:#202c44;position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#202c44}.radio__input[type=radio]:checked~.radio__circle{background:transparent}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#125ad5}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled~.radio__text{color:#505f79;cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";
 
 let radioButtonIds = 0;
 const Radio = class {
@@ -41,8 +41,15 @@ const Radio = class {
   connectedCallback() {
     this.radioId = this.refer || `bds-radio-${radioButtonIds++}`;
   }
+  handleClickKey(event) {
+    if ((event.key === 'Enter' || event.key === ' ') && !this.disabled) {
+      this.onClick(event);
+      event.preventDefault();
+      this.bdsClickChange.emit({ checked: this.checked });
+    }
+  }
   render() {
-    return (h("label", { class: "radio", htmlFor: this.radioId }, h("input", { class: "radio__input", type: "radio", ref: this.refNativeInput, id: this.radioId, onClick: this.onClick, disabled: this.disabled, checked: this.checked, value: this.value, name: this.name, "data-test": this.dataTest }), h("div", { class: "radio__circle" }, h("div", { class: "radio__circle__pointer" })), this.label && (h("bds-typo", { class: "radio__text", variant: "fs-14", tag: "span" }, this.label)), h("slot", null)));
+    return (h(Host, null, h("label", { class: "radio", htmlFor: this.radioId }, h("input", { class: "radio__input", type: "radio", ref: this.refNativeInput, id: this.radioId, onClick: this.onClick, disabled: this.disabled, checked: this.checked, value: this.value, name: this.name, "data-test": this.dataTest }), h("div", { class: "radio__circle" }, !this.disabled ? h("div", { class: "focus", tabindex: "0", onKeyDown: this.handleClickKey.bind(this) }) : '', !this.disabled ? h("div", { class: "hover" }) : '', h("div", { class: "radio__circle__pointer" })), this.label && (h("bds-typo", { class: "radio__text", variant: "fs-14", bold: this.checked ? 'bold' : 'regular', tag: "span" }, this.label)), h("slot", null))));
   }
   static get watchers() { return {
     "checked": ["checkedChanged"]

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

@@ -1 +1 @@
-System.register(["./index-461526c7.system.js"],(function(e){"use strict";var i,t,r;return{setters:[function(e){i=e.r;t=e.e;r=e.h}],execute:function(){var n=".radio{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;-ms-flex-negative:0;flex-shrink:0;border:1px solid #3f7de8;border-radius:100%;background:#ffffff}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:#ffffff;height:10px;width:10px}.radio__circle:hover{border-color:#125ad5}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#505f79}.radio__input[type=radio]:checked~.radio__circle{background:#ffffff}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#125ad5}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#637798;background-color:#e8f2ff}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer--checked{background-color:#637798}.radio__input[type=radio]:disabled~.radio__text,.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var o=0;var a=e("bds_radio",function(){function e(e){var r=this;i(this,e);this.bdsChange=t(this,"bdsChange",7);this.bdsClickChange=t(this,"bdsClickChange",7);this.checked=false;this.disabled=false;this.dataTest=null;this.onClick=function(e){r.checked=!r.checked;r.bdsClickChange.emit({checked:r.checked});e.stopPropagation()};this.refNativeInput=function(e){r.nativeInput=e}}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(o++)};e.prototype.render=function(){return r("label",{class:"radio",htmlFor:this.radioId},r("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),r("div",{class:"radio__circle"},r("div",{class:"radio__circle__pointer"})),this.label&&r("bds-typo",{class:"radio__text",variant:"fs-14",tag:"span"},this.label),r("slot",null))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());a.style=n}}}));
+System.register(["./index-461526c7.system.js"],(function(e){"use strict";var i,r,t,o;return{setters:[function(e){i=e.r;r=e.e;t=e.h;o=e.f}],execute:function(){var a=":host{display:-ms-flexbox;display:flex}.radio{display:-ms-flexbox;display:flex;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.radio [type=radio]{display:none}.radio [type=radio]:focus{outline:0}.radio__circle{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #505f79;padding:4px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;position:relative}.radio__circle__pointer{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;border-radius:100%;background:transparent;height:10px;width:10px}.radio__circle:hover{border-color:#6e7b91}.radio__circle:hover .hover{display:-ms-flexbox;display:flex;background-color:#202c44;position:absolute;width:40px;height:40px;opacity:0.1;border-radius:24px}.radio__circle .focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;padding:4px;width:100%;height:100%;outline:none}.radio__text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;color:#202c44}.radio__input[type=radio]:checked~.radio__circle{background:transparent}.radio__input[type=radio]:checked~.radio__circle .radio__circle__pointer{background-color:#3f7de8}.radio__input[type=radio]:checked~.radio__circle:hover{border-color:#125ad5}.radio__input[type=radio]:checked~.radio__circle:hover .radio__circle__pointer{background-color:#125ad5}.radio__input[type=radio]:disabled~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:hover~.radio__circle .radio__circle__pointer{background-color:transparent}.radio__input[type=radio]:disabled:checked~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled:checked:hover~.radio__circle{border-color:#6e7b91;background-color:#d2dfe6}.radio__input[type=radio]:disabled:checked:hover~.radio__circle .radio__circle__pointer{background-color:#505f79}.radio__input[type=radio]:disabled~.radio__text{color:#505f79;cursor:not-allowed}.radio__input[type=radio]:disabled~.radio__circle{cursor:not-allowed}";var d=0;var n=e("bds_radio",function(){function e(e){var t=this;i(this,e);this.bdsChange=r(this,"bdsChange",7);this.bdsClickChange=r(this,"bdsClickChange",7);this.checked=false;this.disabled=false;this.dataTest=null;this.onClick=function(e){t.checked=!t.checked;t.bdsClickChange.emit({checked:t.checked});e.stopPropagation()};this.refNativeInput=function(e){t.nativeInput=e}}e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.connectedCallback=function(){this.radioId=this.refer||"bds-radio-".concat(d++)};e.prototype.handleClickKey=function(e){if((e.key==="Enter"||e.key===" ")&&!this.disabled){this.onClick(e);e.preventDefault();this.bdsClickChange.emit({checked:this.checked})}};e.prototype.render=function(){return t(o,null,t("label",{class:"radio",htmlFor:this.radioId},t("input",{class:"radio__input",type:"radio",ref:this.refNativeInput,id:this.radioId,onClick:this.onClick,disabled:this.disabled,checked:this.checked,value:this.value,name:this.name,"data-test":this.dataTest}),t("div",{class:"radio__circle"},!this.disabled?t("div",{class:"focus",tabindex:"0",onKeyDown:this.handleClickKey.bind(this)}):"",!this.disabled?t("div",{class:"hover"}):"",t("div",{class:"radio__circle__pointer"})),this.label&&t("bds-typo",{class:"radio__text",variant:"fs-14",bold:this.checked?"bold":"regular",tag:"span"},this.label),t("slot",null)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());n.style=a}}}));

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

@@ -125,5 +125,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"bds-datepicker\",[[0,\"bds-datepicker\",{\"typeOfDate\":[1,\"type-of-date\"],\"startDateLimit\":[1537,\"start-date-limit\"],\"endDateLimit\":[1537,\"end-date-limit\"],\"message\":[1],\"language\":[1],\"open\":[32],\"dateSelected\":[32],\"endDateSelected\":[32],\"valueDateSelected\":[32],\"valueEndDateSelected\":[32],\"errorMsgDate\":[32],\"errorMsgEndDate\":[32],\"intoView\":[32],\"scrollingTop\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32]}]]],[\"bds-select-chips\",[[6,\"bds-select-chips\",{\"options\":[1025],\"chips\":[1025],\"newPrefix\":[513,\"new-prefix\"],\"value\":[1025],\"danger\":[1540],\"maxlength\":[2],\"errorMessage\":[1025,\"error-message\"],\"disabled\":[516],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"duplicated\":[4],\"canAddNew\":[4,\"can-add-new\"],\"notFoundMessage\":[1,\"not-found-message\"],\"internalOptions\":[32],\"isOpen\":[32],\"isValid\":[64],\"getChips\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-toast\",[[1,\"bds-toast\",{\"icon\":[513],\"actionType\":[1,\"action-type\"],\"variant\":[1],\"toastTitle\":[1,\"toast-title\"],\"toastText\":[1,\"toast-text\"],\"buttonText\":[1,\"button-text\"],\"duration\":[2],\"buttonAction\":[1,\"button-action\"],\"show\":[4],\"hide\":[4],\"position\":[1],\"create\":[64],\"close\":[64]}]]],[\"bds-select\",[[1,\"bds-select\",{\"options\":[1],\"value\":[1032],\"danger\":[516],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"optionsPosition\":[1,\"options-position\"],\"dataTest\":[1,\"data-test\"],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-input-editable\",[[1,\"bds-input-editable\",{\"size\":[1],\"expand\":[4],\"dataTest\":[1,\"data-test\"],\"inputName\":[1,\"input-name\"],\"value\":[1537],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlength\":[2],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"maxlength\":[2],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"danger\":[1540],\"isEditing\":[32],\"isValid\":[32]}]]],[\"bds-input-password\",[[2,\"bds-input-password\",{\"openEyes\":[4,\"open-eyes\"],\"value\":[1537],\"label\":[1],\"inputName\":[1,\"input-name\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"danger\":[516],\"icon\":[513],\"disabled\":[4],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-pagination\",[[1,\"bds-pagination\",{\"pages\":[2],\"startedPage\":[2,\"started-page\"],\"value\":[32],\"openSelect\":[32],\"paginationNumbers\":[32]}]]],[\"bds-upload\",[[1,\"bds-upload\",{\"language\":[1],\"titleName\":[1,\"title-name\"],\"subtitle\":[1],\"error\":[1],\"multiple\":[4],\"accept\":[1],\"files\":[32],\"haveFiles\":[32],\"hover\":[32],\"background\":[32],\"size\":[32]}]]],[\"bds-accordion-header\",[[1,\"bds-accordion-header\",{\"accordionTitle\":[1,\"accordion-title\"],\"icon\":[1],\"avatarName\":[1,\"avatar-name\"],\"avatarThumb\":[1,\"avatar-thumb\"],\"isOpen\":[32],\"btToggleIsfocus\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-autocomplete\",[[1,\"bds-autocomplete\",{\"options\":[1],\"value\":[1025],\"selected\":[1040],\"danger\":[516],\"disabled\":[516],\"searchOnlyTitle\":[516,\"search-only-title\"],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"optionsPosition\":[1,\"options-position\"],\"clearIconOnFocus\":[4,\"clear-icon-on-focus\"],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"canClick\":[4,\"can-click\"],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-input-phone-number\",[[6,\"bds-input-phone-number\",{\"options\":[16],\"text\":[1],\"value\":[1032],\"danger\":[1540],\"disabled\":[516],\"required\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"requiredErrorMessage\":[1,\"required-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"isOpen\":[32],\"selectedCountry\":[32],\"isPressed\":[32],\"validationDanger\":[32],\"validationMesage\":[32],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-menu-exibition\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-table\",[[1,\"bds-table\",{\"options\":[1],\"column\":[1],\"avatar\":[4],\"sorting\":[4],\"headerData\":[32],\"tableData\":[32],\"sortAscending\":[32]}]]],[\"bds-alert-header\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-menu-action\",[[1,\"bds-menu-action\",{\"buttonText\":[1,\"button-text\"],\"subMenu\":[4,\"sub-menu\"],\"iconLeft\":[1,\"icon-left\"],\"lipstick\":[4],\"openSubMenu\":[32],\"stateSubMenu\":[32],\"delaySubMenu\":[32],\"zIndex\":[32],\"delay\":[32]}]]],[\"bds-menu-list-item\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-sidebar\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-step\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning\",[[1,\"bds-warning\"]]],[\"bds-alert-body\",[[1,\"bds-alert-body\"]]],[\"bds-card-color\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"size\":[1537],\"toggle\":[64]}]]],[\"bds-modal-close-button\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio\",[[1,\"bds-radio\",{\"refer\":[1],\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"radioId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-tab\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action\",[[1,\"bds-modal-action\"]]],[\"bds-radio-group\",[[6,\"bds-radio-group\",{\"value\":[1537]}]]],[\"bds-stepper\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-icon\",[[1,\"bds-icon\",{\"color\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[8],\"size\":[1],\"lazy\":[4],\"theme\":[513],\"type\":[1],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"bds-typo\",[[1,\"bds-typo\",{\"variant\":[1],\"lineHeight\":[1,\"line-height\"],\"bold\":[1],\"italic\":[4],\"noWrap\":[4,\"no-wrap\"],\"paragraph\":[4],\"margin\":[4],\"tag\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-input-chips\",[[6,\"bds-input-chips\",{\"chips\":[1025],\"type\":[1],\"label\":[1],\"maxlength\":[2],\"icon\":[513],\"delimiters\":[16],\"errorMessage\":[1025,\"error-message\"],\"danger\":[1540],\"value\":[1537],\"duplicated\":[4],\"disableSubmit\":[4,\"disable-submit\"],\"disabled\":[516],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"internalChips\":[32],\"isValid\":[64],\"get\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"bds-datepicker-period\",[[1,\"bds-datepicker-period\",{\"startDate\":[16],\"endDate\":[16],\"startDateSelect\":[1040],\"endDateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"activeSelectYear\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-datepicker-single\",[[1,\"bds-datepicker-single\",{\"endDate\":[16],\"startDate\":[16],\"dateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-banner\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-paper\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-toast-container\",[[6,\"bds-toast-container\"]]],[\"bds-button\",[[1,\"bds-button\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513],\"arrow\":[4],\"type\":[1],\"typeIcon\":[513,\"type-icon\"],\"bdsLoading\":[4,\"bds-loading\"],\"bdsLoadingVariant\":[1,\"bds-loading-variant\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-clickable\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-loading-spinner\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-counter-text\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]],[\"bds-input\",[[1,\"bds-input\",{\"inputName\":[1,\"input-name\"],\"type\":[513],\"label\":[1],\"placeholder\":[1],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"required\":[4],\"pattern\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"icon\":[513],\"disabled\":[1540],\"danger\":[1540],\"value\":[1025],\"counterLength\":[4,\"counter-length\"],\"counterLengthRule\":[16],\"isSubmit\":[4,\"is-submit\"],\"isTextarea\":[4,\"is-textarea\"],\"rows\":[2],\"cols\":[2],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"minErrorMessage\":[1,\"min-error-message\"],\"maxErrorMessage\":[1,\"max-error-message\"],\"emailErrorMessage\":[1,\"email-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"chips\":[4],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isPassword\":[32],\"validationMesage\":[32],\"validationDanger\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"getInputElement\":[64],\"isValid\":[64],\"clear\":[64]}]]],[\"bds-button-icon\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-avatar\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-select-option\",[[6,\"bds-select-option\",{\"value\":[8],\"selected\":[4],\"disabled\":[4],\"invisible\":[1540],\"danger\":[1540],\"bulkOption\":[1,\"bulk-option\"],\"slotAlign\":[1,\"slot-align\"],\"titleText\":[1,\"title-text\"],\"status\":[1],\"dataTest\":[1,\"data-test\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"bds-datepicker\",[[0,\"bds-datepicker\",{\"typeOfDate\":[1,\"type-of-date\"],\"startDateLimit\":[1537,\"start-date-limit\"],\"endDateLimit\":[1537,\"end-date-limit\"],\"message\":[1],\"language\":[1],\"open\":[32],\"dateSelected\":[32],\"endDateSelected\":[32],\"valueDateSelected\":[32],\"valueEndDateSelected\":[32],\"errorMsgDate\":[32],\"errorMsgEndDate\":[32],\"intoView\":[32],\"scrollingTop\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32]}]]],[\"bds-select-chips\",[[6,\"bds-select-chips\",{\"options\":[1025],\"chips\":[1025],\"newPrefix\":[513,\"new-prefix\"],\"value\":[1025],\"danger\":[1540],\"maxlength\":[2],\"errorMessage\":[1025,\"error-message\"],\"disabled\":[516],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"duplicated\":[4],\"canAddNew\":[4,\"can-add-new\"],\"notFoundMessage\":[1,\"not-found-message\"],\"internalOptions\":[32],\"isOpen\":[32],\"isValid\":[64],\"getChips\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-toast\",[[1,\"bds-toast\",{\"icon\":[513],\"actionType\":[1,\"action-type\"],\"variant\":[1],\"toastTitle\":[1,\"toast-title\"],\"toastText\":[1,\"toast-text\"],\"buttonText\":[1,\"button-text\"],\"duration\":[2],\"buttonAction\":[1,\"button-action\"],\"show\":[4],\"hide\":[4],\"position\":[1],\"create\":[64],\"close\":[64]}]]],[\"bds-select\",[[1,\"bds-select\",{\"options\":[1],\"value\":[1032],\"danger\":[516],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"optionsPosition\":[1,\"options-position\"],\"dataTest\":[1,\"data-test\"],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-pagination\",[[1,\"bds-pagination\",{\"pages\":[2],\"startedPage\":[2,\"started-page\"],\"value\":[32],\"openSelect\":[32],\"paginationNumbers\":[32]}]]],[\"bds-upload\",[[1,\"bds-upload\",{\"language\":[1],\"titleName\":[1,\"title-name\"],\"subtitle\":[1],\"error\":[1],\"multiple\":[4],\"accept\":[1],\"files\":[32],\"haveFiles\":[32],\"hover\":[32],\"background\":[32],\"size\":[32]}]]],[\"bds-accordion-header\",[[1,\"bds-accordion-header\",{\"accordionTitle\":[1,\"accordion-title\"],\"icon\":[1],\"avatarName\":[1,\"avatar-name\"],\"avatarThumb\":[1,\"avatar-thumb\"],\"isOpen\":[32],\"btToggleIsfocus\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-autocomplete\",[[1,\"bds-autocomplete\",{\"options\":[1],\"value\":[1025],\"selected\":[1040],\"danger\":[516],\"disabled\":[516],\"searchOnlyTitle\":[516,\"search-only-title\"],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"optionsPosition\":[1,\"options-position\"],\"clearIconOnFocus\":[4,\"clear-icon-on-focus\"],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"canClick\":[4,\"can-click\"],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-input-phone-number\",[[6,\"bds-input-phone-number\",{\"options\":[16],\"text\":[1],\"value\":[1032],\"danger\":[1540],\"disabled\":[516],\"required\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"requiredErrorMessage\":[1,\"required-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"isOpen\":[32],\"selectedCountry\":[32],\"isPressed\":[32],\"validationDanger\":[32],\"validationMesage\":[32],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-menu-exibition\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-table\",[[1,\"bds-table\",{\"options\":[1],\"column\":[1],\"avatar\":[4],\"sorting\":[4],\"headerData\":[32],\"tableData\":[32],\"sortAscending\":[32]}]]],[\"bds-alert-header\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-input-editable\",[[1,\"bds-input-editable\",{\"size\":[1],\"expand\":[4],\"dataTest\":[1,\"data-test\"],\"inputName\":[1,\"input-name\"],\"value\":[1537],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlength\":[2],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"maxlength\":[2],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"placeholder\":[1],\"danger\":[1540],\"isEditing\":[32],\"isValid\":[32],\"isPressed\":[32],\"isFocused\":[32],\"validationMesage\":[32],\"validationDanger\":[32]}]]],[\"bds-input-password\",[[2,\"bds-input-password\",{\"openEyes\":[4,\"open-eyes\"],\"value\":[1537],\"label\":[1],\"inputName\":[1,\"input-name\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"danger\":[516],\"icon\":[513],\"disabled\":[4],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32]}]]],[\"bds-menu-action\",[[1,\"bds-menu-action\",{\"buttonText\":[1,\"button-text\"],\"subMenu\":[4,\"sub-menu\"],\"iconLeft\":[1,\"icon-left\"],\"lipstick\":[4],\"openSubMenu\":[32],\"stateSubMenu\":[32],\"delaySubMenu\":[32],\"zIndex\":[32],\"delay\":[32]}]]],[\"bds-menu-list-item\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-sidebar\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-step\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning\",[[1,\"bds-warning\"]]],[\"bds-alert-body\",[[1,\"bds-alert-body\"]]],[\"bds-card-color\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"size\":[1537],\"toggle\":[64]}]]],[\"bds-modal-close-button\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio\",[[1,\"bds-radio\",{\"refer\":[1],\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"radioId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-tab\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action\",[[1,\"bds-modal-action\"]]],[\"bds-radio-group\",[[6,\"bds-radio-group\",{\"value\":[1537]}]]],[\"bds-stepper\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-icon\",[[1,\"bds-icon\",{\"color\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[8],\"size\":[1],\"lazy\":[4],\"theme\":[513],\"type\":[1],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"bds-typo\",[[1,\"bds-typo\",{\"variant\":[1],\"lineHeight\":[1,\"line-height\"],\"bold\":[1],\"italic\":[4],\"noWrap\":[4,\"no-wrap\"],\"paragraph\":[4],\"margin\":[4],\"tag\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-input-chips\",[[6,\"bds-input-chips\",{\"chips\":[1025],\"type\":[1],\"label\":[1],\"maxlength\":[2],\"icon\":[513],\"delimiters\":[16],\"errorMessage\":[1025,\"error-message\"],\"danger\":[1540],\"value\":[1537],\"duplicated\":[4],\"disableSubmit\":[4,\"disable-submit\"],\"disabled\":[516],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"internalChips\":[32],\"isValid\":[64],\"get\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"bds-datepicker-period\",[[1,\"bds-datepicker-period\",{\"startDate\":[16],\"endDate\":[16],\"startDateSelect\":[1040],\"endDateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"activeSelectYear\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-datepicker-single\",[[1,\"bds-datepicker-single\",{\"endDate\":[16],\"startDate\":[16],\"dateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-banner\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-paper\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-toast-container\",[[6,\"bds-toast-container\"]]],[\"bds-button\",[[1,\"bds-button\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513],\"arrow\":[4],\"type\":[1],\"typeIcon\":[513,\"type-icon\"],\"bdsLoading\":[4,\"bds-loading\"],\"bdsLoadingVariant\":[1,\"bds-loading-variant\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-clickable\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-loading-spinner\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-counter-text\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]],[\"bds-input\",[[1,\"bds-input\",{\"inputName\":[1,\"input-name\"],\"type\":[513],\"label\":[1],\"placeholder\":[1],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"required\":[4],\"pattern\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"icon\":[513],\"disabled\":[1540],\"danger\":[1540],\"value\":[1025],\"counterLength\":[4,\"counter-length\"],\"counterLengthRule\":[16],\"isSubmit\":[4,\"is-submit\"],\"isTextarea\":[4,\"is-textarea\"],\"rows\":[2],\"cols\":[2],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"minErrorMessage\":[1,\"min-error-message\"],\"maxErrorMessage\":[1,\"max-error-message\"],\"emailErrorMessage\":[1,\"email-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"chips\":[4],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isPassword\":[32],\"validationMesage\":[32],\"validationDanger\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"getInputElement\":[64],\"isValid\":[64],\"clear\":[64]}]]],[\"bds-button-icon\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-avatar\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-select-option\",[[6,\"bds-select-option\",{\"value\":[8],\"selected\":[4],\"disabled\":[4],\"invisible\":[1540],\"danger\":[1540],\"bulkOption\":[1,\"bulk-option\"],\"slotAlign\":[1,\"slot-align\"],\"titleText\":[1,\"title-text\"],\"status\":[1],\"dataTest\":[1,\"data-test\"]}]]]]"), options);
 });