@evotor-dev/ui-kit 6.6.0 → 6.7.0

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

@@ -2782,7 +2782,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: [{
@@ -4447,6 +4447,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 +8792,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 +8933,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;