@evotor-dev/ui-kit 6.17.1 → 6.17.2

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

@@ -9537,6 +9537,381 @@
                   }]
           }] });
 
+  /**
+   * Токен `ANIMATION_FRAME` предоставляет поток значений времени из `requestAnimationFrame`,
+   * испускаемый каждый кадр анимации.
+   *
+   * Может быть полезен для задач, которые требуют частого обновления, например, отслеживания
+   * активности или плавной анимации в UI.
+   */
+  var ANIMATION_FRAME = new i0.InjectionToken('[ANIMATION_FRAME]', {
+      factory: function () {
+          var animationFrame$ = new i3.Observable(function (subscriber) {
+              var id = NaN;
+              var callback = function (timestamp) {
+                  subscriber.next(timestamp);
+                  id = requestAnimationFrame(callback);
+              };
+              id = requestAnimationFrame(callback);
+              return function () {
+                  cancelAnimationFrame(id);
+              };
+          });
+          return animationFrame$.pipe(operators.share());
+      },
+  });
+
+  /**
+   * Кратко:
+   * 🔥 evoZonefull — тащит всё в Angular-зону.
+   * 🧊 evoZonefree — игнорирует Angular-зону, экономит CD.
+   * ⚖️ evoZoneOptimized — как утро с кофе: просыпаешься вовремя и не дергаешь лишний раз change detection.
+   */
+  /**
+   * Оператор `evoZonefull` обеспечивает полное выполнение потока внутри зоны Angular.
+   *
+   * Все `next`, `error` и `complete` вызовы оборачиваются в `NgZone.run`, чтобы гарантировать
+   * корректный запуск change detection.
+   *
+   * Используй, если поток формируется вне зоны или ты не уверен, что Angular узнает об изменениях.
+   *
+   * @param zone Сервис `NgZone` из Angular DI.
+   * @returns Оператор, оборачивающий поток в `NgZone.run()`.
+   *
+   * @example
+   * source$.pipe(evoZonefull(this.ngZone)).subscribe(...);
+   */
+  function evoZonefull(zone) {
+      return function (source) { return new i3.Observable(function (subscriber) { return source.subscribe({
+          next: function (value) { return zone.run(function () { return subscriber.next(value); }); },
+          error: function (error) { return zone.run(function () { return subscriber.error(error); }); },
+          complete: function () { return zone.run(function () { return subscriber.complete(); }); },
+      }); }); };
+  }
+  /**
+   * Оператор `evoZonefree` исполняет весь поток вне зоны Angular.
+   *
+   * Это помогает избежать лишних срабатываний change detection и повысить производительность,
+   * особенно для часто испускаемых потоков (например, `scroll`, `animationFrame`, таймеры).
+   *
+   * Используй, если тебе не нужно обновлять Angular view внутри этого потока.
+   *
+   * @param zone Сервис `NgZone` из Angular DI.
+   * @returns Оператор, исполняющий подписку вне Angular-зоны.
+   *
+   * @example
+   * source$.pipe(evoZonefree(this.ngZone)).subscribe(...);
+   */
+  function evoZonefree(zone) {
+      return function (source) { return new i3.Observable(function (subscriber) { return zone.runOutsideAngular(function () { return source.subscribe(subscriber); }); }); };
+  }
+  /**
+   * Оператор `evoZoneOptimized` — комбо из `evoZonefree` и `evoZonefull`.
+   *
+   * Сначала поток исполняется вне Angular-зоны (`runOutsideAngular`), чтобы избежать лишнего
+   * change detection. Но события `next`, `error` и `complete` всё равно возвращаются в Angular-зону.
+   *
+   * Это идеальный баланс, если тебе нужен быстрый поток без лишнего CD, но ты всё равно хочешь,
+   * чтобы Angular знал о результатах.
+   *
+   * @param zone Сервис `NgZone` из Angular DI.
+   * @returns Оператор, оптимизированный по производительности.
+   *
+   * @example
+   * source$.pipe(evoZoneOptimized(this.ngZone)).subscribe(...);
+   */
+  function evoZoneOptimized(zone) {
+      return i3.pipe(evoZonefree(zone), evoZonefull(zone));
+  }
+
+  /**
+   * Сервис создает поток, отслеживающий состояние активности
+   * `RouterLinkActive` в реальном времени с использованием `requestAnimationFrame`.
+   *
+   * Наследуется от `Observable<boolean>` и эмитит `true` или `false`, когда состояние `isActive`
+   * меняется. Если `RouterLinkActive` не передан — поток будет пустым (`EMPTY`).
+   */
+  var RouterLinkActiveService = /** @class */ (function (_super) {
+      __extends(RouterLinkActiveService, _super);
+      function RouterLinkActiveService(routerLinkActive, ngZone, animationFrame$) {
+          var _this = this;
+          var stream$ = routerLinkActive
+              ? i3.merge(i3.timer(0), animationFrame$).pipe(operators.map(function () { return routerLinkActive.isActive; }), operators.distinctUntilChanged(), evoZoneOptimized(ngZone))
+              : i3.EMPTY;
+          _this = _super.call(this, function (subscriber) { return stream$.subscribe(subscriber); }) || this;
+          return _this;
+      }
+      return RouterLinkActiveService;
+  }(i3.Observable));
+  RouterLinkActiveService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RouterLinkActiveService, deps: [{ token: i3$2.RouterLinkActive, optional: true }, { token: i0.NgZone }, { token: ANIMATION_FRAME }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  RouterLinkActiveService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RouterLinkActiveService });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RouterLinkActiveService, decorators: [{
+              type: i0.Injectable
+          }], ctorParameters: function () {
+          return [{ type: i3__namespace$2.RouterLinkActive, decorators: [{
+                          type: i0.Optional
+                      }, {
+                          type: i0.Inject,
+                          args: [i3$2.RouterLinkActive]
+                      }] }, { type: i0__namespace.NgZone, decorators: [{
+                          type: i0.Inject,
+                          args: [i0.NgZone]
+                      }] }, { type: i3__namespace$3.Observable, decorators: [{
+                          type: i0.Inject,
+                          args: [ANIMATION_FRAME]
+                      }] }];
+      } });
+
+  /**
+   * Безопасная обёртка над `MutationObserver`, которая гарантирует,
+   * что код не упадёт в средах, где `MutationObserver` недоступен
+   * (например, серверный рендеринг или тесты без DOM).
+   *
+   * Если `MutationObserver` существует — используется он.
+   * Если нет — используется заглушка с пустыми методами.
+   */
+  var SafeObserver = typeof MutationObserver !== 'undefined'
+      ? MutationObserver
+      : /** @class */ (function () {
+          function class_1() {
+          }
+          class_1.prototype.observe = function () { };
+          class_1.prototype.disconnect = function () { };
+          class_1.prototype.takeRecords = function () {
+              return [];
+          };
+          return class_1;
+      }());
+  /**
+   * Сервис `MutationObserverService` предоставляет поток `Observable<MutationRecord[]>`,
+   * который эмитит записи изменений DOM для текущего элемента (`ElementRef`).
+   *
+   * Наблюдает за изменениями потомков, текстового содержимого и вложенных структур (`subtree: true`).
+   *
+   * Используется `SafeObserver`, чтобы гарантировать совместимость с SSR и тестовой средой.
+   *
+   * ⚠️ Важно: требует, чтобы `ElementRef` был доступен через DI-контекст (т.е. работает в компонентах/директивах).
+   *
+   * @example
+   * this.mutationObserverService.subscribe(records => {
+   *   console.log('Mutation detected!', records);
+   * });
+   */
+  var MutationObserverService = /** @class */ (function (_super) {
+      __extends(MutationObserverService, _super);
+      function MutationObserverService() {
+          var _this = this;
+          var nativeElement = i0.inject(i0.ElementRef).nativeElement;
+          _this = _super.call(this, function (subscriber) {
+              var observer = new SafeObserver(function (records) {
+                  subscriber.next(records);
+              });
+              observer.observe(nativeElement, {
+                  childList: true,
+                  characterData: true,
+                  subtree: true,
+              });
+              return function () {
+                  observer.disconnect();
+              };
+          }) || this;
+          return _this;
+      }
+      return MutationObserverService;
+  }(i3.Observable));
+  MutationObserverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MutationObserverService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  MutationObserverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MutationObserverService });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MutationObserverService, decorators: [{
+              type: i0.Injectable
+          }], ctorParameters: function () { return []; } });
+
+  var EVO_TAB_ACTIVATE = 'evo-tab-activate';
+  var EvoNavigationTabDirective = /** @class */ (function () {
+      function EvoNavigationTabDirective(el, routerLinkActiveService, rla, mutation) {
+          this.el = el;
+          this.routerLinkActiveService = routerLinkActiveService;
+          this.rla = rla;
+          this.mutation = mutation;
+          this.tabClass = true;
+          this.destroy$ = new i3.Subject();
+          this.initSubscriptions();
+      }
+      EvoNavigationTabDirective.prototype.ngOnDestroy = function () {
+          this.destroy$.next();
+          this.destroy$.complete();
+      };
+      EvoNavigationTabDirective.prototype.initSubscriptions = function () {
+          var _this = this;
+          var mutationObserver = this.rla && this.mutation ? this.mutation.pipe(operators.filter(function () { return _this.rla.isActive; })) : i3.EMPTY;
+          i3.merge(mutationObserver, this.routerLinkActiveService.pipe(operators.filter(function (r) { return r; })), i3.fromEvent(this.el.nativeElement, 'click').pipe(
+          // Delaying execution until after all other click callbacks
+          operators.switchMap(function () { return i3.fromEvent(_this.el.nativeElement.parentElement, 'click').pipe(operators.take(1)); })))
+              .pipe(operators.tap(function () {
+              _this.el.nativeElement.dispatchEvent(new CustomEvent(EVO_TAB_ACTIVATE, { bubbles: true }));
+          }), operators.takeUntil(this.destroy$))
+              .subscribe();
+      };
+      return EvoNavigationTabDirective;
+  }());
+  EvoNavigationTabDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabDirective, deps: [{ token: i0__namespace.ElementRef }, { token: RouterLinkActiveService }, { token: i3__namespace$2.RouterLinkActive, optional: true }, { token: MutationObserverService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  EvoNavigationTabDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavigationTabDirective, selector: "button[evoNavigationTab]:not([routerLink]), button[evoNavigationTab][routerLink][routerLinkActive]", host: { properties: { "class.evo-navigation-tab": "this.tabClass" } }, providers: [MutationObserverService, RouterLinkActiveService], ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabDirective, decorators: [{
+              type: i0.Directive,
+              args: [{
+                      selector: 'button[evoNavigationTab]:not([routerLink]), button[evoNavigationTab][routerLink][routerLinkActive]',
+                      providers: [MutationObserverService, RouterLinkActiveService],
+                  }]
+          }], ctorParameters: function () {
+          return [{ type: i0__namespace.ElementRef }, { type: RouterLinkActiveService }, { type: i3__namespace$2.RouterLinkActive, decorators: [{
+                          type: i0.Optional
+                      }] }, { type: MutationObserverService, decorators: [{
+                          type: i0.Optional
+                      }] }];
+      }, propDecorators: { tabClass: [{
+                  type: i0.HostBinding,
+                  args: ['class.evo-navigation-tab']
+              }] } });
+
+  var EvoNavigationTabsComponent = /** @class */ (function () {
+      function EvoNavigationTabsComponent(el) {
+          this.el = el;
+          this.tabs = [];
+          this.size = 'normal';
+          this.activeItemIndexChange = new i0.EventEmitter();
+          this.disabled = false;
+          this.activeIndex = 0;
+          this.disabledSubject$ = new i3.Subject();
+          this.nextRenderSubject$ = new i3.Subject();
+          this.destroy$ = new i3.Subject();
+          this.initSubscriptions();
+      }
+      Object.defineProperty(EvoNavigationTabsComponent.prototype, "setActiveIndex", {
+          set: function (index) {
+              this.activeIndex = index;
+              this.markTabAsActive();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(EvoNavigationTabsComponent.prototype, "setDisabled", {
+          set: function (disabled) {
+              this.disabled = disabled;
+              this.disabledSubject$.next(disabled);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      EvoNavigationTabsComponent.prototype.ngAfterViewInit = function () {
+          this.markTabAsActive();
+      };
+      EvoNavigationTabsComponent.prototype.ngAfterViewChecked = function () {
+          this.nextRenderSubject$.next();
+      };
+      EvoNavigationTabsComponent.prototype.ngOnDestroy = function () {
+          this.destroy$.next();
+          this.destroy$.complete();
+      };
+      EvoNavigationTabsComponent.prototype.onActivate = function (event, element) {
+          var index = this.tabsList.findIndex(function (tab) { return tab === element; });
+          event.stopPropagation();
+          if (index === this.activeIndex) {
+              return;
+          }
+          this.activeItemIndexChange.emit(index);
+          this.activeIndex = index;
+          this.markTabAsActive();
+      };
+      Object.defineProperty(EvoNavigationTabsComponent.prototype, "tabsList", {
+          get: function () {
+              return Array.from(this.el.nativeElement.querySelectorAll('[evoNavigationTab]'));
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(EvoNavigationTabsComponent.prototype, "activeElement", {
+          get: function () {
+              return this.tabsList[this.activeIndex] || undefined;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      EvoNavigationTabsComponent.prototype.markTabAsActive = function () {
+          var _a = this, tabsList = _a.tabsList, activeElement = _a.activeElement;
+          tabsList.forEach(function (nativeElement) {
+              var active = nativeElement === activeElement;
+              nativeElement.classList.toggle('_active', active);
+              nativeElement.setAttribute('tabIndex', active ? '0' : '-1');
+          });
+      };
+      EvoNavigationTabsComponent.prototype.markTabAsDisabled = function () {
+          var _this = this;
+          this.tabsList.forEach(function (nativeElement) {
+              var allDisabledClassName = '_all_disabled';
+              if (_this.disabled && !nativeElement.disabled) {
+                  nativeElement.classList.add(allDisabledClassName);
+                  nativeElement.setAttribute('disabled', '');
+              }
+              if (!_this.disabled && nativeElement.classList.contains(allDisabledClassName)) {
+                  nativeElement.classList.remove(allDisabledClassName);
+                  nativeElement.removeAttribute('disabled');
+              }
+          });
+      };
+      EvoNavigationTabsComponent.prototype.initSubscriptions = function () {
+          var _this = this;
+          this.disabledSubject$
+              .pipe(operators.switchMap(function () { return _this.nextRenderSubject$.pipe(operators.take(1)); }), operators.tap(function () {
+              _this.markTabAsDisabled();
+          }), operators.takeUntil(this.destroy$))
+              .subscribe();
+      };
+      return EvoNavigationTabsComponent;
+  }());
+  EvoNavigationTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  EvoNavigationTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavigationTabsComponent, selector: "evo-navigation-tabs", inputs: { tabs: "tabs", size: "size", setActiveIndex: ["activeIndex", "setActiveIndex"], setDisabled: ["disabled", "setDisabled"] }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { listeners: { "evo-tab-activate": "onActivate($event,$event.target)" } }, ngImport: i0__namespace, template: "<div class=\"evo-navigation-tabs\" [class]=\"{ 'evo-navigation-tabs_size_small': size === 'small' }\">\n    <ng-content select=\"[position=start]\"></ng-content>\n\n    <ng-container *ngFor=\"let tab of tabs; let i = index\">\n        <button\n            *ngIf=\"tab.link\"\n            evoNavigationTab\n            routerLinkActive=\"active\"\n            queryParamsHandling=\"merge\"\n            [routerLink]=\"tab.link\"\n            [routerLinkActiveOptions]=\"{exact: true}\"\n            [disabled]=\"tab.disabled || disabled\"\n        >\n            {{ tab.label }}\n        </button>\n        <button *ngIf=\"!tab.link\" evoNavigationTab [disabled]=\"tab.disabled || disabled\">{{ tab.label }}</button>\n    </ng-container>\n\n    <ng-content></ng-content>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.evo-navigation-tabs{display:flex;box-shadow:inset 0 -1px #c6c6c6;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.evo-navigation-tabs::-webkit-scrollbar{display:none}.evo-navigation-tab{display:flex;align-items:center;box-sizing:border-box;padding:12px 16px;border:none;background:none;color:#212121;white-space:nowrap;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:box-shadow .3s,color .3s;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}.evo-navigation-tabs_size_small .evo-navigation-tab{padding:7px 8px;text-transform:none;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:400}.evo-navigation-tab:hover{color:#f05023}.evo-navigation-tab:focus-visible{outline:none}.evo-navigation-tab._active:not(:disabled){color:#f05023;box-shadow:inset 0 -2px #f05023;cursor:default}.evo-navigation-tabs_size_small .evo-navigation-tab._active:not(:disabled){box-shadow:inset 0 -1px #f05023}.evo-navigation-tab:disabled{color:#b0b0b0;pointer-events:none;cursor:default}\n"], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoNavigationTabDirective, selector: "button[evoNavigationTab]:not([routerLink]), button[evoNavigationTab][routerLink][routerLinkActive]" }, { type: i3__namespace$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i3__namespace$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'evo-navigation-tabs',
+                      templateUrl: './evo-navigation-tabs.component.html',
+                      styleUrls: ['./evo-navigation-tabs.component.scss'],
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                      encapsulation: i0.ViewEncapsulation.None,
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { tabs: [{
+                  type: i0.Input
+              }], size: [{
+                  type: i0.Input
+              }], setActiveIndex: [{
+                  type: i0.Input,
+                  args: ['activeIndex']
+              }], setDisabled: [{
+                  type: i0.Input,
+                  args: ['disabled']
+              }], activeItemIndexChange: [{
+                  type: i0.Output
+              }], onActivate: [{
+                  type: i0.HostListener,
+                  args: [EVO_TAB_ACTIVATE, ['$event', '$event.target']]
+              }] } });
+
+  var EvoNavigationTabsModule = /** @class */ (function () {
+      function EvoNavigationTabsModule() {
+      }
+      return EvoNavigationTabsModule;
+  }());
+  EvoNavigationTabsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  EvoNavigationTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, declarations: [EvoNavigationTabsComponent, EvoNavigationTabDirective], imports: [i2.CommonModule, i3$2.RouterModule], exports: [EvoNavigationTabsComponent, EvoNavigationTabDirective] });
+  EvoNavigationTabsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, imports: [[i2.CommonModule, i3$2.RouterModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [EvoNavigationTabsComponent, EvoNavigationTabDirective],
+                      imports: [i2.CommonModule, i3$2.RouterModule],
+                      exports: [EvoNavigationTabsComponent, EvoNavigationTabDirective],
+                  }]
+          }] });
+
   /*
    * Public API Surface of evo-ui-kit
    */
@@ -9556,6 +9931,7 @@
   exports.EVO_SIDEBAR_CONFIG = EVO_SIDEBAR_CONFIG;
   exports.EVO_SIDEBAR_DATA = EVO_SIDEBAR_DATA;
   exports.EVO_SIDEBAR_ROOT_ID = EVO_SIDEBAR_ROOT_ID;
+  exports.EVO_TAB_ACTIVATE = EVO_TAB_ACTIVATE;
   exports.EvoAbstractPortal = EvoAbstractPortal;
   exports.EvoAccordionComponent = EvoAccordionComponent;
   exports.EvoAccordionContentComponent = EvoAccordionContentComponent;
@@ -9624,6 +10000,9 @@
   exports.EvoNavbarModule = EvoNavbarModule;
   exports.EvoNavigationButtonComponent = EvoNavigationButtonComponent;
   exports.EvoNavigationButtonModule = EvoNavigationButtonModule;
+  exports.EvoNavigationTabDirective = EvoNavigationTabDirective;
+  exports.EvoNavigationTabsComponent = EvoNavigationTabsComponent;
+  exports.EvoNavigationTabsModule = EvoNavigationTabsModule;
   exports.EvoNoteComponent = EvoNoteComponent;
   exports.EvoNoteModule = EvoNoteModule;
   exports.EvoPaginatorComponent = EvoPaginatorComponent;