npm - @acorex/components - Versions diffs - 21.1.0-next.2 → 22.0.0-next.1 - Mend

@acorex/components 21.1.0-next.2 → 22.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (218) hide show

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

@@ -1,7 +1,7 @@
 import { MXBaseComponent, AXComponent } from '@acorex/cdk/common';
 import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, PLATFORM_ID, output, model, input, viewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, contentChildren, signal, effect, HostBinding, NgModule } from '@angular/core';
+import { Injectable, inject, PLATFORM_ID, output, model, input, viewChild, ViewEncapsulation, Component, contentChildren, signal, effect, HostBinding, NgModule } from '@angular/core';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import { Subject } from 'rxjs';
@@ -20,10 +20,10 @@ class AXRailNavigationService {
     setActive(item) {
         this.activeItem.next(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationService, decorators: [{
             type: Injectable
         }] });
@@ -33,14 +33,22 @@ class AXRailNavigationItemComponent extends MXBaseComponent {
         this.railNavigationService = inject(AXRailNavigationService);
         this.platformId = inject(PLATFORM_ID);
         this.onClick = output();
-        this.active = model(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-        this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        this.href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
-        this.routerLink = input(...(ngDevMode ? [undefined, { debugName: "routerLink" }] : /* istanbul ignore next */ []));
-        this.routerLinkActive = input('ax-state-active', ...(ngDevMode ? [{ debugName: "routerLinkActive" }] : /* istanbul ignore next */ []));
-        this.target = input('_self', ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
-        this.routerLinkActiveOptions = input({ exact: false }, ...(ngDevMode ? [{ debugName: "routerLinkActiveOptions" }] : /* istanbul ignore next */ []));
-        this.itemContainer = viewChild('itemContainer', ...(ngDevMode ? [{ debugName: "itemContainer" }] : /* istanbul ignore next */ []));
+        this.active = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.disabled = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.href = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
+        this.routerLink = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "routerLink" }] : /* istanbul ignore next */ []));
+        this.routerLinkActive = input('ax-state-active', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "routerLinkActive" }] : /* istanbul ignore next */ []));
+        this.target = input('_self', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+        this.routerLinkActiveOptions = input({ exact: false }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "routerLinkActiveOptions" }] : /* istanbul ignore next */ []));
+        this.itemContainer = viewChild('itemContainer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemContainer" }] : /* istanbul ignore next */ []));
         this.observer = null;
     }
     ngAfterViewInit() {
@@ -90,12 +98,12 @@ class AXRailNavigationItemComponent extends MXBaseComponent {
             this.railNavigationService.setActive(this);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXRailNavigationItemComponent, isStandalone: true, selector: "ax-rail-navigation-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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", active: "activeChange", disabled: "disabledChange" }, providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }], 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() && !disabled()\"\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() && !disabled()\"\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: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXRailNavigationItemComponent, isStandalone: true, selector: "ax-rail-navigation-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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", active: "activeChange", disabled: "disabledChange" }, providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }], 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() && !disabled()\"\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() && !disabled()\"\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: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-rail-navigation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RouterLink, RouterLinkActive, NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }], 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() && !disabled()\"\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() && !disabled()\"\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" }]
+            args: [{ selector: 'ax-rail-navigation-item', encapsulation: ViewEncapsulation.None, imports: [RouterLink, RouterLinkActive, NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }], 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() && !disabled()\"\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() && !disabled()\"\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" }]
         }], propDecorators: { onClick: [{ type: i0.Output, args: ["onClick"] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], routerLinkActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLinkActive", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], routerLinkActiveOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLinkActiveOptions", required: false }] }], itemContainer: [{ type: i0.ViewChild, args: ['itemContainer', { isSignal: true }] }] } });
 class AXRailNavigationComponent extends MXBaseComponent {
@@ -103,11 +111,16 @@ class AXRailNavigationComponent extends MXBaseComponent {
     constructor() {
         super();
         this.railNavigationService = inject(AXRailNavigationService);
-        this.indicator = viewChild('indicator', ...(ngDevMode ? [{ debugName: "indicator" }] : /* istanbul ignore next */ []));
-        this.railNavItems = contentChildren(AXRailNavigationItemComponent, ...(ngDevMode ? [{ debugName: "railNavItems" }] : /* istanbul ignore next */ []));
-        this.location = input('start', ...(ngDevMode ? [{ debugName: "location" }] : /* istanbul ignore next */ []));
-        this.look = input('with-line-color', ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
-        this.activeTab = signal(null, ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
+        this.indicator = viewChild('indicator', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "indicator" }] : /* istanbul ignore next */ []));
+        this.railNavItems = contentChildren(AXRailNavigationItemComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "railNavItems" }] : /* istanbul ignore next */ []));
+        this.location = input('start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "location" }] : /* istanbul ignore next */ []));
+        this.look = input('with-line-color', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
+        this.activeTab = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
         this.#positionIndicatorEffect = effect(() => {
             const look = this.look();
             const location = this.location();
@@ -117,7 +130,8 @@ class AXRailNavigationComponent extends MXBaseComponent {
                     this.setIndicatorPosition(activeTab);
                 });
             }
-        }, ...(ngDevMode ? [{ debugName: "#positionIndicatorEffect" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#positionIndicatorEffect" }] : /* istanbul ignore next */ []));
         this.railNavigationService.activeItem$.subscribe((item) => {
             this.activeTab.set(item);
         });
@@ -149,23 +163,23 @@ class AXRailNavigationComponent extends MXBaseComponent {
         cssClasses.push(`ax-look-${this.look()}`);
         return cssClasses;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXRailNavigationComponent, isStandalone: true, 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" } }, providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }], 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, ax-header\"></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, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n", styles: ["@layer properties;@layer base{:root{--ax-comp-rail-navigation-indicator-size: 2px}}@layer components{ax-rail-navigation{position:relative;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 28);flex-direction:column;align-items:center;overflow-y:auto;padding-block:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-rail-navigation .ax-suffix-container{display:flex;height:100%;align-items:flex-end}ax-rail-navigation ax-rail-navigation-item{width:100%;-webkit-user-select:none;user-select:none}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface));opacity:60%;transition-property:opacity,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;justify-content:center;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));transition-property:background-color,font-weight;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-text{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{opacity:75%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{opacity:100%}ax-rail-navigation .ax-rail-indicator{display:none}:is(ax-rail-navigation.ax-look-with-line,ax-rail-navigation.ax-look-with-line-color) .ax-rail-indicator{position:absolute;display:block;width:var(--ax-comp-rail-navigation-indicator-size);background-color:rgba(var(--ax-sys-color-on-lightest-surface));transition-property:height,top;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 10%,transparent)}}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item{opacity:70%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{opacity:85%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover ax-icon{background-color:rgba(var(--ax-sys-color-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-extrabold, 800);font-weight:var(--font-weight-extrabold, 800);opacity:100%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-darker-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)!important}}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXRailNavigationComponent, isStandalone: true, 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" } }, providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }], 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, ax-header\"></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, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n", styles: ["@layer properties;@layer base{:root{--ax-comp-rail-navigation-indicator-size: 2px}}@layer components{ax-rail-navigation{position:relative;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 28);flex-direction:column;align-items:center;overflow-y:auto;padding-block:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-rail-navigation .ax-suffix-container{display:flex;height:100%;align-items:flex-end}ax-rail-navigation ax-rail-navigation-item{width:100%;-webkit-user-select:none;user-select:none}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface));opacity:60%;transition-property:opacity,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;justify-content:center;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));transition-property:background-color,font-weight;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-text{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{opacity:75%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{opacity:100%}ax-rail-navigation .ax-rail-indicator{display:none}:is(ax-rail-navigation.ax-look-with-line,ax-rail-navigation.ax-look-with-line-color) .ax-rail-indicator{position:absolute;display:block;width:var(--ax-comp-rail-navigation-indicator-size);background-color:rgba(var(--ax-sys-color-on-lightest-surface));transition-property:height,top;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 10%,transparent)}}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item{opacity:70%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{opacity:85%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover ax-icon{background-color:rgba(var(--ax-sys-color-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-extrabold, 800);font-weight:var(--font-weight-extrabold, 800);opacity:100%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-darker-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)!important}}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-rail-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }], template: "<ng-content select=\"ax-prefix, ax-header\"></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, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n", styles: ["@layer properties;@layer base{:root{--ax-comp-rail-navigation-indicator-size: 2px}}@layer components{ax-rail-navigation{position:relative;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 28);flex-direction:column;align-items:center;overflow-y:auto;padding-block:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-rail-navigation .ax-suffix-container{display:flex;height:100%;align-items:flex-end}ax-rail-navigation ax-rail-navigation-item{width:100%;-webkit-user-select:none;user-select:none}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface));opacity:60%;transition-property:opacity,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;justify-content:center;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));transition-property:background-color,font-weight;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-text{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{opacity:75%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{opacity:100%}ax-rail-navigation .ax-rail-indicator{display:none}:is(ax-rail-navigation.ax-look-with-line,ax-rail-navigation.ax-look-with-line-color) .ax-rail-indicator{position:absolute;display:block;width:var(--ax-comp-rail-navigation-indicator-size);background-color:rgba(var(--ax-sys-color-on-lightest-surface));transition-property:height,top;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 10%,transparent)}}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item{opacity:70%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{opacity:85%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover ax-icon{background-color:rgba(var(--ax-sys-color-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-extrabold, 800);font-weight:var(--font-weight-extrabold, 800);opacity:100%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-darker-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)!important}}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-rail-navigation', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }], template: "<ng-content select=\"ax-prefix, ax-header\"></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, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n", styles: ["@layer properties;@layer base{:root{--ax-comp-rail-navigation-indicator-size: 2px}}@layer components{ax-rail-navigation{position:relative;display:flex;height:100%;width:calc(var(--spacing, .25rem) * 28);flex-direction:column;align-items:center;overflow-y:auto;padding-block:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-rail-navigation .ax-suffix-container{display:flex;height:100%;align-items:flex-end}ax-rail-navigation ax-rail-navigation-item{width:100%;-webkit-user-select:none;user-select:none}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface));opacity:60%;transition-property:opacity,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;justify-content:center;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));transition-property:background-color,font-weight;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-text{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{opacity:75%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{opacity:30%}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{opacity:100%}ax-rail-navigation .ax-rail-indicator{display:none}:is(ax-rail-navigation.ax-look-with-line,ax-rail-navigation.ax-look-with-line-color) .ax-rail-indicator{position:absolute;display:block;width:var(--ax-comp-rail-navigation-indicator-size);background-color:rgba(var(--ax-sys-color-on-lightest-surface));transition-property:height,top;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 10%,transparent)}}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item{opacity:70%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover{opacity:85%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item:hover ax-icon{background-color:rgba(var(--ax-sys-color-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-extrabold, 800);font-weight:var(--font-weight-extrabold, 800);opacity:100%}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-darker-surface))}:is(ax-rail-navigation.ax-look-pills,ax-rail-navigation.ax-look-pills-color) .ax-rail-navigation-item.ax-state-active ax-icon:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)!important}}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { indicator: [{ type: i0.ViewChild, args: ['indicator', { isSignal: true }] }], railNavItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXRailNavigationItemComponent), { isSignal: true }] }], location: [{ type: i0.Input, args: [{ isSignal: true, alias: "location", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 class AXRailNavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationModule, imports: [AXRailNavigationComponent, AXRailNavigationItemComponent], exports: [AXRailNavigationComponent, AXRailNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationModule, imports: [AXRailNavigationComponent, AXRailNavigationItemComponent], exports: [AXRailNavigationComponent, AXRailNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRailNavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRailNavigationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXRailNavigationComponent, AXRailNavigationItemComponent],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-rail-navigation.mjs","sources":["../../../../packages/components/rail-navigation/src/lib/rail-navigation.service.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.module.ts","../../../../packages/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()\nexport class AXRailNavigationService {\n private activeItem = new Subject<AXRailNavigationItemComponent>();\n\n /*\n Observable that emits the currently active rail navigation item.\n /\n activeItem$ = this.activeItem.asObservable();\n\n /\n Sets the specified item as the active rail navigation item.\n * @param item - The rail navigation item to set as active\n /\n setActive(item: AXRailNavigationItemComponent): void {\n this.activeItem.next(item);\n }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } 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, RouterLink, RouterLinkActive, 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 imports: [RouterLink, RouterLinkActive, NgTemplateOutlet],\n providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }],\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 active = model(false);\n disabled = 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 if (this.disabled()) return;\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n\n /\n Gets the height and top position of the item.\n * @returns Object containing height and top position\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') && !this.disabled()) {\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() && !disabled()\"\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() && !disabled()\"\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 { AXComponent, MXBaseComponent } from '@acorex/cdk/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.css'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }],\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 #positionIndicatorEffect = effect(() => {\n const look = this.look();\n const location = this.location();\n const activeTab = this.activeTab();\n if (location && activeTab && (look === 'with-line-color' \|\| look === 'with-line')) {\n setTimeout(() => {\n this.setIndicatorPosition(activeTab);\n });\n }\n });\n\n constructor() {\n super();\n this.railNavigationService.activeItem$.subscribe((item) => {\n this.activeTab.set(item);\n });\n }\n\n private setIndicatorPosition(tabItem: AXRailNavigationItemComponent) {\n const indicatorEl = this.indicator()?.nativeElement;\n if (!indicatorEl) return;\n const indicatorStyle = indicatorEl.style;\n const itemStats = tabItem.getStats();\n if (itemStats.height === 0 && itemStats.top === 0) return;\n\n indicatorStyle.width = 'var(--ax-comp-rail-navigation-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 } else 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, ax-header\"></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, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n","import { NgModule } from '@angular/core';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailNavigationComponent } from './rail-navigation.component';\n\n@NgModule({\n imports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n exports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n})\nexport class AXRailNavigationModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-rail-navigation.mjs","sources":["../../../../packages/components/rail-navigation/src/lib/rail-navigation.service.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.module.ts","../../../../packages/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()\nexport class AXRailNavigationService {\n private activeItem = new Subject<AXRailNavigationItemComponent>();\n\n /*\n Observable that emits the currently active rail navigation item.\n /\n activeItem$ = this.activeItem.asObservable();\n\n /\n Sets the specified item as the active rail navigation item.\n * @param item - The rail navigation item to set as active\n /\n setActive(item: AXRailNavigationItemComponent): void {\n this.activeItem.next(item);\n }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\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, RouterLink, RouterLinkActive, 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\n encapsulation: ViewEncapsulation.None,\n imports: [RouterLink, RouterLinkActive, NgTemplateOutlet],\n providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }],\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 active = model(false);\n disabled = 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 if (this.disabled()) return;\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n\n /\n Gets the height and top position of the item.\n * @returns Object containing height and top position\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') && !this.disabled()) {\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() && !disabled()\"\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() && !disabled()\"\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 { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport {\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.css'],\n\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }],\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 #positionIndicatorEffect = effect(() => {\n const look = this.look();\n const location = this.location();\n const activeTab = this.activeTab();\n if (location && activeTab && (look === 'with-line-color' \|\| look === 'with-line')) {\n setTimeout(() => {\n this.setIndicatorPosition(activeTab);\n });\n }\n });\n\n constructor() {\n super();\n this.railNavigationService.activeItem$.subscribe((item) => {\n this.activeTab.set(item);\n });\n }\n\n private setIndicatorPosition(tabItem: AXRailNavigationItemComponent) {\n const indicatorEl = this.indicator()?.nativeElement;\n if (!indicatorEl) return;\n const indicatorStyle = indicatorEl.style;\n const itemStats = tabItem.getStats();\n if (itemStats.height === 0 && itemStats.top === 0) return;\n\n indicatorStyle.width = 'var(--ax-comp-rail-navigation-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 } else 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, ax-header\"></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, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n","import { NgModule } from '@angular/core';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailNavigationComponent } from './rail-navigation.component';\n\n@NgModule({\n imports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n exports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n})\nexport class AXRailNavigationModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}