@evotor-dev/ui-kit 7.8.1 → 7.9.0

package/esm2020/lib/components/evo-input/evo-input.component.mjs

@@ -287,7 +287,7 @@ EvoInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             useExisting: forwardRef(() => EvoInputComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "tooltipElement", first: true, predicate: ["tooltipContainer"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label class=\"evo-input\" [evoUiClass]=\"inputClass\">\n    <div class=\"evo-input__prefix-content\">\n        <ng-content select=\"[evoInputPrefixContent]\"></ng-content>\n    </div>\n    <div class=\"evo-input__prefix-icon\">\n        <ng-content select=\"[evoInputIcon]\"></ng-content>\n    </div>\n    <span\n        class=\"evo-input__prefix\" *ngIf=\"prefix\"\n        [evoUiClass]=\"{focused: !isDisabled && !!value || uiStates.isFocused }\"\n    >{{prefix}}</span>\n    <input\n        #input\n        class=\"evo-input__field\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (compositionstart)=\"_compositionStart()\"\n        (compositionend)=\"_compositionEnd($event.target.value)\"\n        type=\"{{ type }}\"\n        [attr.autocomplete]=\"autocomplete\"\n        placeholder=\"{{ placeholder }}\"\n        [attr.data-cp]=\"dataCp\"\n        [disabled]=\"isDisabled\"\n    >\n    <ng-container *ngIf=\"loading; else sideBlock\">\n        <evo-circular-loader  class=\"evo-input__loading-spinner\"></evo-circular-loader>\n    </ng-container>\n    <ng-template #sideBlock>\n        <div\n            *ngIf=\"isClearable\"\n            class=\"evo-input__clearable\"\n            (click)=\"onClear()\">\n            <evo-icon shape=\"decline\" class=\"evo-input__icon-clear\"></evo-icon>\n        </div>\n        <div class=\"evo-input__additional\" *ngIf=\"hasAdditional\">\n            <evo-icon\n                shape=\"help\" class=\"evo-input__tooltip\"\n                *ngIf=\"tooltip || uiStates.hasCustomTooltip\"\n                (mouseenter)=\"showTooltip()\"\n                (mouseleave)=\"hideTooltip()\"\n                (click)=\"onTooltipClick($event)\"\n            ></evo-icon>\n            <div class=\"evo-input__icon\" *ngIf=\"icon\">\n                <img [attr.src]=\"icon\">\n            </div>\n        </div>\n    </ng-template>\n    <div\n        *ngIf=\"!customTooltipChecked || uiStates.isTooltipVisible\"\n        [hidden]=\"!customTooltipChecked\"\n        (click)=\"onTooltipClick($event)\"\n        (mouseenter)=\"showTooltip()\"\n        (mouseleave)=\"hideTooltip()\"\n        #tooltipContainer\n        [ngClass]=\"{'evo-input__tooltip-container': tooltip}\"\n    >\n        {{ tooltip }}\n        <ng-content select=\"[tooltip]\"></ng-content>\n    </div>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"], components: [{ type: i1.EvoCircularLoaderComponent, selector: "evo-circular-loader" }, { type: i2.EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: i3.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i4.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "tooltipElement", first: true, predicate: ["tooltipContainer"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label class=\"evo-input\" [evoUiClass]=\"inputClass\">\n    <div class=\"evo-input__prefix-content\">\n        <ng-content select=\"[evoInputPrefixContent]\"></ng-content>\n    </div>\n    <div class=\"evo-input__prefix-icon\">\n        <ng-content select=\"[evoInputIcon]\"></ng-content>\n    </div>\n    <span\n        class=\"evo-input__prefix\" *ngIf=\"prefix\"\n        [evoUiClass]=\"{focused: !isDisabled && !!value || uiStates.isFocused }\"\n    >{{prefix}}</span>\n    <input\n        #input\n        class=\"evo-input__field\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (compositionstart)=\"_compositionStart()\"\n        (compositionend)=\"_compositionEnd($event.target.value)\"\n        type=\"{{ type }}\"\n        [attr.autocomplete]=\"autocomplete\"\n        placeholder=\"{{ placeholder }}\"\n        [attr.data-cp]=\"dataCp\"\n        [disabled]=\"isDisabled\"\n    >\n    <ng-container *ngIf=\"loading; else sideBlock\">\n        <evo-circular-loader  class=\"evo-input__loading-spinner\"></evo-circular-loader>\n    </ng-container>\n    <ng-template #sideBlock>\n        <div\n            *ngIf=\"isClearable\"\n            class=\"evo-input__clearable\"\n            (click)=\"onClear()\">\n            <evo-icon shape=\"decline\" class=\"evo-input__icon-clear\"></evo-icon>\n        </div>\n        <div class=\"evo-input__additional\" *ngIf=\"hasAdditional\">\n            <evo-icon\n                shape=\"help\" class=\"evo-input__tooltip\"\n                *ngIf=\"tooltip || uiStates.hasCustomTooltip\"\n                (mouseenter)=\"showTooltip()\"\n                (mouseleave)=\"hideTooltip()\"\n                (click)=\"onTooltipClick($event)\"\n            ></evo-icon>\n            <div class=\"evo-input__icon\" *ngIf=\"icon\">\n                <img [attr.src]=\"icon\">\n            </div>\n        </div>\n    </ng-template>\n    <div\n        *ngIf=\"!customTooltipChecked || uiStates.isTooltipVisible\"\n        [hidden]=\"!customTooltipChecked\"\n        (click)=\"onTooltipClick($event)\"\n        (mouseenter)=\"showTooltip()\"\n        (mouseleave)=\"hideTooltip()\"\n        #tooltipContainer\n        [ngClass]=\"{'evo-input__tooltip-container': tooltip}\"\n    >\n        {{ tooltip }}\n        <ng-content select=\"[tooltip]\"></ng-content>\n    </div>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"], components: [{ type: i1.EvoCircularLoaderComponent, selector: "evo-circular-loader" }, { type: i2.EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: i3.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i4.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-input', providers: [
@@ -301,7 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => EvoInputComponent),
                             multi: true,
                         },
-                    ], template: "<label class=\"evo-input\" [evoUiClass]=\"inputClass\">\n    <div class=\"evo-input__prefix-content\">\n        <ng-content select=\"[evoInputPrefixContent]\"></ng-content>\n    </div>\n    <div class=\"evo-input__prefix-icon\">\n        <ng-content select=\"[evoInputIcon]\"></ng-content>\n    </div>\n    <span\n        class=\"evo-input__prefix\" *ngIf=\"prefix\"\n        [evoUiClass]=\"{focused: !isDisabled && !!value || uiStates.isFocused }\"\n    >{{prefix}}</span>\n    <input\n        #input\n        class=\"evo-input__field\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (compositionstart)=\"_compositionStart()\"\n        (compositionend)=\"_compositionEnd($event.target.value)\"\n        type=\"{{ type }}\"\n        [attr.autocomplete]=\"autocomplete\"\n        placeholder=\"{{ placeholder }}\"\n        [attr.data-cp]=\"dataCp\"\n        [disabled]=\"isDisabled\"\n    >\n    <ng-container *ngIf=\"loading; else sideBlock\">\n        <evo-circular-loader  class=\"evo-input__loading-spinner\"></evo-circular-loader>\n    </ng-container>\n    <ng-template #sideBlock>\n        <div\n            *ngIf=\"isClearable\"\n            class=\"evo-input__clearable\"\n            (click)=\"onClear()\">\n            <evo-icon shape=\"decline\" class=\"evo-input__icon-clear\"></evo-icon>\n        </div>\n        <div class=\"evo-input__additional\" *ngIf=\"hasAdditional\">\n            <evo-icon\n                shape=\"help\" class=\"evo-input__tooltip\"\n                *ngIf=\"tooltip || uiStates.hasCustomTooltip\"\n                (mouseenter)=\"showTooltip()\"\n                (mouseleave)=\"hideTooltip()\"\n                (click)=\"onTooltipClick($event)\"\n            ></evo-icon>\n            <div class=\"evo-input__icon\" *ngIf=\"icon\">\n                <img [attr.src]=\"icon\">\n            </div>\n        </div>\n    </ng-template>\n    <div\n        *ngIf=\"!customTooltipChecked || uiStates.isTooltipVisible\"\n        [hidden]=\"!customTooltipChecked\"\n        (click)=\"onTooltipClick($event)\"\n        (mouseenter)=\"showTooltip()\"\n        (mouseleave)=\"hideTooltip()\"\n        #tooltipContainer\n        [ngClass]=\"{'evo-input__tooltip-container': tooltip}\"\n    >\n        {{ tooltip }}\n        <ng-content select=\"[tooltip]\"></ng-content>\n    </div>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"] }]
+                    ], template: "<label class=\"evo-input\" [evoUiClass]=\"inputClass\">\n    <div class=\"evo-input__prefix-content\">\n        <ng-content select=\"[evoInputPrefixContent]\"></ng-content>\n    </div>\n    <div class=\"evo-input__prefix-icon\">\n        <ng-content select=\"[evoInputIcon]\"></ng-content>\n    </div>\n    <span\n        class=\"evo-input__prefix\" *ngIf=\"prefix\"\n        [evoUiClass]=\"{focused: !isDisabled && !!value || uiStates.isFocused }\"\n    >{{prefix}}</span>\n    <input\n        #input\n        class=\"evo-input__field\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (compositionstart)=\"_compositionStart()\"\n        (compositionend)=\"_compositionEnd($event.target.value)\"\n        type=\"{{ type }}\"\n        [attr.autocomplete]=\"autocomplete\"\n        placeholder=\"{{ placeholder }}\"\n        [attr.data-cp]=\"dataCp\"\n        [disabled]=\"isDisabled\"\n    >\n    <ng-container *ngIf=\"loading; else sideBlock\">\n        <evo-circular-loader  class=\"evo-input__loading-spinner\"></evo-circular-loader>\n    </ng-container>\n    <ng-template #sideBlock>\n        <div\n            *ngIf=\"isClearable\"\n            class=\"evo-input__clearable\"\n            (click)=\"onClear()\">\n            <evo-icon shape=\"decline\" class=\"evo-input__icon-clear\"></evo-icon>\n        </div>\n        <div class=\"evo-input__additional\" *ngIf=\"hasAdditional\">\n            <evo-icon\n                shape=\"help\" class=\"evo-input__tooltip\"\n                *ngIf=\"tooltip || uiStates.hasCustomTooltip\"\n                (mouseenter)=\"showTooltip()\"\n                (mouseleave)=\"hideTooltip()\"\n                (click)=\"onTooltipClick($event)\"\n            ></evo-icon>\n            <div class=\"evo-input__icon\" *ngIf=\"icon\">\n                <img [attr.src]=\"icon\">\n            </div>\n        </div>\n    </ng-template>\n    <div\n        *ngIf=\"!customTooltipChecked || uiStates.isTooltipVisible\"\n        [hidden]=\"!customTooltipChecked\"\n        (click)=\"onTooltipClick($event)\"\n        (mouseenter)=\"showTooltip()\"\n        (mouseleave)=\"hideTooltip()\"\n        #tooltipContainer\n        [ngClass]=\"{'evo-input__tooltip-container': tooltip}\"\n    >\n        {{ tooltip }}\n        <ng-content select=\"[tooltip]\"></ng-content>\n    </div>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Optional
                 }, {

package/esm2020/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.mjs

@@ -114,7 +114,7 @@ EvoInputContenteditableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             useExisting: forwardRef(() => EvoInputContenteditableComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "contenteditable", first: true, predicate: ["contenteditable"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"evo-contenteditable-input\"\n    [evoUiClass]=\"inputClass\"\n    [style.--evo-contenteditable-lines]=\"multiline ? maxLines : 0\"\n>\n\t<span\n        #contenteditable\n        class=\"evo-contenteditable-input__content\"\n        (blur)=\"onBlur($event)\"\n        (input)=\"onInput($event)\"\n        (paste)=\"onPaste($event)\"\n        (dragover)=\"$event.preventDefault()\"\n        (keydown)=\"onKeydown($event)\"\n        [evoUiClass]=\"{'open-lines': minLines > 0}\"\n        [attr.contenteditable]=\"!isDisabled\"\n        [attr.placeholder]=\"placeholder\"\n        [style.--evo-contenteditable-min-lines]=\"multiline ? minLines : 0\"\n    ></span>\n</div>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [".evo-contenteditable-input{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"], components: [{ type: i1.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i2.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "contenteditable", first: true, predicate: ["contenteditable"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"evo-contenteditable-input\"\n    [evoUiClass]=\"inputClass\"\n    [style.--evo-contenteditable-lines]=\"multiline ? maxLines : 0\"\n>\n\t<span\n        #contenteditable\n        class=\"evo-contenteditable-input__content\"\n        (blur)=\"onBlur($event)\"\n        (input)=\"onInput($event)\"\n        (paste)=\"onPaste($event)\"\n        (dragover)=\"$event.preventDefault()\"\n        (keydown)=\"onKeydown($event)\"\n        [evoUiClass]=\"{'open-lines': minLines > 0}\"\n        [attr.contenteditable]=\"!isDisabled\"\n        [attr.placeholder]=\"placeholder\"\n        [style.--evo-contenteditable-min-lines]=\"multiline ? minLines : 0\"\n    ></span>\n</div>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [".evo-contenteditable-input{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input:hover{border:1px solid #9B9B9B}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"], components: [{ type: i1.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i2.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputContenteditableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-input-contenteditable', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -128,7 +128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => EvoInputContenteditableComponent),
                             multi: true,
                         },
-                    ], template: "<div\n    class=\"evo-contenteditable-input\"\n    [evoUiClass]=\"inputClass\"\n    [style.--evo-contenteditable-lines]=\"multiline ? maxLines : 0\"\n>\n\t<span\n        #contenteditable\n        class=\"evo-contenteditable-input__content\"\n        (blur)=\"onBlur($event)\"\n        (input)=\"onInput($event)\"\n        (paste)=\"onPaste($event)\"\n        (dragover)=\"$event.preventDefault()\"\n        (keydown)=\"onKeydown($event)\"\n        [evoUiClass]=\"{'open-lines': minLines > 0}\"\n        [attr.contenteditable]=\"!isDisabled\"\n        [attr.placeholder]=\"placeholder\"\n        [style.--evo-contenteditable-min-lines]=\"multiline ? minLines : 0\"\n    ></span>\n</div>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [".evo-contenteditable-input{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"] }]
+                    ], template: "<div\n    class=\"evo-contenteditable-input\"\n    [evoUiClass]=\"inputClass\"\n    [style.--evo-contenteditable-lines]=\"multiline ? maxLines : 0\"\n>\n\t<span\n        #contenteditable\n        class=\"evo-contenteditable-input__content\"\n        (blur)=\"onBlur($event)\"\n        (input)=\"onInput($event)\"\n        (paste)=\"onPaste($event)\"\n        (dragover)=\"$event.preventDefault()\"\n        (keydown)=\"onKeydown($event)\"\n        [evoUiClass]=\"{'open-lines': minLines > 0}\"\n        [attr.contenteditable]=\"!isDisabled\"\n        [attr.placeholder]=\"placeholder\"\n        [style.--evo-contenteditable-min-lines]=\"multiline ? minLines : 0\"\n    ></span>\n</div>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [".evo-contenteditable-input{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input:hover{border:1px solid #9B9B9B}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }]; }, propDecorators: { contenteditable: [{
                 type: ViewChild,
                 args: ['contenteditable', { read: ElementRef, static: true }]

package/esm2020/lib/components/evo-select/evo-select.component.mjs

@@ -92,7 +92,7 @@ EvoSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => EvoSelectComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"evo-select\" [evoUiClass]=\"getSelectClasses()\">\n    <div class=\"evo-select__field\" [evoUiClass]=\"getSelectClasses()\">{{selectedLabel}}</div>\n    <select #select class=\"evo-select__native\" [disabled]=\"disabled\" [(ngModel)]=\"selectedValue\" (ngModelChange)=\"onChange($event)\">\n        <ng-content></ng-content>\n    </select>\n    <span class=\"evo-select__icon-arrow\">\n        <svg width=\"7\" height=\"5\" viewBox=\"0 0 7 5\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7L3.44199 5L0 0Z\" />\n        </svg>\n    </span>\n</label>\n<evo-control-error *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: [":host{position:relative;display:inline-block}.evo-select{position:relative;display:flex;align-items:center}.evo-select:after{content:\"\";position:absolute;pointer-events:none}.evo-select_input{height:48px}.evo-select_input:after{right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2212%22 viewBox%3D%220 0 8 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 8)%22 fill%3D%22%23212121%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 4) scale(1 -1)%22 fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center}.evo-select_disabled{pointer-events:none}.evo-select_disabled:after{opacity:.4}.evo-select_inline .evo-select__icon-arrow{display:flex;margin-left:10px}.evo-select_inline .evo-select__icon-arrow svg{fill:#212121}.evo-select_inline.evo-select_disabled .evo-select__icon-arrow svg{fill:#9b9b9b}.evo-select__icon-arrow{display:none}.evo-select__native{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-select__field{width:100%;height:100%}.evo-select__field_input{display:inline-block;padding:10px 38px 10px 20px;overflow:hidden;line-height:26px;text-overflow:ellipsis;--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input,.evo-select_input.evo-select_simple{height:auto}.evo-select_input.evo-select_simple:after{top:-2px;right:0;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}\n"], components: [{ type: i1.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i2.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"evo-select\" [evoUiClass]=\"getSelectClasses()\">\n    <div class=\"evo-select__field\" [evoUiClass]=\"getSelectClasses()\">{{selectedLabel}}</div>\n    <select #select class=\"evo-select__native\" [disabled]=\"disabled\" [(ngModel)]=\"selectedValue\" (ngModelChange)=\"onChange($event)\">\n        <ng-content></ng-content>\n    </select>\n    <span class=\"evo-select__icon-arrow\">\n        <svg width=\"7\" height=\"5\" viewBox=\"0 0 7 5\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7L3.44199 5L0 0Z\" />\n        </svg>\n    </span>\n</label>\n<evo-control-error *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: [":host{position:relative;display:inline-block}.evo-select{position:relative;display:flex;align-items:center}.evo-select:after{content:\"\";position:absolute;pointer-events:none}.evo-select_input{height:48px}.evo-select_input:after{right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2212%22 viewBox%3D%220 0 8 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 8)%22 fill%3D%22%23212121%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 4) scale(1 -1)%22 fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center}.evo-select_disabled{pointer-events:none}.evo-select_disabled:after{opacity:.4}.evo-select_inline .evo-select__icon-arrow{display:flex;margin-left:10px}.evo-select_inline .evo-select__icon-arrow svg{fill:#212121}.evo-select_inline.evo-select_disabled .evo-select__icon-arrow svg{fill:#9b9b9b}.evo-select__icon-arrow{display:none}.evo-select__native{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-select__field{width:100%;height:100%}.evo-select__field_input{display:inline-block;padding:10px 38px 10px 20px;overflow:hidden;line-height:26px;text-overflow:ellipsis;--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input:hover{border:1px solid #9B9B9B}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input,.evo-select_input.evo-select_simple{height:auto}.evo-select_input.evo-select_simple:after{top:-2px;right:0;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}\n"], components: [{ type: i1.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i2.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-select', providers: [
@@ -101,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => EvoSelectComponent),
                             multi: true,
                         },
-                    ], template: "<label class=\"evo-select\" [evoUiClass]=\"getSelectClasses()\">\n    <div class=\"evo-select__field\" [evoUiClass]=\"getSelectClasses()\">{{selectedLabel}}</div>\n    <select #select class=\"evo-select__native\" [disabled]=\"disabled\" [(ngModel)]=\"selectedValue\" (ngModelChange)=\"onChange($event)\">\n        <ng-content></ng-content>\n    </select>\n    <span class=\"evo-select__icon-arrow\">\n        <svg width=\"7\" height=\"5\" viewBox=\"0 0 7 5\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7L3.44199 5L0 0Z\" />\n        </svg>\n    </span>\n</label>\n<evo-control-error *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: [":host{position:relative;display:inline-block}.evo-select{position:relative;display:flex;align-items:center}.evo-select:after{content:\"\";position:absolute;pointer-events:none}.evo-select_input{height:48px}.evo-select_input:after{right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2212%22 viewBox%3D%220 0 8 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 8)%22 fill%3D%22%23212121%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 4) scale(1 -1)%22 fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center}.evo-select_disabled{pointer-events:none}.evo-select_disabled:after{opacity:.4}.evo-select_inline .evo-select__icon-arrow{display:flex;margin-left:10px}.evo-select_inline .evo-select__icon-arrow svg{fill:#212121}.evo-select_inline.evo-select_disabled .evo-select__icon-arrow svg{fill:#9b9b9b}.evo-select__icon-arrow{display:none}.evo-select__native{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-select__field{width:100%;height:100%}.evo-select__field_input{display:inline-block;padding:10px 38px 10px 20px;overflow:hidden;line-height:26px;text-overflow:ellipsis;--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input,.evo-select_input.evo-select_simple{height:auto}.evo-select_input.evo-select_simple:after{top:-2px;right:0;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}\n"] }]
+                    ], template: "<label class=\"evo-select\" [evoUiClass]=\"getSelectClasses()\">\n    <div class=\"evo-select__field\" [evoUiClass]=\"getSelectClasses()\">{{selectedLabel}}</div>\n    <select #select class=\"evo-select__native\" [disabled]=\"disabled\" [(ngModel)]=\"selectedValue\" (ngModelChange)=\"onChange($event)\">\n        <ng-content></ng-content>\n    </select>\n    <span class=\"evo-select__icon-arrow\">\n        <svg width=\"7\" height=\"5\" viewBox=\"0 0 7 5\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7L3.44199 5L0 0Z\" />\n        </svg>\n    </span>\n</label>\n<evo-control-error *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: [":host{position:relative;display:inline-block}.evo-select{position:relative;display:flex;align-items:center}.evo-select:after{content:\"\";position:absolute;pointer-events:none}.evo-select_input{height:48px}.evo-select_input:after{right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2212%22 viewBox%3D%220 0 8 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 8)%22 fill%3D%22%23212121%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 4) scale(1 -1)%22 fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center}.evo-select_disabled{pointer-events:none}.evo-select_disabled:after{opacity:.4}.evo-select_inline .evo-select__icon-arrow{display:flex;margin-left:10px}.evo-select_inline .evo-select__icon-arrow svg{fill:#212121}.evo-select_inline.evo-select_disabled .evo-select__icon-arrow svg{fill:#9b9b9b}.evo-select__icon-arrow{display:none}.evo-select__native{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-select__field{width:100%;height:100%}.evo-select__field_input{display:inline-block;padding:10px 38px 10px 20px;overflow:hidden;line-height:26px;text-overflow:ellipsis;--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input:hover{border:1px solid #9B9B9B}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input,.evo-select_input.evo-select_simple{height:auto}.evo-select_input.evo-select_simple:after{top:-2px;right:0;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}\n"] }]
         }], propDecorators: { style: [{
                 type: Input
             }], label: [{

package/esm2020/lib/components/evo-textarea/evo-textarea.component.mjs

@@ -65,7 +65,7 @@ EvoTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             useExisting: forwardRef(() => EvoTextareaComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<textarea [(ngModel)]=\"value\"\n          [evoUiClass]=\"textareaClasses\"\n          [placeholder]=\"placeholder\"\n          [rows]=\"rows\"\n          [disabled]=\"disabled\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          class=\"evo-textarea\"></textarea>\n<evo-control-error *ngIf=\"showErrors\"\n                   [errors]=\"control.errors\"\n                   [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"], components: [{ type: i1.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ], usesInheritance: true, ngImport: i0, template: "<textarea [(ngModel)]=\"value\"\n          [evoUiClass]=\"textareaClasses\"\n          [placeholder]=\"placeholder\"\n          [rows]=\"rows\"\n          [disabled]=\"disabled\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          class=\"evo-textarea\"></textarea>\n<evo-control-error *ngIf=\"showErrors\"\n                   [errors]=\"control.errors\"\n                   [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea:hover{border:1px solid #9B9B9B}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"], components: [{ type: i1.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-textarea', providers: [
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => EvoTextareaComponent),
                             multi: true,
                         },
-                    ], template: "<textarea [(ngModel)]=\"value\"\n          [evoUiClass]=\"textareaClasses\"\n          [placeholder]=\"placeholder\"\n          [rows]=\"rows\"\n          [disabled]=\"disabled\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          class=\"evo-textarea\"></textarea>\n<evo-control-error *ngIf=\"showErrors\"\n                   [errors]=\"control.errors\"\n                   [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"] }]
+                    ], template: "<textarea [(ngModel)]=\"value\"\n          [evoUiClass]=\"textareaClasses\"\n          [placeholder]=\"placeholder\"\n          [rows]=\"rows\"\n          [disabled]=\"disabled\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          class=\"evo-textarea\"></textarea>\n<evo-control-error *ngIf=\"showErrors\"\n                   [errors]=\"control.errors\"\n                   [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea:hover{border:1px solid #9B9B9B}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], placeholder: [{