@evotor-dev/ui-kit 6.6.0 → 6.7.1

package/bundles/evotor-dev-ui-kit.umd.js

@@ -1791,7 +1791,7 @@
               if (value || this._value) {
                   this._value = this.removePrefix(value);
                   this.onChange(this.prefix + (this._value || ''));
-                  this.changeDetector.markForCheck();
+                  this.changeDetector.detectChanges();
               }
           },
           enumerable: false,
@@ -1940,6 +1940,7 @@
       };
       EvoInputComponent.prototype.setDisabledState = function (state) {
           this.disabled = state;
+          this.changeDetector.detectChanges();
       };
       EvoInputComponent.prototype.onFocus = function () {
           if (!this.uiStates.isFocused) {
@@ -2636,8 +2637,10 @@
 
   var EvoCheckboxComponent = /** @class */ (function (_super) {
       __extends(EvoCheckboxComponent, _super);
-      function EvoCheckboxComponent() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+      function EvoCheckboxComponent(injector, cdr) {
+          var _this = _super.call(this, injector) || this;
+          _this.injector = injector;
+          _this.cdr = cdr;
           _this.indeterminateChange = new i0.EventEmitter();
           _this.indeterminate = undefined;
           _this.disabled = false;
@@ -2661,6 +2664,7 @@
           set: function (value) {
               this._value = value;
               this.onChange(value);
+              this.cdr.detectChanges();
           },
           enumerable: false,
           configurable: true
@@ -2692,10 +2696,11 @@
       };
       EvoCheckboxComponent.prototype.setDisabledState = function (state) {
           this.disabled = state;
+          this.cdr.detectChanges();
       };
       return EvoCheckboxComponent;
   }(EvoBaseControl));
-  EvoCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  EvoCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
   EvoCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoCheckboxComponent, selector: "evo-checkbox", inputs: { setIndeterminate: ["indeterminate", "setIndeterminate"] }, outputs: { indeterminateChange: "indeterminateChange" }, providers: [
           {
               provide: i1$1.NG_VALUE_ACCESSOR,
@@ -2717,7 +2722,7 @@
                           },
                       ],
                   }]
-          }], propDecorators: { setIndeterminate: [{
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { setIndeterminate: [{
                   type: i0.Input,
                   args: ['indeterminate']
               }], indeterminateChange: [{
@@ -2782,7 +2787,7 @@
       return EvoAutocompleteDefaultOptionComponent;
   }());
   EvoAutocompleteDefaultOptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteDefaultOptionComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  EvoAutocompleteDefaultOptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAutocompleteDefaultOptionComponent, selector: "evo-autocomplete-default-option", inputs: { hasCheckbox: "hasCheckbox", label: "label", description: "description", isDisabled: "isDisabled", isSelected: "isSelected" }, host: { properties: { "class.has-checkbox": "this.hasCheckboxClass" } }, ngImport: i0__namespace, template: "<div class=\"option option_has-checkbox\" *ngIf=\"hasCheckbox\">\n    <evo-checkbox\n        [ngModel]=\"isSelected\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [disabled]=\"isDisabled\"\n        (click)=\"onCheckboxClick($event)\"\n        (change)=\"onCheckboxClick($event)\"\n        (ngModelChange)=\"onSelectedChange($event)\"\n    >{{ label }}</evo-checkbox>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n<div class=\"option\" *ngIf=\"!hasCheckbox\">\n    <div class=\"option__label\">{{ label }}</div>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n", styles: [":host{display:block;color:inherit;white-space:var(--evo-autocomplete-option-white-space, nowrap)}.option{position:relative;z-index:1}.option__label{display:block;margin-bottom:0;overflow:var(--evo-autocomplete-option-overflow, hidden);color:inherit;font-size:14px;line-height:22px;text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option__description{display:block;overflow:var(--evo-autocomplete-option-overflow, hidden);color:#9b9b9b;font-size:12px;line-height:18px;text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}evo-checkbox+.option__description{padding-left:32px}.option_has-checkbox{background-color:inherit}:host-context(.ng-option.ng-option-selected) .option_has-checkbox{background-color:#e1ecef!important}:host-context(.ng-option.ng-option-disabled){padding:0}:host-context(.ng-option.ng-option-disabled) .option__description,:host-context(.ng-option.ng-option-disabled) .option__label,:host-context(.ng-option.ng-option-disabled) evo-checkbox{color:#c6c6c6}:host-context(.ng-option.ng-option-selected){padding:0}:host-context(.ng-option.ng-option-selected) .option:not(.option_has-checkbox) .option__description,:host-context(.ng-option.ng-option-selected) .option:not(.option_has-checkbox) .option__label{color:#fff}:host-context(.ng-option.ng-option-marked) .option_has-checkbox{background:#F4F6F8}\n"], components: [{ type: EvoCheckboxComponent, selector: "evo-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  EvoAutocompleteDefaultOptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAutocompleteDefaultOptionComponent, selector: "evo-autocomplete-default-option", inputs: { hasCheckbox: "hasCheckbox", label: "label", description: "description", isDisabled: "isDisabled", isSelected: "isSelected" }, host: { properties: { "class.has-checkbox": "this.hasCheckboxClass" } }, ngImport: i0__namespace, template: "<div class=\"option option_has-checkbox\" *ngIf=\"hasCheckbox\">\n    <evo-checkbox\n        [ngModel]=\"isSelected\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [disabled]=\"isDisabled\"\n        (click)=\"onCheckboxClick($event)\"\n        (change)=\"onCheckboxClick($event)\"\n        (ngModelChange)=\"onSelectedChange($event)\"\n    >{{ label }}</evo-checkbox>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n<div class=\"option\" *ngIf=\"!hasCheckbox\">\n    <div class=\"option__label\">{{ label }}</div>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n", styles: [":host{display:block;color:inherit;white-space:var(--evo-autocomplete-option-white-space, nowrap)}.option{position:relative;z-index:1}.option__label{display:block;margin-bottom:0;overflow:var(--evo-autocomplete-option-overflow, hidden);color:inherit;font-size:14px;line-height:22px;text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option__description{display:block;overflow:var(--evo-autocomplete-option-overflow, hidden);color:#9b9b9b;font-size:12px;line-height:18px;text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}evo-checkbox+.option__description{padding-left:32px}.option_has-checkbox{background-color:inherit}:host-context(.ng-option.ng-option-selected) .option_has-checkbox{background-color:#e1ecef!important}:host-context(.ng-option.ng-option-disabled){padding:0}:host-context(.ng-option.ng-option-disabled) .option__description,:host-context(.ng-option.ng-option-disabled) .option__label,:host-context(.ng-option.ng-option-disabled) evo-checkbox{color:#c6c6c6}:host-context(.ng-option.ng-option-selected){padding:0}:host-context(.ng-option.ng-option-marked) .option_has-checkbox{background:#F4F6F8}\n"], components: [{ type: EvoCheckboxComponent, selector: "evo-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteDefaultOptionComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3317,7 +3322,7 @@
       return EvoButtonComponent;
   }());
   EvoButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  EvoButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: { size: "size", color: "color", theme: "theme", disabled: "disabled", loading: "loading" }, ngImport: i0__namespace, template: "<div class=\"evo-button\" [evoUiClass]=\"buttonClasses\">\n    <span class=\"evo-button__content\" [ngStyle]=\"buttonStyles\">\n        <ng-content></ng-content>\n    </span>\n    <evo-circular-loader class=\"evo-button__loader\" *ngIf=\"isLoading\"></evo-circular-loader>\n</div>\n", styles: [":host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none;--evo-button-background-gradient: none;--evo-button-text-color: none;--evo-button-border-color: none;--evo-button-hover-text-color: none;--evo-button-hover-shadow: none;--evo-button-overflow: hidden}.evo-button{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF;--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color);--inner-border-color: var(--inner-button-primary-color);display:flex;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:16px;line-height:1;white-space:nowrap;text-align:center;color:var(--inner-text-color);fill:var(--inner-text-color);border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-sizing:border-box;z-index:auto;transition:box-shadow .3s,color .3s}.evo-button__content{position:relative;display:flex;flex-flow:row nowrap;align-items:center;overflow:var(--evo-button-overflow);z-index:3}.evo-button__loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:4px 0;z-index:2;--evo-circular-loader-color: var(--inner-text-color)}.evo-button:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--inner-background-color);border:solid 1px var(--inner-border-color);border-radius:inherit;transition:background .3s,color .3s,border .3s}.evo-button:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .3s,background-color .3s}.evo-button:hover{box-shadow:var(--evo-button-hover-shadow)}.evo-button:hover:after{opacity:.2;background-color:#fff}.evo-button:focus:after,.evo-button:active:after{opacity:.1;background-color:#000}.evo-button:disabled,.evo-button_is-disabled{--inner-text-color: #FFFFFF !important;--inner-background-color: #C6C6C6 !important;--inner-border-color: transparent !important;pointer-events:none}.evo-button:disabled .evo-button:after,.evo-button_is-disabled .evo-button:after{display:none}.evo-button_is-outline:not(.evo-button_is-outline:hover):not(.evo-button_is-outline_is-disabled):not(.evo-button_is-outline:active){--inner-text-color: var(--inner-button-primary-color);--inner-background-color: transparent;--inner-border-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover{--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover:not(:focus):not(:active):after{background:transparent;border:none}.evo-button_is-loading{position:relative;pointer-events:none}.evo-button.evo-button_shape_rounded{border-radius:30px;font-weight:500;font-family:var(--evo-font-secondary);text-transform:uppercase}.evo-button.evo-button_shape_rectangle{border-radius:4px;padding:0 12px;font-weight:600;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_shape_semi-rectangle{border-radius:8px;padding:0 8px;font-weight:700;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_color_secondary{--inner-button-primary-color: #231F20;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_success{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_bonus{--inner-button-primary-color: #C72AAE;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_text{--inner-button-primary-color: #212121;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_link{--inner-button-primary-color: #0986E2;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_error{--inner-button-primary-color: #FF1817;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_white{--inner-button-primary-color: #FFFFFF;--inner-button-secondary-color: #212121}.evo-button.evo-button_color_primary{--inner-button-primary-color: #F05023;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_size_small.evo-button_shape_rounded{height:32px;font-size:14px;line-height:20px;padding:0 16px}.evo-button.evo-button_size_small.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;font-size:18px;line-height:20px;padding:0 24px}.evo-button.evo-button_size_normal.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;font-size:18px;line-height:20px;padding:0 40px}.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_color_white.evo-button_shape_rounded:not(.evo-button.evo-button_color_white.evo-button_shape_rounded:disabled):is(.evo-button.evo-button_color_white.evo-button_shape_rounded:hover):after{z-index:3}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline){--inner-button-secondary-color: var(--evo-button-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):hover{--inner-button-secondary-color: var(--evo-button-hover-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):before{background-image:var(--evo-button-background-gradient);border-color:transparent}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline{--inner-button-primary-color: var(--evo-button-border-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:hover:before,.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:active:before{background-color:transparent;background-image:var(--evo-button-background-gradient)}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  EvoButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: { size: "size", color: "color", theme: "theme", disabled: "disabled", loading: "loading" }, ngImport: i0__namespace, template: "<div class=\"evo-button\" [evoUiClass]=\"buttonClasses\">\n    <span class=\"evo-button__content\" [ngStyle]=\"buttonStyles\">\n        <ng-content></ng-content>\n    </span>\n    <evo-circular-loader class=\"evo-button__loader\" *ngIf=\"isLoading\"></evo-circular-loader>\n</div>\n", styles: [":host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none;--evo-button-background-color: transparent;--evo-button-background-gradient: none;--evo-button-text-color: none;--evo-button-border-color: none;--evo-button-hover-text-color: none;--evo-button-hover-shadow: none;--evo-button-overflow: hidden}.evo-button{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF;--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color);--inner-border-color: var(--inner-button-primary-color);display:flex;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:16px;line-height:1;white-space:nowrap;text-align:center;color:var(--inner-text-color);fill:var(--inner-text-color);border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-sizing:border-box;z-index:auto;transition:box-shadow .3s,color .3s}.evo-button__content{position:relative;display:flex;flex-flow:row nowrap;align-items:center;overflow:var(--evo-button-overflow);z-index:3}.evo-button__loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:4px 0;z-index:2;--evo-circular-loader-color: var(--inner-text-color)}.evo-button:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--inner-background-color);border:solid 1px var(--inner-border-color);border-radius:inherit;transition:background .3s,color .3s,border .3s}.evo-button:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .3s,background-color .3s}.evo-button:hover{box-shadow:var(--evo-button-hover-shadow)}.evo-button:hover:after{opacity:.2;background-color:#fff}.evo-button:focus:after,.evo-button:active:after{opacity:.1;background-color:#000}.evo-button:disabled,.evo-button_is-disabled{--inner-text-color: #FFFFFF !important;--inner-background-color: #C6C6C6 !important;--inner-border-color: transparent !important;pointer-events:none}.evo-button:disabled .evo-button:after,.evo-button_is-disabled .evo-button:after{display:none}.evo-button_is-outline:not(.evo-button_is-outline:hover):not(.evo-button_is-outline_is-disabled):not(.evo-button_is-outline:active){--inner-text-color: var(--inner-button-primary-color);--inner-background-color: transparent;--inner-border-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover{--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover:not(:focus):not(:active):after{background:transparent;border:none}.evo-button_is-loading{position:relative;pointer-events:none}.evo-button.evo-button_shape_rounded{border-radius:30px;font-weight:500;font-family:var(--evo-font-secondary);text-transform:uppercase}.evo-button.evo-button_shape_rectangle{border-radius:4px;padding:0 12px;font-weight:600;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_shape_semi-rectangle{border-radius:8px;padding:0 8px;font-weight:700;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_color_secondary{--inner-button-primary-color: #231F20;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_success{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_bonus{--inner-button-primary-color: #C72AAE;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_text{--inner-button-primary-color: #212121;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_link{--inner-button-primary-color: #0986E2;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_error{--inner-button-primary-color: #FF1817;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_white{--inner-button-primary-color: #FFFFFF;--inner-button-secondary-color: #212121}.evo-button.evo-button_color_primary{--inner-button-primary-color: #F05023;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_size_small.evo-button_shape_rounded{height:32px;padding:0 16px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:14px;line-height:20px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;padding:0 24px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:16px;line-height:20px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;padding:0 40px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:18px;line-height:20px}.evo-button.evo-button_size_small.evo-button_shape_rectangle,.evo-button.evo-button_size_normal.evo-button_shape_rectangle,.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:700}.evo-button.evo-button_color_white.evo-button_shape_rounded:not(.evo-button.evo-button_color_white.evo-button_shape_rounded:disabled):is(.evo-button.evo-button_color_white.evo-button_shape_rounded:hover):after{z-index:3}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline){--inner-button-secondary-color: var(--evo-button-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):hover{--inner-button-secondary-color: var(--evo-button-hover-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient);border-color:transparent}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline{--inner-button-primary-color: var(--evo-button-border-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:hover:before,.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:active:before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient)}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -4447,6 +4452,9 @@
   var EvoIconButtonComponent = /** @class */ (function () {
       function EvoIconButtonComponent() {
           this.color = exports.EvoIconButtonColor.link;
+          /**
+           * @deprecated instead of rectangle theme use `EvoNavigationButtonComponent`
+           */
           this.theme = 'default';
           this.classes = [];
       }
@@ -8789,6 +8797,64 @@
                   }]
           }] });
 
+  var EvoNavigationButtonComponent = /** @class */ (function () {
+      function EvoNavigationButtonComponent() {
+      }
+      return EvoNavigationButtonComponent;
+  }());
+  EvoNavigationButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  EvoNavigationButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavigationButtonComponent, selector: "evo-navigation-button", ngImport: i0__namespace, template: "<button class=\"evo-navigation-button\">\n    <div class=\"evo-navigation-button__icon-wrapper\">\n        <evo-icon class=\"evo-navigation-button__icon\" shape=\"chevron-left\"></evo-icon>\n    </div>\n    <span class=\"evo-navigation-button__label\"><ng-content></ng-content></span>\n</button>\n", styles: [":host{display:inline-block;margin:0;padding:0;background:none;border:none;cursor:pointer}.evo-navigation-button{display:flex;flex-flow:row nowrap;align-items:center;grid-gap:4px;gap:4px;margin:0;padding:0;background:none;border:none;outline:none}.evo-navigation-button:hover .evo-navigation-button__icon{fill:#3a9ee8}.evo-navigation-button:hover .evo-navigation-button__label{color:#3a9ee8}.evo-navigation-button:active .evo-navigation-button__icon{fill:#0879cb}.evo-navigation-button:active .evo-navigation-button__label{color:#0879cb}.evo-navigation-button__icon-wrapper{width:24px;height:24px}.evo-navigation-button__icon{fill:#0986e2}.evo-navigation-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;color:#0986e2}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'evo-navigation-button',
+                      templateUrl: './evo-navigation-button.component.html',
+                      styleUrls: ['./evo-navigation-button.component.scss'],
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                  }]
+          }] });
+
+  var EvoNavigationButtonModule = /** @class */ (function () {
+      function EvoNavigationButtonModule() {
+      }
+      return EvoNavigationButtonModule;
+  }());
+  EvoNavigationButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  EvoNavigationButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, declarations: [EvoNavigationButtonComponent], imports: [i1.CommonModule, EvoIconModule], exports: [EvoNavigationButtonComponent] });
+  EvoNavigationButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, imports: [[
+              i1.CommonModule,
+              EvoIconModule.forRoot([
+                  {
+                      name: 'navigation',
+                      shapes: {
+                          'chevron-left': navigation.iconChevronLeft,
+                      },
+                  },
+              ]),
+          ]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      imports: [
+                          i1.CommonModule,
+                          EvoIconModule.forRoot([
+                              {
+                                  name: 'navigation',
+                                  shapes: {
+                                      'chevron-left': navigation.iconChevronLeft,
+                                  },
+                              },
+                          ]),
+                      ],
+                      declarations: [
+                          EvoNavigationButtonComponent,
+                      ],
+                      exports: [
+                          EvoNavigationButtonComponent,
+                      ]
+                  }]
+          }] });
+
   /*
    * Public API Surface of evo-ui-kit
    */
@@ -8872,6 +8938,8 @@
   exports.EvoNavbarComponent = EvoNavbarComponent;
   exports.EvoNavbarItemComponent = EvoNavbarItemComponent;
   exports.EvoNavbarModule = EvoNavbarModule;
+  exports.EvoNavigationButtonComponent = EvoNavigationButtonComponent;
+  exports.EvoNavigationButtonModule = EvoNavigationButtonModule;
   exports.EvoNoteComponent = EvoNoteComponent;
   exports.EvoNoteModule = EvoNoteModule;
   exports.EvoPaginatorComponent = EvoPaginatorComponent;