@evotor-dev/ui-kit 6.17.2 → 6.17.3

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

@@ -9777,17 +9777,17 @@
           this.el = el;
           this.tabs = [];
           this.size = 'normal';
-          this.activeItemIndexChange = new i0.EventEmitter();
+          this.activeTabIndexChange = new i0.EventEmitter();
           this.disabled = false;
-          this.activeIndex = 0;
+          this.activeTabIndex = 0;
           this.disabledSubject$ = new i3.Subject();
           this.nextRenderSubject$ = new i3.Subject();
           this.destroy$ = new i3.Subject();
           this.initSubscriptions();
       }
-      Object.defineProperty(EvoNavigationTabsComponent.prototype, "setActiveIndex", {
+      Object.defineProperty(EvoNavigationTabsComponent.prototype, "setActiveTabIndex", {
           set: function (index) {
-              this.activeIndex = index;
+              this.activeTabIndex = index;
               this.markTabAsActive();
           },
           enumerable: false,
@@ -9814,11 +9814,11 @@
       EvoNavigationTabsComponent.prototype.onActivate = function (event, element) {
           var index = this.tabsList.findIndex(function (tab) { return tab === element; });
           event.stopPropagation();
-          if (index === this.activeIndex) {
+          if (index === this.activeTabIndex) {
               return;
           }
-          this.activeItemIndexChange.emit(index);
-          this.activeIndex = index;
+          this.activeTabIndexChange.emit(index);
+          this.activeTabIndex = index;
           this.markTabAsActive();
       };
       Object.defineProperty(EvoNavigationTabsComponent.prototype, "tabsList", {
@@ -9830,7 +9830,7 @@
       });
       Object.defineProperty(EvoNavigationTabsComponent.prototype, "activeElement", {
           get: function () {
-              return this.tabsList[this.activeIndex] || undefined;
+              return this.tabsList[this.activeTabIndex] || undefined;
           },
           enumerable: false,
           configurable: true
@@ -9868,7 +9868,7 @@
       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 });
+  EvoNavigationTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavigationTabsComponent, selector: "evo-navigation-tabs", inputs: { tabs: "tabs", size: "size", setActiveTabIndex: ["activeTabIndex", "setActiveTabIndex"], setDisabled: ["disabled", "setDisabled"] }, outputs: { activeTabIndexChange: "activeTabIndexChange" }, 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.routerLink; else simpleTabTemplate\"\n            evoNavigationTab\n            routerLinkActive=\"active\"\n            queryParamsHandling=\"merge\"\n            [routerLink]=\"tab.routerLink\"\n            [relativeTo]=\"tab.relativeTo\"\n            [queryParams]=\"tab.queryParams\"\n            [queryParamsHandling]=\"tab.queryParamsHandling\"\n            [fragment]=\"tab.fragment\"\n            [preserveFragment]=\"tab.preserveFragment\"\n            [routerLinkActiveOptions]=\"{exact: true}\"\n            [disabled]=\"tab.disabled || disabled\"\n        >\n            {{ tab.label }}\n        </button>\n        <ng-template #simpleTabTemplate>\n            <button evoNavigationTab [disabled]=\"tab.disabled || disabled\">{{ tab.label }}</button>\n        </ng-template>\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: [{
@@ -9882,13 +9882,13 @@
                   type: i0.Input
               }], size: [{
                   type: i0.Input
-              }], setActiveIndex: [{
+              }], setActiveTabIndex: [{
                   type: i0.Input,
-                  args: ['activeIndex']
+                  args: ['activeTabIndex']
               }], setDisabled: [{
                   type: i0.Input,
                   args: ['disabled']
-              }], activeItemIndexChange: [{
+              }], activeTabIndexChange: [{
                   type: i0.Output
               }], onActivate: [{
                   type: i0.HostListener,