@acorex/components 19.4.0-next.0 → 19.4.1

package/fesm2022/acorex-components-rail-navigation.mjs

@@ -1,49 +1,135 @@
 import { MXBaseComponent } from '@acorex/components/common';
-import * as i0 from '@angular/core';
-import { input, model, output, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, inject, PLATFORM_ID, output, model, input, viewChild, Component, ChangeDetectionStrategy, ViewEncapsulation, contentChildren, signal, effect, HostBinding, NgModule } from '@angular/core';
+import { Subject } from 'rxjs';
 import * as i2 from '@angular/router';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 
+class AXRailNavigationService {
+    constructor() {
+        this.activeItem = new Subject();
+        this.activeItem$ = this.activeItem.asObservable();
+    }
+    setActive(item) {
+        this.activeItem.next(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class AXRailNavigationItemComponent extends MXBaseComponent {
     constructor() {
         super(...arguments);
-        this.href = input();
+        this.railNavigationService = inject(AXRailNavigationService);
+        this.platformId = inject(PLATFORM_ID);
+        this.onClick = output();
         this.isLoading = model(false);
         this.disabled = model(false);
         this.active = model(false);
-        this.onClick = output();
+        this.href = input();
         this.routerLink = input();
         this.routerLinkActive = input('ax-state-active');
-        this.routerLinkActiveOptions = input({ exact: false });
         this.target = input('_self');
+        this.routerLinkActiveOptions = input({ exact: false });
+        this.itemContainer = viewChild('itemContainer');
+        this.observer = null;
+    }
+    ngAfterViewInit() {
+        this.checkActive(this.itemContainer().nativeElement);
+        if (isPlatformBrowser(this.platformId)) {
+            this.observer = new MutationObserver((mutations) => {
+                mutations.forEach((mutation) => {
+                    if (mutation.attributeName === 'class') {
+                        this.checkActive(mutation.target);
+                    }
+                });
+            });
+            this.observer.observe(this.itemContainer().nativeElement, {
+                attributes: true,
+                childList: false,
+                characterData: false,
+            });
+        }
+    }
+    ngOnDestroy() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
     }
     handleClickEvent(e) {
-        if (this.disabled || this.isLoading())
-            return;
-        const event = {
+        this.onClick.emit({
             component: this,
             htmlElement: this.getHostElement(),
             nativeEvent: e,
-            handled: false,
+        });
+    }
+    getStats() {
+        return {
+            height: this.getHostElement().clientHeight,
+            top: this.getHostElement().offsetTop,
         };
-        this.onClick.emit(event);
-        e.stopPropagation();
+    }
+    checkActive(item) {
+        if (item.classList.contains('ax-state-active')) {
+            this.railNavigationService.setActive(this);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXRailNavigationItemComponent, isStandalone: false, selector: "ax-rail-navigation-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, routerLinkActive: { classPropertyName: "routerLinkActive", publicName: "routerLinkActive", isSignal: true, isRequired: false, transformFunction: null }, routerLinkActiveOptions: { classPropertyName: "routerLinkActiveOptions", publicName: "routerLinkActiveOptions", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoading: "isLoadingChange", disabled: "disabledChange", active: "activeChange", onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: "@if (routerLink()) {\n  <a\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    [class.ax-state-active]=\"active()\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    class=\"ax-rail-navigation-item\"\n    [class.ax-state-active]=\"active()\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n", styles: ["ax-rail-navigation-item{width:100%;cursor:pointer;transition:color .3s ease;color:rgba(var(--ax-color-neutral-400))}ax-rail-navigation-item:hover{color:rgba(var(--ax-color-text-default))}ax-rail-navigation-item .ax-rail-navigation-item{gap:.75rem;display:flex;align-items:center;padding-block:1rem;flex-direction:column;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXRailNavigationItemComponent, isStandalone: false, selector: "ax-rail-navigation-item", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, routerLinkActive: { classPropertyName: "routerLinkActive", publicName: "routerLinkActive", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, routerLinkActiveOptions: { classPropertyName: "routerLinkActiveOptions", publicName: "routerLinkActiveOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", isLoading: "isLoadingChange", disabled: "disabledChange", active: "activeChange" }, viewQueries: [{ propertyName: "itemContainer", first: true, predicate: ["itemContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (routerLink()) {\n  <a\n    #itemContainer\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    #itemContainer\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    #itemContainer\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-rail-navigation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (routerLink()) {\n  <a\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    [class.ax-state-active]=\"active()\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    class=\"ax-rail-navigation-item\"\n    [class.ax-state-active]=\"active()\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n", styles: ["ax-rail-navigation-item{width:100%;cursor:pointer;transition:color .3s ease;color:rgba(var(--ax-color-neutral-400))}ax-rail-navigation-item:hover{color:rgba(var(--ax-color-text-default))}ax-rail-navigation-item .ax-rail-navigation-item{gap:.75rem;display:flex;align-items:center;padding-block:1rem;flex-direction:column;justify-content:center}\n"] }]
+            args: [{ selector: 'ax-rail-navigation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (routerLink()) {\n  <a\n    #itemContainer\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    #itemContainer\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    #itemContainer\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n" }]
         }] });
 
 class AXRailNavigationComponent extends MXBaseComponent {
+    #lookLocationChange;
     constructor() {
-        super(...arguments);
+        super();
+        this.railNavigationService = inject(AXRailNavigationService);
+        this.indicator = viewChild('indicator');
+        this.railNavItems = contentChildren(AXRailNavigationItemComponent);
         this.location = input('start');
         this.look = input('with-line-color');
+        this.activeTab = signal(null);
+        this.#lookLocationChange = effect(() => {
+            if (this.location()) {
+                if (this.look() === 'with-line-color' || this.look() === 'with-line') {
+                    setTimeout(() => {
+                        this.setIndicatorPosition(this.activeTab());
+                    });
+                }
+            }
+        });
+        this.railNavigationService.activeItem$.subscribe((item) => {
+            this.activeTab.set(item);
+            if (this.look() === 'with-line-color' || this.look() === 'with-line') {
+                this.setIndicatorPosition(item);
+            }
+        });
+    }
+    setIndicatorPosition(tabItem) {
+        const indicatorStyle = this.indicator().nativeElement.style;
+        const itemStats = tabItem.getStats();
+        indicatorStyle.width = ` var(--ax-rail-indicator-size)`;
+        indicatorStyle.height = `${itemStats.height}px`;
+        indicatorStyle.top = `${itemStats.top}px`;
+        indicatorStyle.bottom = `unset`;
+        if (this.location() === 'start') {
+            indicatorStyle.insetInlineStart = `0px`;
+            indicatorStyle.insetInlineEnd = `unset`;
+        }
+        if (this.location() === 'end') {
+            indicatorStyle.insetInlineStart = `unset`;
+            indicatorStyle.insetInlineEnd = `0px`;
+        }
     }
     get __hostClass() {
         const cssClasses = [];
@@ -51,13 +137,13 @@ class AXRailNavigationComponent extends MXBaseComponent {
         cssClasses.push(`ax-look-${this.look()}`);
         return cssClasses;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXRailNavigationComponent, isStandalone: false, selector: "ax-rail-navigation", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item,ng-container,ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-dark ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100),.2)}:root{--ax-rail-width: 6rem}ax-rail-navigation{height:100%;display:flex;overflow-y:auto;align-items:center;font-size:.875rem;padding-block:1rem;flex-direction:column;width:var(--ax-rail-width);background:rgba(var(--ax-color-surface))}ax-rail-navigation .ax-suffix-container{height:100%;display:flex;align-items:end}ax-rail-navigation.ax-look-with-line.ax-start .ax-state-active,ax-rail-navigation.ax-look-with-line-color.ax-start .ax-state-active{color:rgba(var(--ax-color-text-default));border-inline-start:2px rgba(var(--ax-color-text-default)) solid}ax-rail-navigation.ax-look-with-line.ax-end .ax-state-active,ax-rail-navigation.ax-look-with-line-color.ax-end .ax-state-active{color:rgba(var(--ax-color-text-default));border-inline-end:2px rgba(var(--ax-color-text-default)) solid}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXRailNavigationComponent, isStandalone: false, selector: "ax-rail-navigation", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "railNavItems", predicate: AXRailNavigationItemComponent, isSignal: true }], viewQueries: [{ propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item,ng-container,ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n", styles: [".ax-dark ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100),.2)}:root{--ax-rail-width: 5.5rem;--ax-rail-indicator-size: 2px}ax-rail-navigation{height:100%;display:flex;overflow-y:auto;position:relative;align-items:center;font-size:.875rem;padding-block:1rem;flex-direction:column;width:var(--ax-rail-width);background:rgba(var(--ax-color-surface))}ax-rail-navigation .ax-suffix-container{height:100%;display:flex;align-items:end}ax-rail-navigation ax-rail-navigation-item{width:100%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item{gap:.25rem;display:flex;cursor:pointer;font-weight:500;align-items:center;padding-block:.5rem;flex-direction:column;justify-content:center;transition:color .3s ease;color:rgba(var(--ax-color-text-default),.5);transition-property:background-color,font-weight;transition:.3s cubic-bezier(.4,0,.2,1)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;font-size:1.1rem;border-radius:1rem;padding:.4rem 1.2rem;justify-content:center;transition:background-color .3s cubic-bezier(.4,0,.2,1)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{color:rgba(var(--ax-color-text-default))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;color:rgba(var(--ax-color-text-default),.3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{color:rgba(var(--ax-color-text-default),.3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{color:rgba(var(--ax-color-text-default))}ax-rail-navigation .ax-rail-indicator{display:none}ax-rail-navigation.ax-look-with-line .ax-rail-indicator,ax-rail-navigation.ax-look-with-line-color .ax-rail-indicator{display:block;position:absolute;transition-property:height,top;width:var(--ax-rail-indicator-size);transition:.3s cubic-bezier(.4,0,.2,1);background-color:rgba(var(--ax-color-text-default))}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100))}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item{color:rgba(var(--ax-color-text-default),.7)}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item:hover,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item:hover{color:rgba(var(--ax-color-text-default),.85);font-weight:700}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item:hover ax-icon,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item:hover ax-icon{background-color:rgba(var(--ax-color-text-default),.1)}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item.ax-state-active,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item.ax-state-active{color:rgba(var(--ax-color-text-default));font-weight:bolder}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item.ax-state-active ax-icon,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item.ax-state-active ax-icon{background-color:rgba(var(--ax-color-text-default),.2)}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-color-primary-400),.2)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXRailNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-rail-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item,ng-container,ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-dark ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100),.2)}:root{--ax-rail-width: 6rem}ax-rail-navigation{height:100%;display:flex;overflow-y:auto;align-items:center;font-size:.875rem;padding-block:1rem;flex-direction:column;width:var(--ax-rail-width);background:rgba(var(--ax-color-surface))}ax-rail-navigation .ax-suffix-container{height:100%;display:flex;align-items:end}ax-rail-navigation.ax-look-with-line.ax-start .ax-state-active,ax-rail-navigation.ax-look-with-line-color.ax-start .ax-state-active{color:rgba(var(--ax-color-text-default));border-inline-start:2px rgba(var(--ax-color-text-default)) solid}ax-rail-navigation.ax-look-with-line.ax-end .ax-state-active,ax-rail-navigation.ax-look-with-line-color.ax-end .ax-state-active{color:rgba(var(--ax-color-text-default));border-inline-end:2px rgba(var(--ax-color-text-default)) solid}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100))}\n"] }]
-        }], propDecorators: { __hostClass: [{
+            args: [{ selector: 'ax-rail-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item,ng-container,ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n", styles: [".ax-dark ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100),.2)}:root{--ax-rail-width: 5.5rem;--ax-rail-indicator-size: 2px}ax-rail-navigation{height:100%;display:flex;overflow-y:auto;position:relative;align-items:center;font-size:.875rem;padding-block:1rem;flex-direction:column;width:var(--ax-rail-width);background:rgba(var(--ax-color-surface))}ax-rail-navigation .ax-suffix-container{height:100%;display:flex;align-items:end}ax-rail-navigation ax-rail-navigation-item{width:100%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item{gap:.25rem;display:flex;cursor:pointer;font-weight:500;align-items:center;padding-block:.5rem;flex-direction:column;justify-content:center;transition:color .3s ease;color:rgba(var(--ax-color-text-default),.5);transition-property:background-color,font-weight;transition:.3s cubic-bezier(.4,0,.2,1)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;font-size:1.1rem;border-radius:1rem;padding:.4rem 1.2rem;justify-content:center;transition:background-color .3s cubic-bezier(.4,0,.2,1)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{color:rgba(var(--ax-color-text-default))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;color:rgba(var(--ax-color-text-default),.3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{color:rgba(var(--ax-color-text-default),.3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{color:rgba(var(--ax-color-text-default))}ax-rail-navigation .ax-rail-indicator{display:none}ax-rail-navigation.ax-look-with-line .ax-rail-indicator,ax-rail-navigation.ax-look-with-line-color .ax-rail-indicator{display:block;position:absolute;transition-property:height,top;width:var(--ax-rail-indicator-size);transition:.3s cubic-bezier(.4,0,.2,1);background-color:rgba(var(--ax-color-text-default))}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-color-primary-100))}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item{color:rgba(var(--ax-color-text-default),.7)}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item:hover,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item:hover{color:rgba(var(--ax-color-text-default),.85);font-weight:700}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item:hover ax-icon,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item:hover ax-icon{background-color:rgba(var(--ax-color-text-default),.1)}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item.ax-state-active,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item.ax-state-active{color:rgba(var(--ax-color-text-default));font-weight:bolder}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item.ax-state-active ax-icon,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item.ax-state-active ax-icon{background-color:rgba(var(--ax-color-text-default),.2)}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-color-primary-400),.2)!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });

package/fesm2022/acorex-components-rail-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-rail-navigation.mjs","sources":["../../../../libs/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.ts","../../../../libs/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.html","../../../../libs/components/rail-navigation/src/lib/rail-navigation.component.ts","../../../../libs/components/rail-navigation/src/lib/rail-navigation.component.html","../../../../libs/components/rail-navigation/src/lib/rail-navigation.module.ts","../../../../libs/components/rail-navigation/src/acorex-components-rail-navigation.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, input, model, output, ViewEncapsulation } from '@angular/core';\nimport { IsActiveMatchOptions, UrlTree } from '@angular/router';\n\n@Component({\n  selector: 'ax-rail-navigation-item',\n  templateUrl: './rail-navigation-item.component.html',\n  styleUrls: ['./rail-navigation-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXRailNavigationItemComponent extends MXBaseComponent {\n  href = input<string | null>();\n\n  isLoading = model(false);\n  disabled = model(false);\n  active = model(false);\n\n  onClick = output<any>();\n\n  routerLink = input<string | any[] | UrlTree | null>();\n  routerLinkActive = input<string | string[]>('ax-state-active');\n  routerLinkActiveOptions = input<{ exact: boolean } | IsActiveMatchOptions>({ exact: false });\n\n  target = input<'_blank' | '_self' | '_parent' | '_top'>('_self');\n\n  handleClickEvent(e: MouseEvent) {\n    if (this.disabled || this.isLoading()) return;\n    const event = {\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      handled: false,\n    };\n    this.onClick.emit(event);\n    e.stopPropagation();\n  }\n}\n","@if (routerLink()) {\n  <a\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    [class.ax-state-active]=\"active()\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    class=\"ax-rail-navigation-item\"\n    [class.ax-state-active]=\"active()\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\nimport { AXRailLocation, AXRailLook } from './rail-navigation.class';\n\n@Component({\n  selector: 'ax-rail-navigation',\n  templateUrl: './rail-navigation.component.html',\n  styleUrls: ['./rail-navigation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXRailNavigationComponent extends MXBaseComponent {\n  location = input<AXRailLocation>('start');\n  look = input<AXRailLook>('with-line-color');\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-${this.location()}`);\n    cssClasses.push(`ax-look-${this.look()}`);\n    return cssClasses;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item,ng-container,ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailNavigationComponent } from './rail-navigation.component';\n\n@NgModule({\n  declarations: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n  imports: [CommonModule, RouterLink, RouterLinkActive],\n  exports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n  providers: [],\n})\nexport class AXRailNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-rail-navigation.mjs","sources":["../../../../libs/components/rail-navigation/src/lib/rail-navigation.service.ts","../../../../libs/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.ts","../../../../libs/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.html","../../../../libs/components/rail-navigation/src/lib/rail-navigation.component.ts","../../../../libs/components/rail-navigation/src/lib/rail-navigation.component.html","../../../../libs/components/rail-navigation/src/lib/rail-navigation.module.ts","../../../../libs/components/rail-navigation/src/acorex-components-rail-navigation.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\n\n@Injectable({ providedIn: 'root' })\nexport class AXRailNavigationService {\n  private activeItem = new Subject<AXRailNavigationItemComponent>();\n  activeItem$ = this.activeItem.asObservable();\n\n  setActive(item: AXRailNavigationItemComponent) {\n    this.activeItem.next(item);\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IsActiveMatchOptions, UrlTree } from '@angular/router';\nimport { AXRailClickEvent } from '../rail-navigation.class';\nimport { AXRailNavigationService } from '../rail-navigation.service';\n\n@Component({\n  selector: 'ax-rail-navigation-item',\n  templateUrl: './rail-navigation-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXRailNavigationItemComponent extends MXBaseComponent implements AfterViewInit, OnDestroy {\n  private railNavigationService = inject(AXRailNavigationService);\n  private platformId = inject(PLATFORM_ID);\n\n  onClick = output<AXRailClickEvent>();\n\n  isLoading = model(false);\n  disabled = model(false);\n  active = model(false);\n\n  href = input<string | null>();\n  routerLink = input<string | any[] | UrlTree | null>();\n  routerLinkActive = input<string | string[]>('ax-state-active');\n  target = input<'_blank' | '_self' | '_parent' | '_top'>('_self');\n  routerLinkActiveOptions = input<{ exact: boolean } | IsActiveMatchOptions>({ exact: false });\n\n  itemContainer = viewChild<ElementRef<HTMLElement>>('itemContainer');\n\n  private observer: MutationObserver | null = null;\n\n  ngAfterViewInit(): void {\n    this.checkActive(this.itemContainer().nativeElement);\n    if (isPlatformBrowser(this.platformId)) {\n      this.observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n          if (mutation.attributeName === 'class') {\n            this.checkActive(mutation.target as HTMLElement);\n          }\n        });\n      });\n      this.observer.observe(this.itemContainer().nativeElement, {\n        attributes: true,\n        childList: false,\n        characterData: false,\n      });\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      this.observer.disconnect();\n      this.observer = null;\n    }\n  }\n\n  handleClickEvent(e: MouseEvent) {\n    this.onClick.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n    });\n  }\n\n  getStats() {\n    return {\n      height: this.getHostElement().clientHeight,\n      top: this.getHostElement().offsetTop,\n    };\n  }\n\n  private checkActive(item: HTMLElement) {\n    if (item.classList.contains('ax-state-active')) {\n      this.railNavigationService.setActive(this);\n    }\n  }\n}\n","@if (routerLink()) {\n  <a\n    #itemContainer\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    #itemContainer\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    #itemContainer\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  effect,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailLocation, AXRailLook } from './rail-navigation.class';\nimport { AXRailNavigationService } from './rail-navigation.service';\n\n@Component({\n  selector: 'ax-rail-navigation',\n  templateUrl: './rail-navigation.component.html',\n  styleUrls: ['./rail-navigation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXRailNavigationComponent extends MXBaseComponent {\n  private railNavigationService = inject(AXRailNavigationService);\n\n  private indicator = viewChild<ElementRef<HTMLSpanElement>>('indicator');\n  railNavItems = contentChildren(AXRailNavigationItemComponent);\n\n  location = input<AXRailLocation>('start');\n  look = input<AXRailLook>('with-line-color');\n\n  private activeTab = signal<AXRailNavigationItemComponent | null>(null);\n\n  #lookLocationChange = effect(() => {\n    if (this.location()) {\n      if (this.look() === 'with-line-color' || this.look() === 'with-line') {\n        setTimeout(() => {\n          this.setIndicatorPosition(this.activeTab());\n        });\n      }\n    }\n  });\n\n  constructor() {\n    super();\n    this.railNavigationService.activeItem$.subscribe((item) => {\n      this.activeTab.set(item);\n      if (this.look() === 'with-line-color' || this.look() === 'with-line') {\n        this.setIndicatorPosition(item);\n      }\n    });\n  }\n\n  private setIndicatorPosition(tabItem: AXRailNavigationItemComponent) {\n    const indicatorStyle = this.indicator().nativeElement.style;\n    const itemStats = tabItem.getStats();\n    indicatorStyle.width = ` var(--ax-rail-indicator-size)`;\n    indicatorStyle.height = `${itemStats.height}px`;\n    indicatorStyle.top = `${itemStats.top}px`;\n    indicatorStyle.bottom = `unset`;\n    if (this.location() === 'start') {\n      indicatorStyle.insetInlineStart = `0px`;\n      indicatorStyle.insetInlineEnd = `unset`;\n    }\n    if (this.location() === 'end') {\n      indicatorStyle.insetInlineStart = `unset`;\n      indicatorStyle.insetInlineEnd = `0px`;\n    }\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-${this.location()}`);\n    cssClasses.push(`ax-look-${this.look()}`);\n    return cssClasses;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item,ng-container,ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailNavigationComponent } from './rail-navigation.component';\n\n@NgModule({\n  declarations: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n  imports: [CommonModule, RouterLink, RouterLinkActive],\n  exports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n  providers: [],\n})\nexport class AXRailNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAKa,uBAAuB,CAAA;AADpC,IAAA,WAAA,GAAA;AAEU,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,OAAO,EAAiC;AACjE,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE;AAK7C;AAHC,IAAA,SAAS,CAAC,IAAmC,EAAA;AAC3C,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;8GALjB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cADV,MAAM,EAAA,CAAA,CAAA;;2FACnB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACuB5B,MAAO,6BAA8B,SAAQ,eAAe,CAAA;AAPlE,IAAA,WAAA,GAAA;;AAQU,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,uBAAuB,CAAC;AACvD,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;QAExC,IAAO,CAAA,OAAA,GAAG,MAAM,EAAoB;AAEpC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;AACxB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AACvB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAErB,IAAI,CAAA,IAAA,GAAG,KAAK,EAAiB;QAC7B,IAAU,CAAA,UAAA,GAAG,KAAK,EAAmC;AACrD,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAoB,iBAAiB,CAAC;AAC9D,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAA0C,OAAO,CAAC;QAChE,IAAuB,CAAA,uBAAA,GAAG,KAAK,CAA4C,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAE5F,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAA0B,eAAe,CAAC;QAE3D,IAAQ,CAAA,QAAA,GAA4B,IAAI;AA+CjD;IA7CC,eAAe,GAAA;QACb,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,aAAa,CAAC;AACpD,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,KAAI;AACjD,gBAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;AAC7B,oBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE;AACtC,wBAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAqB,CAAC;;AAEpD,iBAAC,CAAC;AACJ,aAAC,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,aAAa,EAAE;AACxD,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,SAAS,EAAE,KAAK;AAChB,gBAAA,aAAa,EAAE,KAAK;AACrB,aAAA,CAAC;;;IAIN,WAAW,GAAA;AACT,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;AACtC,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;AAC1B,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;;AAIxB,IAAA,gBAAgB,CAAC,CAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAChB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AAClC,YAAA,WAAW,EAAE,CAAC;AACf,SAAA,CAAC;;IAGJ,QAAQ,GAAA;QACN,OAAO;AACL,YAAA,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,YAAY;AAC1C,YAAA,GAAG,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,SAAS;SACrC;;AAGK,IAAA,WAAW,CAAC,IAAiB,EAAA;QACnC,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;AAC9C,YAAA,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,IAAI,CAAC;;;8GA9DnC,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,w6CC3B1C,+5CA4CA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDjBa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAPzC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAElB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,KAAK,EAAA,QAAA,EAAA,+5CAAA,EAAA;;;AECb,MAAO,yBAA0B,SAAQ,eAAe,CAAA;AAW5D,IAAA,mBAAmB;AAUnB,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AArBD,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,uBAAuB,CAAC;AAEvD,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAA8B,WAAW,CAAC;AACvE,QAAA,IAAA,CAAA,YAAY,GAAG,eAAe,CAAC,6BAA6B,CAAC;AAE7D,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAiB,OAAO,CAAC;AACzC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAa,iBAAiB,CAAC;AAEnC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC;AAEtE,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,MAAK;AAChC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,gBAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,iBAAiB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;oBACpE,UAAU,CAAC,MAAK;wBACd,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AAC7C,qBAAC,CAAC;;;AAGR,SAAC,CAAC;QAIA,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;AACxD,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,iBAAiB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;AACpE,gBAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;;AAEnC,SAAC,CAAC;;AAGI,IAAA,oBAAoB,CAAC,OAAsC,EAAA;QACjE,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,KAAK;AAC3D,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,EAAE;AACpC,QAAA,cAAc,CAAC,KAAK,GAAG,CAAA,8BAAA,CAAgC;QACvD,cAAc,CAAC,MAAM,GAAG,CAAA,EAAG,SAAS,CAAC,MAAM,IAAI;QAC/C,cAAc,CAAC,GAAG,GAAG,CAAA,EAAG,SAAS,CAAC,GAAG,IAAI;AACzC,QAAA,cAAc,CAAC,MAAM,GAAG,CAAA,KAAA,CAAO;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,OAAO,EAAE;AAC/B,YAAA,cAAc,CAAC,gBAAgB,GAAG,CAAA,GAAA,CAAK;AACvC,YAAA,cAAc,CAAC,cAAc,GAAG,CAAA,KAAA,CAAO;;AAEzC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK,EAAE;AAC7B,YAAA,cAAc,CAAC,gBAAgB,GAAG,CAAA,KAAA,CAAO;AACzC,YAAA,cAAc,CAAC,cAAc,GAAG,CAAA,GAAA,CAAK;;;AAIzC,IAAA,IACY,WAAW,GAAA;QACrB,MAAM,UAAU,GAAa,EAAE;QAC/B,UAAU,CAAC,IAAI,CAAC,CAAM,GAAA,EAAA,IAAI,CAAC,QAAQ,EAAE,CAAE,CAAA,CAAC;QACxC,UAAU,CAAC,IAAI,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,IAAI,EAAE,CAAE,CAAA,CAAC;AACzC,QAAA,OAAO,UAAU;;8GArDR,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAIL,6BAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9B9D,6RAMA,EAAA,MAAA,EAAA,CAAA,gsGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDoBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;+BACE,oBAAoB,EAAA,eAAA,EAGb,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,KAAK,EAAA,QAAA,EAAA,6RAAA,EAAA,MAAA,EAAA,CAAA,gsGAAA,CAAA,EAAA;wDAmDL,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;ME9DT,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EALlB,YAAA,EAAA,CAAA,yBAAyB,EAAE,6BAA6B,CAC7D,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,UAAU,EAAE,gBAAgB,CAC1C,EAAA,OAAA,EAAA,CAAA,yBAAyB,EAAE,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAGvD,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAJvB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,yBAAyB,EAAE,6BAA6B,CAAC;AACxE,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,gBAAgB,CAAC;AACrD,oBAAA,OAAO,EAAE,CAAC,yBAAyB,EAAE,6BAA6B,CAAC;AACnE,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/acorex-components-tabs.mjs

@@ -216,10 +216,11 @@ class AXTabsComponent extends MXBaseComponent {
         this.activeTab = signal(null);
         this.#tabChange = effect(() => {
             if (this.activeTab() && this.location()) {
-                if (this.look() === 'with-line-color' || this.look() === 'with-line')
+                if (this.look() === 'with-line-color' || this.look() === 'with-line') {
                     setTimeout(() => {
                         this.setIndicatorPosition(this.activeTab());
                     });
+                }
             }
         });
         /**

package/fesm2022/acorex-components-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../libs/components/tabs/src/lib/tab-content.directive.ts","../../../../libs/components/tabs/src/lib/tab-item.component.ts","../../../../libs/components/tabs/src/lib/tabs.class.ts","../../../../libs/components/tabs/src/lib/tabs.component.ts","../../../../libs/components/tabs/src/lib/tabs.module.ts","../../../../libs/components/tabs/src/acorex-components-tabs.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n    selector: '[axTabContent]',\n    exportAs: 'axTabContent',\n    inputs: ['portal: axTabContent'],\n    standalone: false\n})\nexport class AXTabContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXClickEvent, MXComponentOptionChanged, MXInteractiveComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @category\n *  Represents an individual tab item in a tab component.\n */\n@Component({\n    selector: 'ax-tab-item',\n    template: `\n    @if (headerTemplate) {\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: {\n            text: this.text,\n            key: this.key,\n            active: this.active,\n            disabled: this.disabled,\n          },\n        }\"\n      ></ng-container>\n    } @else {\n      <ng-content select=\"ax-prefix\"></ng-content>\n      <div class=\"ax-tab-item-text\">{{ text }}</div>\n      <ng-content select=\"ax-suffix\"></ng-content>\n    }\n    <ng-template #content>\n      <ng-content select=\"ax-content\"> </ng-content>\n    </ng-template>\n  `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['disabled'],\n    outputs: ['disabledChange', 'onClick', 'onBlur', 'onFocus'],\n    standalone: false\n})\nexport class AXTabItemComponent extends MXInteractiveComponent {\n  /**\n   * Defines the text content to be displayed within the component.\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Defines a unique identifier for the component instance.\n   */\n  @Input()\n  key: string;\n\n  @ViewChild('content')\n  template: TemplateRef<unknown>;\n\n  /**\n   * Defines a custom template for the component's header.\n   */\n  @Input()\n  headerTemplate: TemplateRef<unknown>;\n\n  /**\n   * Emits an event when the `active` state of the component changes.\n   * @event\n   */\n  @Output()\n  activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  /**\n   * Emits an event when the component is clicked.\n   * @event\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /** @ignore */\n  private _active = false;\n\n  /**\n   * Gets or sets the component's active state, controlling its behavior and appearance.\n   * @param value {boolean}\n   */\n  @Input()\n  public get active(): boolean {\n    return this._active;\n  }\n  public set active(value: boolean) {\n    this.setOption({\n      name: 'active',\n      value,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.getHostElement().scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected override internalOptionChanged(option: MXComponentOptionChanged<any>): void {\n    //TODO: change to hostbind\n    const classListRef = this.getHostElement().classList;\n    if (option.name == 'disabled') {\n      option.value ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\n    }\n    if (option.name == 'active') {\n      option.value ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\n    }\n  }\n\n  getStats() {\n    return {\n      width: this.getHostElement().clientWidth,\n      height: this.getHostElement().clientHeight,\n      left: this.getHostElement().offsetLeft,\n      top: this.getHostElement().offsetTop,\n    };\n  }\n}\n","import { AXEvent } from '@acorex/components/common';\nimport { AXTabItemComponent } from './tab-item.component';\n\nexport class AXTabStripChangedEvent extends AXEvent {\n  tab: AXTabItemComponent;\n  index: number;\n}\n\nexport type AXTabLook =\n  | 'default'\n  | 'pills'\n  | 'pills-color'\n  | 'with-line'\n  | 'with-line-color'\n  | 'classic'\n  | 'custom';\n\nexport type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  effect,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  input,\n  Input,\n  NgZone,\n  Output,\n  QueryList,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabLocation, AXTabLook, AXTabStripChangedEvent } from './tabs.class';\n\n/**\n * @category\n * A component that serves as a container for tab items.\n */\n@Component({\n  selector: 'ax-tabs',\n  template: `<ng-content select=\"ax-tab-item\"></ng-content><span class=\"ax-tab-indicator\" #indicator></span>`,\n  styleUrl: './tabs.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit {\n  /**\n   * @ignore\n   */\n  @ContentChildren(AXTabItemComponent)\n  private _contentTabs!: QueryList<AXTabItemComponent>;\n\n  /**\n   * Sets the appearance style of the tab component.\n   *  @defaultValue 'default'\n   */\n  look = input<AXTabLook>('default');\n\n  /**\n   * Specifies the position of the tab component.\n   * @defaultValue 'bottom'\n   */\n  location = input<AXTabLocation>('bottom');\n\n  /**\n   * @defaultValue 'false'\n   * Specifies whether the component should resize to fit its parent container.\n   */\n  @Input()\n  fitParent = false;\n\n  /**\n   * @defaultValue 'false'\n   * Applies a minimum width constraint to the component.\n   */\n  @Input()\n  minWidth = false;\n\n  /**\n   * The `AXTabContentDirective` associated with the tab.\n   */\n  @Input()\n  content!: AXTabContentDirective;\n\n  private indicator = viewChild<ElementRef<HTMLSpanElement>>('indicator');\n\n  private zone = inject(NgZone);\n\n  /** @ignore */\n  private _isUserInteraction = false;\n\n  get items(): AXTabItemComponent[] {\n    return this._contentTabs.toArray();\n  }\n\n  /** @ignore */\n  private _selectedItem!: AXTabItemComponent;\n\n  /** @ignore */\n  get selectedIndex(): number {\n    return this.items.indexOf(this._selectedItem);\n  }\n\n  /** @ignore */\n  get selectedItem(): AXTabItemComponent {\n    return this._selectedItem;\n  }\n\n  private changes: ResizeObserver;\n  private activeTab = signal<AXTabItemComponent>(null);\n\n  #tabChange = effect(() => {\n    if (this.activeTab() && this.location()) {\n      if (this.look() === 'with-line-color' || this.look() === 'with-line')\n        setTimeout(() => {\n          this.setIndicatorPosition(this.activeTab());\n        });\n    }\n  });\n\n  /**\n   * @event\n   */\n  @Output()\n  onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-look-${this.look()}`);\n    cssClasses.push(`ax-${this.location()}`);\n    if (this.fitParent) cssClasses.push(`ax-tabs-fit`);\n    return cssClasses;\n  }\n\n  /** @ignore */\n  ngAfterContentInit() {\n    this._contentTabs.changes.subscribe(() => {\n      this._bindOnClickEvent();\n    });\n  }\n\n  /** @ignore */\n  ngAfterViewInit() {\n    this._bindOnClickEvent();\n    this.zone.runOutsideAngular(() => {\n      this.changes = new ResizeObserver((entries) => {\n        if (entries[0].contentRect.width) {\n          this.setIndicatorPosition(this.activeTab());\n          this.changes.disconnect();\n        }\n      });\n      if (this.activeTab()) this.changes.observe(this.activeTab().getHostElement());\n    });\n  }\n\n  /** @ignore */\n  private _bindOnClickEvent() {\n    const selected = this.items.find((c) => c.active) || this.items[0];\n    this.select(selected);\n    this.items.forEach((c) => {\n      if (!c.onClick.length) {\n        c.onClick.subscribe((t) => {\n          this._isUserInteraction = t.nativeEvent?.isTrusted;\n          this.select(c);\n        });\n      }\n    });\n  }\n\n  /**\n   * Activates the specified tab and updates the content.\n   *\n   * @param {number | AXTabItemComponent}\n   */\n  select(tab: number | AXTabItemComponent) {\n    const tabItem: AXTabItemComponent = typeof tab == 'number' ? this.items[tab] : tab;\n    this.activeTab.set(tabItem);\n    //\n    if (!tab || this.selectedItem == tabItem) return;\n    this._selectedItem = tabItem;\n    //\n    this.items.forEach((c) => (c.active = false));\n    tabItem.active = true;\n    if (this.content) {\n      this.content.portal = tabItem.template;\n    }\n    this.cdr.markForCheck();\n    this.onActiveTabChanged.emit({\n      component: this,\n      isUserInteraction: this._isUserInteraction,\n      tab: tabItem,\n      index: this.selectedIndex,\n    });\n    this._isUserInteraction = false;\n  }\n\n  private setIndicatorPosition(tabItem: AXTabItemComponent) {\n    const indicatorStyle = this.indicator().nativeElement.style;\n    const itemStats = tabItem.getStats();\n    if (this.location() === 'top' || this.location() === 'bottom') {\n      indicatorStyle.width = `${itemStats.width}px`;\n      indicatorStyle.height = `var(--ax-tab-indicator-size)`;\n      indicatorStyle.left = `${itemStats.left}px`;\n      indicatorStyle.right = `unset`;\n      if (this.location() === 'top') {\n        indicatorStyle.top = `0px`;\n        indicatorStyle.bottom = `unset`;\n      }\n      if (this.location() === 'bottom') {\n        indicatorStyle.top = `unset`;\n        indicatorStyle.bottom = `0px`;\n      }\n    }\n    if (this.location() === 'start' || this.location() === 'end') {\n      indicatorStyle.width = ` var(--ax-tab-indicator-size)`;\n      indicatorStyle.height = `${itemStats.height}px`;\n      indicatorStyle.top = `${itemStats.top}px`;\n      indicatorStyle.bottom = `unset`;\n      if (this.location() === 'start') {\n        indicatorStyle.insetInlineStart = `0px`;\n        indicatorStyle.insetInlineEnd = `unset`;\n      }\n      if (this.location() === 'end') {\n        indicatorStyle.insetInlineStart = `unset`;\n        indicatorStyle.insetInlineEnd = `0px`;\n      }\n    }\n  }\n}\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabsComponent } from './tabs.component';\n\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../libs/components/tabs/src/lib/tab-content.directive.ts","../../../../libs/components/tabs/src/lib/tab-item.component.ts","../../../../libs/components/tabs/src/lib/tabs.class.ts","../../../../libs/components/tabs/src/lib/tabs.component.ts","../../../../libs/components/tabs/src/lib/tabs.module.ts","../../../../libs/components/tabs/src/acorex-components-tabs.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n    selector: '[axTabContent]',\n    exportAs: 'axTabContent',\n    inputs: ['portal: axTabContent'],\n    standalone: false\n})\nexport class AXTabContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXClickEvent, MXComponentOptionChanged, MXInteractiveComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @category\n *  Represents an individual tab item in a tab component.\n */\n@Component({\n    selector: 'ax-tab-item',\n    template: `\n    @if (headerTemplate) {\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: {\n            text: this.text,\n            key: this.key,\n            active: this.active,\n            disabled: this.disabled,\n          },\n        }\"\n      ></ng-container>\n    } @else {\n      <ng-content select=\"ax-prefix\"></ng-content>\n      <div class=\"ax-tab-item-text\">{{ text }}</div>\n      <ng-content select=\"ax-suffix\"></ng-content>\n    }\n    <ng-template #content>\n      <ng-content select=\"ax-content\"> </ng-content>\n    </ng-template>\n  `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['disabled'],\n    outputs: ['disabledChange', 'onClick', 'onBlur', 'onFocus'],\n    standalone: false\n})\nexport class AXTabItemComponent extends MXInteractiveComponent {\n  /**\n   * Defines the text content to be displayed within the component.\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Defines a unique identifier for the component instance.\n   */\n  @Input()\n  key: string;\n\n  @ViewChild('content')\n  template: TemplateRef<unknown>;\n\n  /**\n   * Defines a custom template for the component's header.\n   */\n  @Input()\n  headerTemplate: TemplateRef<unknown>;\n\n  /**\n   * Emits an event when the `active` state of the component changes.\n   * @event\n   */\n  @Output()\n  activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  /**\n   * Emits an event when the component is clicked.\n   * @event\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /** @ignore */\n  private _active = false;\n\n  /**\n   * Gets or sets the component's active state, controlling its behavior and appearance.\n   * @param value {boolean}\n   */\n  @Input()\n  public get active(): boolean {\n    return this._active;\n  }\n  public set active(value: boolean) {\n    this.setOption({\n      name: 'active',\n      value,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.getHostElement().scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected override internalOptionChanged(option: MXComponentOptionChanged<any>): void {\n    //TODO: change to hostbind\n    const classListRef = this.getHostElement().classList;\n    if (option.name == 'disabled') {\n      option.value ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\n    }\n    if (option.name == 'active') {\n      option.value ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\n    }\n  }\n\n  getStats() {\n    return {\n      width: this.getHostElement().clientWidth,\n      height: this.getHostElement().clientHeight,\n      left: this.getHostElement().offsetLeft,\n      top: this.getHostElement().offsetTop,\n    };\n  }\n}\n","import { AXEvent } from '@acorex/components/common';\nimport { AXTabItemComponent } from './tab-item.component';\n\nexport class AXTabStripChangedEvent extends AXEvent {\n  tab: AXTabItemComponent;\n  index: number;\n}\n\nexport type AXTabLook =\n  | 'default'\n  | 'pills'\n  | 'pills-color'\n  | 'with-line'\n  | 'with-line-color'\n  | 'classic'\n  | 'custom';\n\nexport type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  effect,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  input,\n  Input,\n  NgZone,\n  Output,\n  QueryList,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabLocation, AXTabLook, AXTabStripChangedEvent } from './tabs.class';\n\n/**\n * @category\n * A component that serves as a container for tab items.\n */\n@Component({\n  selector: 'ax-tabs',\n  template: `<ng-content select=\"ax-tab-item\"></ng-content><span class=\"ax-tab-indicator\" #indicator></span>`,\n  styleUrl: './tabs.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit {\n  /**\n   * @ignore\n   */\n  @ContentChildren(AXTabItemComponent)\n  private _contentTabs!: QueryList<AXTabItemComponent>;\n\n  /**\n   * Sets the appearance style of the tab component.\n   *  @defaultValue 'default'\n   */\n  look = input<AXTabLook>('default');\n\n  /**\n   * Specifies the position of the tab component.\n   * @defaultValue 'bottom'\n   */\n  location = input<AXTabLocation>('bottom');\n\n  /**\n   * @defaultValue 'false'\n   * Specifies whether the component should resize to fit its parent container.\n   */\n  @Input()\n  fitParent = false;\n\n  /**\n   * @defaultValue 'false'\n   * Applies a minimum width constraint to the component.\n   */\n  @Input()\n  minWidth = false;\n\n  /**\n   * The `AXTabContentDirective` associated with the tab.\n   */\n  @Input()\n  content!: AXTabContentDirective;\n\n  private indicator = viewChild<ElementRef<HTMLSpanElement>>('indicator');\n\n  private zone = inject(NgZone);\n\n  /** @ignore */\n  private _isUserInteraction = false;\n\n  get items(): AXTabItemComponent[] {\n    return this._contentTabs.toArray();\n  }\n\n  /** @ignore */\n  private _selectedItem!: AXTabItemComponent;\n\n  /** @ignore */\n  get selectedIndex(): number {\n    return this.items.indexOf(this._selectedItem);\n  }\n\n  /** @ignore */\n  get selectedItem(): AXTabItemComponent {\n    return this._selectedItem;\n  }\n\n  private changes: ResizeObserver;\n  private activeTab = signal<AXTabItemComponent>(null);\n\n  #tabChange = effect(() => {\n    if (this.activeTab() && this.location()) {\n      if (this.look() === 'with-line-color' || this.look() === 'with-line') {\n        setTimeout(() => {\n          this.setIndicatorPosition(this.activeTab());\n        });\n      }\n    }\n  });\n\n  /**\n   * @event\n   */\n  @Output()\n  onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-look-${this.look()}`);\n    cssClasses.push(`ax-${this.location()}`);\n    if (this.fitParent) cssClasses.push(`ax-tabs-fit`);\n    return cssClasses;\n  }\n\n  /** @ignore */\n  ngAfterContentInit() {\n    this._contentTabs.changes.subscribe(() => {\n      this._bindOnClickEvent();\n    });\n  }\n\n  /** @ignore */\n  ngAfterViewInit() {\n    this._bindOnClickEvent();\n    this.zone.runOutsideAngular(() => {\n      this.changes = new ResizeObserver((entries) => {\n        if (entries[0].contentRect.width) {\n          this.setIndicatorPosition(this.activeTab());\n          this.changes.disconnect();\n        }\n      });\n      if (this.activeTab()) this.changes.observe(this.activeTab().getHostElement());\n    });\n  }\n\n  /** @ignore */\n  private _bindOnClickEvent() {\n    const selected = this.items.find((c) => c.active) || this.items[0];\n    this.select(selected);\n    this.items.forEach((c) => {\n      if (!c.onClick.length) {\n        c.onClick.subscribe((t) => {\n          this._isUserInteraction = t.nativeEvent?.isTrusted;\n          this.select(c);\n        });\n      }\n    });\n  }\n\n  /**\n   * Activates the specified tab and updates the content.\n   *\n   * @param {number | AXTabItemComponent}\n   */\n  select(tab: number | AXTabItemComponent) {\n    const tabItem: AXTabItemComponent = typeof tab == 'number' ? this.items[tab] : tab;\n    this.activeTab.set(tabItem);\n    //\n    if (!tab || this.selectedItem == tabItem) return;\n    this._selectedItem = tabItem;\n    //\n    this.items.forEach((c) => (c.active = false));\n    tabItem.active = true;\n    if (this.content) {\n      this.content.portal = tabItem.template;\n    }\n    this.cdr.markForCheck();\n    this.onActiveTabChanged.emit({\n      component: this,\n      isUserInteraction: this._isUserInteraction,\n      tab: tabItem,\n      index: this.selectedIndex,\n    });\n    this._isUserInteraction = false;\n  }\n\n  private setIndicatorPosition(tabItem: AXTabItemComponent) {\n    const indicatorStyle = this.indicator().nativeElement.style;\n    const itemStats = tabItem.getStats();\n    if (this.location() === 'top' || this.location() === 'bottom') {\n      indicatorStyle.width = `${itemStats.width}px`;\n      indicatorStyle.height = `var(--ax-tab-indicator-size)`;\n      indicatorStyle.left = `${itemStats.left}px`;\n      indicatorStyle.right = `unset`;\n      if (this.location() === 'top') {\n        indicatorStyle.top = `0px`;\n        indicatorStyle.bottom = `unset`;\n      }\n      if (this.location() === 'bottom') {\n        indicatorStyle.top = `unset`;\n        indicatorStyle.bottom = `0px`;\n      }\n    }\n    if (this.location() === 'start' || this.location() === 'end') {\n      indicatorStyle.width = ` var(--ax-tab-indicator-size)`;\n      indicatorStyle.height = `${itemStats.height}px`;\n      indicatorStyle.top = `${itemStats.top}px`;\n      indicatorStyle.bottom = `unset`;\n      if (this.location() === 'start') {\n        indicatorStyle.insetInlineStart = `0px`;\n        indicatorStyle.insetInlineEnd = `unset`;\n      }\n      if (this.location() === 'end') {\n        indicatorStyle.insetInlineStart = `unset`;\n        indicatorStyle.insetInlineEnd = `0px`;\n      }\n    }\n  }\n}\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabsComponent } from './tabs.component';\n\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.4.0-next.0",
+  "version": "19.4.1",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",

package/rail-navigation/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/rail-navigation-item/rail-navigation-item.component';
+export * from './lib/rail-navigation.class';
 export * from './lib/rail-navigation.component';
 export * from './lib/rail-navigation.module';

package/rail-navigation/lib/rail-navigation-item/rail-navigation-item.component.d.ts

@@ -1,19 +1,32 @@
 import { MXBaseComponent } from '@acorex/components/common';
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
+import { AXRailClickEvent } from '../rail-navigation.class';
 import * as i0 from "@angular/core";
-export declare class AXRailNavigationItemComponent extends MXBaseComponent {
-    href: import("@angular/core").InputSignal<string>;
+export declare class AXRailNavigationItemComponent extends MXBaseComponent implements AfterViewInit, OnDestroy {
+    private railNavigationService;
+    private platformId;
+    onClick: import("@angular/core").OutputEmitterRef<AXRailClickEvent>;
     isLoading: import("@angular/core").ModelSignal<boolean>;
     disabled: import("@angular/core").ModelSignal<boolean>;
     active: import("@angular/core").ModelSignal<boolean>;
-    onClick: import("@angular/core").OutputEmitterRef<any>;
+    href: import("@angular/core").InputSignal<string>;
     routerLink: import("@angular/core").InputSignal<string | any[] | UrlTree>;
     routerLinkActive: import("@angular/core").InputSignal<string | string[]>;
+    target: import("@angular/core").InputSignal<"_blank" | "_self" | "_parent" | "_top">;
     routerLinkActiveOptions: import("@angular/core").InputSignal<{
         exact: boolean;
     } | IsActiveMatchOptions>;
-    target: import("@angular/core").InputSignal<"_blank" | "_self" | "_parent" | "_top">;
+    itemContainer: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    private observer;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     handleClickEvent(e: MouseEvent): void;
+    getStats(): {
+        height: number;
+        top: number;
+    };
+    private checkActive;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRailNavigationItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRailNavigationItemComponent, "ax-rail-navigation-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "isLoading": "isLoadingChange"; "disabled": "disabledChange"; "active": "activeChange"; "onClick": "onClick"; }, never, ["ax-prefix", "ax-icon", "ax-text", "ng-container,ng-content", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRailNavigationItemComponent, "ax-rail-navigation-item", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "isLoading": "isLoadingChange"; "disabled": "disabledChange"; "active": "activeChange"; }, never, ["ax-prefix", "ax-icon", "ax-text", "ng-container,ng-content", "ax-suffix"], false, never>;
 }

package/rail-navigation/lib/rail-navigation.class.d.ts

@@ -1,2 +1,8 @@
+import { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';
 export type AXRailLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color';
 export type AXRailLocation = 'start' | 'end';
+export type AXRailClickEvent = {
+    component: AXRailNavigationItemComponent;
+    htmlElement: HTMLElement;
+    nativeEvent: MouseEvent;
+};

package/rail-navigation/lib/rail-navigation.component.d.ts

@@ -1,10 +1,18 @@
 import { MXBaseComponent } from '@acorex/components/common';
+import { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';
 import { AXRailLocation, AXRailLook } from './rail-navigation.class';
 import * as i0 from "@angular/core";
 export declare class AXRailNavigationComponent extends MXBaseComponent {
+    #private;
+    private railNavigationService;
+    private indicator;
+    railNavItems: import("@angular/core").Signal<readonly AXRailNavigationItemComponent[]>;
     location: import("@angular/core").InputSignal<AXRailLocation>;
     look: import("@angular/core").InputSignal<AXRailLook>;
+    private activeTab;
+    constructor();
+    private setIndicatorPosition;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRailNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRailNavigationComponent, "ax-rail-navigation", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, {}, never, ["ax-prefix", "ax-rail-navigation-item,ng-container,ng-content", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRailNavigationComponent, "ax-rail-navigation", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, {}, ["railNavItems"], ["ax-prefix", "ax-rail-navigation-item,ng-container,ng-content", "ax-suffix"], false, never>;
 }

package/rail-navigation/lib/rail-navigation.service.d.ts

@@ -0,0 +1,9 @@
+import { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';
+import * as i0 from "@angular/core";
+export declare class AXRailNavigationService {
+    private activeItem;
+    activeItem$: import("rxjs").Observable<AXRailNavigationItemComponent>;
+    setActive(item: AXRailNavigationItemComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXRailNavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXRailNavigationService>;
+}