@acorex/components 19.11.0-next.1 → 19.11.0-next.2

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

@@ -1,7 +1,7 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import { isPlatformBrowser, NgTemplateOutlet, 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 { Injectable, inject, PLATFORM_ID, output, model, input, viewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, contentChildren, signal, effect, HostBinding, NgModule } from '@angular/core';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import { Subject } from 'rxjs';
 
@@ -13,10 +13,10 @@ class AXRailNavigationService {
     setActive(item) {
         this.activeItem.next(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -80,10 +80,10 @@ class AXRailNavigationItemComponent extends MXBaseComponent {
             this.railNavigationService.setActive(this);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", 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" }, 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: "19.1.8", ngImport: i0, type: AXRailNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.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" }, 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rail-navigation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RouterLink, RouterLinkActive, NgTemplateOutlet], 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" }]
         }] });
@@ -136,10 +136,10 @@ class AXRailNavigationComponent extends MXBaseComponent {
         cssClasses.push(`ax-look-${this.look()}`);
         return cssClasses;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.7", 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" } }, 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: ["ax-rail-navigation{--ax-comp-rail-navigation-indicator-size: 2px;height:100%;display:flex;overflow-y:auto;position:relative;align-items:center;font-size:var(--ax-comp-rail-navigation-font-size, .875rem);line-height:var(--ax-comp-rail-navigation-line-height, 1.375rem);padding-block:1rem;flex-direction:column;width:var(--ax-comp-rail-navigation-width, 7rem)}ax-rail-navigation .ax-suffix-container{height:100%;display:flex;align-items: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{gap:.25rem;display:flex;cursor:pointer;font-weight:500;align-items:center;padding-block:1.25rem;flex-direction:column;justify-content:center;opacity:var(--ax-comp-rail-navigation-item-opacity, .6);color:rgba(var(--ax-comp-rail-navigation-item-text-color, var(--ax-sys-color-on-lightest-surface)));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity,background-color}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;justify-content:center;font-size:var(--ax-comp-rail-navigation-item-icon-font-size, 1.125rem);border-radius:var(--ax-comp-rail-navigation-item-icon-border-radius, 1rem);padding-block:var(--ax-comp-rail-navigation-item-icon-padding-block, .25rem);padding-inline:var(--ax-comp-rail-navigation-item-icon-padding-inline, 1.25rem);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,font-weight}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-text{font-weight:var(--ax-comp-rail-navigation-item-text-font-weight, 500)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{opacity:var(--ax-comp-rail-navigation-item-hover-opacity, .75)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-rail-navigation-item-disabled-opacity, .3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{opacity:var(--ax-comp-rail-navigation-item-disabled-opacity, .3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{opacity:var(--ax-comp-rail-navigation-item-active-opacity, 1)}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;width:var(--ax-comp-rail-navigation-indicator-size);background-color:rgba(var(--ax-comp-rail-navigation-indicator-color, var(--ax-sys-color-on-lightest-surface)));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:height,top}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-comp-rail-navigation-bg-color, var(--ax-sys-color-primary-surface), .1))}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item{opacity:var(--ax-comp-rail-navigation-item-pills-opacity, .7)}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item:hover,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item:hover{font-weight:700;opacity:var(--ax-comp-rail-navigation-item-pills-hover-opacity, .85)}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-comp-rail-navigation-item-pills-hover-icon-bg-color, var(--ax-sys-color-surface)))}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{font-weight:bolder;opacity:var(--ax-comp-rail-navigation-item-pills-active-opacity, 1)}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-comp-rail-navigation-item-pills-active-icon-bg-color, var(--ax-sys-color-darker-surface)))}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-comp-rail-navigation-item-pills-color-active-icon-bg-color, var(--ax-sys-color-primary-surface), .2))!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.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" } }, 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: ["ax-rail-navigation{--ax-comp-rail-navigation-indicator-size: 2px;height:100%;display:flex;overflow-y:auto;position:relative;align-items:center;font-size:var(--ax-comp-rail-navigation-font-size, .875rem);line-height:var(--ax-comp-rail-navigation-line-height, 1.375rem);padding-block:1rem;flex-direction:column;width:var(--ax-comp-rail-navigation-width, 7rem)}ax-rail-navigation .ax-suffix-container{height:100%;display:flex;align-items: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{gap:.25rem;display:flex;cursor:pointer;font-weight:500;align-items:center;padding-block:1.25rem;flex-direction:column;justify-content:center;opacity:var(--ax-comp-rail-navigation-item-opacity, .6);color:rgba(var(--ax-comp-rail-navigation-item-text-color, var(--ax-sys-color-on-lightest-surface)));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity,background-color}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;justify-content:center;font-size:var(--ax-comp-rail-navigation-item-icon-font-size, 1.125rem);border-radius:var(--ax-comp-rail-navigation-item-icon-border-radius, 1rem);padding-block:var(--ax-comp-rail-navigation-item-icon-padding-block, .25rem);padding-inline:var(--ax-comp-rail-navigation-item-icon-padding-inline, 1.25rem);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,font-weight}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-text{font-weight:var(--ax-comp-rail-navigation-item-text-font-weight, 500)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{opacity:var(--ax-comp-rail-navigation-item-hover-opacity, .75)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-rail-navigation-item-disabled-opacity, .3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{opacity:var(--ax-comp-rail-navigation-item-disabled-opacity, .3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{opacity:var(--ax-comp-rail-navigation-item-active-opacity, 1)}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;width:var(--ax-comp-rail-navigation-indicator-size);background-color:rgba(var(--ax-comp-rail-navigation-indicator-color, var(--ax-sys-color-on-lightest-surface)));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:height,top}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-comp-rail-navigation-bg-color, var(--ax-sys-color-primary-surface), .1))}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item{opacity:var(--ax-comp-rail-navigation-item-pills-opacity, .7)}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item:hover,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item:hover{font-weight:700;opacity:var(--ax-comp-rail-navigation-item-pills-hover-opacity, .85)}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-comp-rail-navigation-item-pills-hover-icon-bg-color, var(--ax-sys-color-surface)))}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{font-weight:bolder;opacity:var(--ax-comp-rail-navigation-item-pills-active-opacity, 1)}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-comp-rail-navigation-item-pills-active-icon-bg-color, var(--ax-sys-color-darker-surface)))}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-comp-rail-navigation-item-pills-color-active-icon-bg-color, var(--ax-sys-color-primary-surface), .2))!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rail-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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: ["ax-rail-navigation{--ax-comp-rail-navigation-indicator-size: 2px;height:100%;display:flex;overflow-y:auto;position:relative;align-items:center;font-size:var(--ax-comp-rail-navigation-font-size, .875rem);line-height:var(--ax-comp-rail-navigation-line-height, 1.375rem);padding-block:1rem;flex-direction:column;width:var(--ax-comp-rail-navigation-width, 7rem)}ax-rail-navigation .ax-suffix-container{height:100%;display:flex;align-items: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{gap:.25rem;display:flex;cursor:pointer;font-weight:500;align-items:center;padding-block:1.25rem;flex-direction:column;justify-content:center;opacity:var(--ax-comp-rail-navigation-item-opacity, .6);color:rgba(var(--ax-comp-rail-navigation-item-text-color, var(--ax-sys-color-on-lightest-surface)));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity,background-color}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-icon{display:flex;justify-content:center;font-size:var(--ax-comp-rail-navigation-item-icon-font-size, 1.125rem);border-radius:var(--ax-comp-rail-navigation-item-icon-border-radius, 1rem);padding-block:var(--ax-comp-rail-navigation-item-icon-padding-block, .25rem);padding-inline:var(--ax-comp-rail-navigation-item-icon-padding-inline, 1.25rem);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,font-weight}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item ax-text{font-weight:var(--ax-comp-rail-navigation-item-text-font-weight, 500)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item:hover{opacity:var(--ax-comp-rail-navigation-item-hover-opacity, .75)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-rail-navigation-item-disabled-opacity, .3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-disabled:hover{opacity:var(--ax-comp-rail-navigation-item-disabled-opacity, .3)}ax-rail-navigation ax-rail-navigation-item .ax-rail-navigation-item.ax-state-active{opacity:var(--ax-comp-rail-navigation-item-active-opacity, 1)}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;width:var(--ax-comp-rail-navigation-indicator-size);background-color:rgba(var(--ax-comp-rail-navigation-indicator-color, var(--ax-sys-color-on-lightest-surface)));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:height,top}ax-rail-navigation.ax-look-with-line-color .ax-state-active{background-color:rgba(var(--ax-comp-rail-navigation-bg-color, var(--ax-sys-color-primary-surface), .1))}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item{opacity:var(--ax-comp-rail-navigation-item-pills-opacity, .7)}ax-rail-navigation.ax-look-pills .ax-rail-navigation-item:hover,ax-rail-navigation.ax-look-pills-color .ax-rail-navigation-item:hover{font-weight:700;opacity:var(--ax-comp-rail-navigation-item-pills-hover-opacity, .85)}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-comp-rail-navigation-item-pills-hover-icon-bg-color, var(--ax-sys-color-surface)))}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{font-weight:bolder;opacity:var(--ax-comp-rail-navigation-item-pills-active-opacity, 1)}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-comp-rail-navigation-item-pills-active-icon-bg-color, var(--ax-sys-color-darker-surface)))}ax-rail-navigation.ax-look-pills-color .ax-state-active ax-icon{background-color:rgba(var(--ax-comp-rail-navigation-item-pills-color-active-icon-bg-color, var(--ax-sys-color-primary-surface), .2))!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { __hostClass: [{
@@ -148,11 +148,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             }] } });
 
 class AXRailNavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationModule, imports: [CommonModule, RouterLink, RouterLinkActive, AXRailNavigationComponent, AXRailNavigationItemComponent], exports: [AXRailNavigationComponent, AXRailNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationModule, imports: [CommonModule, RouterLink, RouterLinkActive, AXRailNavigationComponent, AXRailNavigationItemComponent], exports: [AXRailNavigationComponent, AXRailNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRailNavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRailNavigationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterLink, RouterLinkActive, AXRailNavigationComponent, AXRailNavigationItemComponent],

package/fesm2022/acorex-components-range-slider.mjs

@@ -1,7 +1,7 @@
 import { MXValueComponent, AXValuableComponent } from '@acorex/components/common';
 import { NgStyle, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, NgZone, input, model, computed, effect, forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, HostListener, HostBinding, NgModule } from '@angular/core';
+import { inject, NgZone, input, model, computed, effect, forwardRef, HostBinding, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { classes } from 'polytype';
 
@@ -615,8 +615,8 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
     get __hostClass() {
         return [`ax-${this.color()}-solid`, `${this.disabled ? 'ax-state-disabled' : ''}`, `${this.readonly ? 'ax-state-readonly' : ''}`];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXRangeSliderComponent, isStandalone: true, selector: "ax-range-slider", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, tooltipMode: { classPropertyName: "tooltipMode", publicName: "tooltipMode", isSignal: true, isRequired: false, transformFunction: null }, snapMode: { classPropertyName: "snapMode", publicName: "snapMode", isSignal: true, isRequired: false, transformFunction: null }, hasStep: { classPropertyName: "hasStep", publicName: "hasStep", isSignal: true, isRequired: false, transformFunction: null }, hasSnap: { classPropertyName: "hasSnap", publicName: "hasSnap", isSignal: true, isRequired: false, transformFunction: null }, hasLable: { classPropertyName: "hasLable", publicName: "hasLable", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { listeners: { "wheel": "onWheel($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXRangeSliderComponent, isStandalone: true, selector: "ax-range-slider", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, tooltipMode: { classPropertyName: "tooltipMode", publicName: "tooltipMode", isSignal: true, isRequired: false, transformFunction: null }, snapMode: { classPropertyName: "snapMode", publicName: "snapMode", isSignal: true, isRequired: false, transformFunction: null }, hasStep: { classPropertyName: "hasStep", publicName: "hasStep", isSignal: true, isRequired: false, transformFunction: null }, hasSnap: { classPropertyName: "hasSnap", publicName: "hasSnap", isSignal: true, isRequired: false, transformFunction: null }, hasLable: { classPropertyName: "hasLable", publicName: "hasLable", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { listeners: { "wheel": "onWheel($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -625,7 +625,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
             },
         ], usesInheritance: true, ngImport: i0, template: "@if (correctMinMax()) {\n  <div class=\"ax-range-slider\" [class]=\"'ax-orientation-' + orientation()\">\n    <div class=\"ax-range-slider-bar\" (mousedown)=\"onStartBar($event)\" (touchstart)=\"onStartBar($event)\"></div>\n    <div\n      class=\"ax-range-slider-highlight\"\n      [ngStyle]=\"AXRangeSliderHighlight()\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    ></div>\n\n    <div\n      class=\"ax-range-slider-handler\"\n      [ngStyle]=\"AXRangeSliderHandler1()\"\n      name=\"first\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    >\n      @if (hasTooltip()) {\n        <div class=\"ax-range-slider-tooltip\">{{ isDual() ? values()[0] : values() }}</div>\n      }\n    </div>\n\n    @if (isDual()) {\n      <div\n        class=\"ax-range-slider-handler\"\n        [ngStyle]=\"AXRangeSliderHandler2()\"\n        name=\"second\"\n        (mousedown)=\"onStartBar($event)\"\n        (touchstart)=\"onStartBar($event)\"\n      >\n        @if (hasTooltip()) {\n          <div class=\"ax-range-slider-tooltip\">{{ values()[1] }}</div>\n        }\n      </div>\n    }\n    @if (hasSnap()) {\n      <div class=\"ax-range-slider-step\" [ngStyle]=\"AXRangeSliderStep()\">\n        @for (item of calculateSnapBar(); track $index) {\n          <div\n            class=\"ax-range-slider-steps\"\n            [ngStyle]=\"\n              isHorizontal() ? { left: getPercantage(item) + '%' } : { bottom: getPercantage(item) + '%' }\n            \"\n          >\n            @if (hasLable()) {\n              <div class=\"ax-range-slider-label\" [ngStyle]=\"AXRangeLabel()\">\n                {{ item + min() }}\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["ax-range-slider{--ax-comp-range-slider-size: .25rem;--ax-comp-range-slider-ring-size: .6rem}ax-range-slider{--ax-comp-range-slider-ring-color: var(--ax-comp-range-slider-color), .25}ax-range-slider.ax-primary-solid{--ax-comp-range-slider-line-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-range-slider-color: var(--ax-sys-color-primary-surface);--ax-comp-range-slider-tooltip-text-color: var(--ax-sys-color-on-primary-surface)}ax-range-slider.ax-secondary-solid{--ax-comp-range-slider-line-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-range-slider-color: var(--ax-sys-color-secondary-surface);--ax-comp-range-slider-tooltip-text-color: var(--ax-sys-color-on-secondary-surface)}ax-range-slider.ax-success-solid{--ax-comp-range-slider-line-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-range-slider-color: var(--ax-sys-color-success-surface);--ax-comp-range-slider-tooltip-text-color: var(--ax-sys-color-on-success-surface)}ax-range-slider.ax-warning-solid{--ax-comp-range-slider-line-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-range-slider-color: var(--ax-sys-color-warning-surface);--ax-comp-range-slider-tooltip-text-color: var(--ax-sys-color-on-warning-surface)}ax-range-slider.ax-danger-solid{--ax-comp-range-slider-line-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-range-slider-color: var(--ax-sys-color-danger-surface);--ax-comp-range-slider-tooltip-text-color: var(--ax-sys-color-on-danger-surface)}ax-range-slider{display:flex;align-items:center;justify-content:center;padding:1rem;font-size:small;-webkit-user-select:none;user-select:none}ax-range-slider .ax-range-slider.ax-orientation-horizontal{position:relative;width:100%;height:calc(var(--ax-comp-range-slider-size) * 4)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-bar{position:absolute;top:50%;left:0;width:100.1%;height:var(--ax-comp-range-slider-bar-height, var(--ax-comp-range-slider-size));transform:translateY(-50%);z-index:20;border-radius:9999rem;background-color:rgba(var(--ax-comp-range-slider-line-color));cursor:pointer}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-highlight{position:absolute;top:50%;height:calc(var(--ax-comp-range-slider-size) * 3 / 2);transform:translateY(-50%);z-index:20;border-radius:9999rem;background-color:rgba(var(--ax-comp-range-slider-color));cursor:pointer}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler{position:absolute;top:50%;width:var(--ax-comp-range-slider-handler-size, calc(var(--ax-comp-range-slider-size) * 6));height:var(--ax-comp-range-slider-handler-size, calc(var(--ax-comp-range-slider-size) * 6));z-index:20;background-color:rgba(var(--ax-comp-range-slider-color));border-radius:50%;cursor:pointer;transform:translate(-45%,-50%);transition:box-shadow .1s linear}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{box-shadow:0 0 0 calc(var(--ax-comp-range-slider-ring-size)) rgba(var(--ax-comp-range-slider-ring-color))}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip{position:absolute;left:calc(var(--ax-comp-range-slider-size) * 2.8);top:calc(var(--ax-comp-range-slider-size) * -2);background-color:rgba(var(--ax-comp-range-slider-color));color:rgba(var(--ax-comp-range-slider-tooltip-text-color));padding:5px 10px;border-radius:3px;white-space:nowrap;font-weight:600;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip:after{content:\"\";position:absolute;top:1.75rem;left:50%;transform:translate(-50%);border-width:.5rem;border-style:solid;border-color:rgba(var(--ax-comp-range-slider-color)) transparent transparent transparent}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step{position:absolute;display:flex;flex-direction:row;width:100%;z-index:10}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps{position:absolute;border-left:calc(var(--ax-comp-range-slider-size) / 2) solid rgba(var(--ax-sys-color-border-lightest-surface));height:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{position:relative;text-align:center;top:calc(var(--ax-comp-range-slider-size) * 2);left:-50%}ax-range-slider .ax-range-slider.ax-orientation-vertical{position:relative;width:calc(var(--ax-comp-range-slider-size) * 4);height:100%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-bar{position:absolute;top:0;left:50%;width:var(--ax-comp-range-slider-size);height:100.1%;transform:translate(-50%);z-index:20;border-radius:9999rem;background-color:rgba(var(--ax-comp-range-slider-line-color));cursor:pointer}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-highlight{position:absolute;left:50%;width:calc(var(--ax-comp-range-slider-size) * 3 / 2);transform:translate(-50%);z-index:20;border-radius:9999rem;background-color:rgba(var(--ax-comp-range-slider-color));cursor:pointer}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler{position:absolute;left:50%;width:calc(var(--ax-comp-range-slider-size) * 6);height:calc(var(--ax-comp-range-slider-size) * 6);z-index:20;background-color:rgba(var(--ax-comp-range-slider-color));border-radius:50%;cursor:pointer;transform:translate(-50%,-55%);transition:background-color .2s ease}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{border:1px solid transparent;box-shadow:var(--tw-ring-inset) 0 0 0 calc(.5rem + var(--tw-ring-offset-width)) rgba(var(--ax-comp-range-slider-color),.25)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip{position:absolute;top:calc(var(--ax-comp-range-slider-size) * 8.5);left:calc(var(--ax-comp-range-slider-size) * -8);background-color:rgba(var(--ax-comp-range-slider-color));color:rgba(var(--ax-comp-range-slider-tooltip-text-color));padding:5px 10px;border-radius:3px;font-weight:600;white-space:nowrap;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip:after{content:\"\";position:absolute;top:50%;left:97%;transform:translateY(-50%);border-width:.5rem;border-style:solid;border-color:transparent transparent transparent rgba(var(--ax-comp-range-slider-color))}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step{position:absolute;display:flex;flex-direction:column;height:100%;z-index:10}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps{position:absolute;width:50%;border-top:calc(var(--ax-comp-range-slider-size) / 2) solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{position:absolute;left:150%;top:calc(var(--ax-comp-range-slider-size) * -3)}ax-range-slider.ax-state-disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-range-slider', inputs: ['disabled', 'readonly'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
@@ -644,11 +644,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             }] } });
 
 class AXRangeSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule, AXRangeSliderComponent], exports: [AXRangeSliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule, AXRangeSliderComponent], exports: [AXRangeSliderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRangeSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRangeSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXRangeSliderComponent],

package/fesm2022/acorex-components-rate-picker.mjs

@@ -1,6 +1,6 @@
 import { MXValueComponent, AXValuableComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { input, computed, signal, viewChild, inject, Renderer2, effect, forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule } from '@angular/core';
+import { input, computed, signal, viewChild, inject, Renderer2, effect, forwardRef, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { CommonModule } from '@angular/common';
 
@@ -266,8 +266,8 @@ class AXRatePickerComponent extends MXValueComponent {
     get isDisabled() {
         return this.disabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXRatePickerComponent, isStandalone: true, selector: "ax-rate-picker", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hasTransition: { classPropertyName: "hasTransition", publicName: "hasTransition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ax-active": "this.isActive", "class.ax-readonly": "this.isReadonly", "class.ax-disable": "this.isDisabled" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXRatePickerComponent, isStandalone: true, selector: "ax-rate-picker", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hasTransition: { classPropertyName: "hasTransition", publicName: "hasTransition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ax-active": "this.isActive", "class.ax-readonly": "this.isReadonly", "class.ax-disable": "this.isDisabled" } }, providers: [
             { provide: AXValuableComponent, useExisting: AXRatePickerComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -276,7 +276,7 @@ class AXRatePickerComponent extends MXValueComponent {
             },
         ], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["c"], descendants: true, isSignal: true }, { propertyName: "ratingEl", first: true, predicate: ["r"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  #c\n  class=\"ax-rate-picker-container\"\n  (click)=\"calculateRate($event)\"\n  (touchstart)=\"calculateRate($event)\"\n  (mouseenter)=\"mouseEnter()\"\n  (mouseleave)=\"mouseLeave()\"\n>\n  <div #r class=\"ax-rate-picker-rating\" [style.width.%]=\"ratePercentage()\">\n    <div class=\"ax-rate-picker-icons ax-rp-active\">\n      @for (rate of rates(); track rate) {\n        <i class=\"ax-rate-picker-icon fa-solid\" [class]=\"iconName()\" [class.pointer]=\"!this.readonly\"></i>\n      }\n    </div>\n  </div>\n  <div class=\"ax-rate-picker-icons ax-rp-inactive\">\n    @for (rate of rates(); track rate) {\n      <i class=\"ax-rate-picker-icon fa-solid\" [class]=\"iconName()\"></i>\n    }\n  </div>\n</div>\n", styles: ["ax-rate-picker{--ax-comp-rate-picker-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-rate-picker-inactive-bg-color: var(--ax-sys-color-dark);--ax-comp-rate-picker-inactive-bg-color-opacity: .2}.ax-dark ax-rate-picker{--ax-comp-rate-picker-inactive-bg-color: var(--ax-sys-color-light)}.ax-xs ax-rate-picker,ax-rate-picker.ax-xs{--ax-comp-rate-picker-font-size: 1rem}.ax-sm ax-rate-picker,ax-rate-picker.ax-sm{--ax-comp-rate-picker-font-size: 1.5rem}.ax-md ax-rate-picker,ax-rate-picker{--ax-comp-rate-picker-font-size: 2rem}.ax-lg ax-rate-picker,ax-rate-picker.ax-lg{--ax-comp-rate-picker-font-size: 2.5rem}.ax-xl ax-rate-picker,ax-rate-picker.ax-xl{--ax-comp-rate-picker-font-size: 3rem}ax-rate-picker{font-size:var(--ax-comp-rate-picker-font-size, 1.5rem)}ax-rate-picker.ax-active{cursor:pointer}ax-rate-picker.ax-disable{cursor:not-allowed;opacity:.5}ax-rate-picker .ax-rate-picker-container{position:relative;width:min-content}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-rating{position:relative;z-index:10;overflow:hidden}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-rating .ax-rate-picker-icons{display:flex}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-rating .ax-rate-picker-icons.ax-rp-active{color:rgba(var(--ax-comp-rate-picker-bg-color))}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-icons{display:flex}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-icons.ax-rp-inactive{color:rgba(var(--ax-comp-rate-picker-inactive-bg-color),var(--ax-comp-rate-picker-inactive-bg-color-opacity));position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rate-picker', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['readonly', 'disabled'], providers: [
                         { provide: AXValuableComponent, useExisting: AXRatePickerComponent },
@@ -298,11 +298,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             }] } });
 
 class AXRatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule, AXRatePickerComponent], exports: [AXRatePickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule, AXRatePickerComponent], exports: [AXRatePickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXRatePickerComponent],

package/fesm2022/acorex-components-rest-api-generator.mjs

@@ -2,7 +2,7 @@ import { AXButtonComponent, AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorGenericComponent, AXDecoratorIconComponent, AXDecoratorClearButtonComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import { AXTextBoxComponent, AXTextBoxModule } from '@acorex/components/text-box';
 import * as i0 from '@angular/core';
-import { signal, Injectable, inject, effect, Component, ViewEncapsulation, ChangeDetectionStrategy, afterNextRender, input, output, NgModule } from '@angular/core';
+import { signal, Injectable, inject, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, afterNextRender, input, output, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXSelectionListComponent, AXSelectionListModule } from '@acorex/components/selection-list';
@@ -23,10 +23,10 @@ class AXRestApiGeneratorService {
             body: '',
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorService, decorators: [{
             type: Injectable
         }] });
 
@@ -87,10 +87,10 @@ class AXQueryParamsComponent {
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXQueryParamsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXQueryParamsComponent, isStandalone: true, selector: "ax-query-params", ngImport: i0, template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\" placeholder=\"key\" [ngModel]=\"setInitialState(item, 'key')\"></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-query-params{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:.5rem}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;gap:.5rem;align-items:center}ax-query-params .ax-query-params-header{display:flex;align-items:center;justify-content:space-between;margin-block:.5rem}\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXQueryParamsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXQueryParamsComponent, isStandalone: true, selector: "ax-query-params", ngImport: i0, template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\" placeholder=\"key\" [ngModel]=\"setInitialState(item, 'key')\"></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-query-params{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:.5rem}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;gap:.5rem;align-items:center}ax-query-params .ax-query-params-header{display:flex;align-items:center;justify-content:space-between;margin-block:.5rem}\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXQueryParamsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXQueryParamsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-query-params', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorGenericComponent, AXButtonComponent, AXDecoratorIconComponent, AXTextBoxComponent, FormsModule], template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\" placeholder=\"key\" [ngModel]=\"setInitialState(item, 'key')\"></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-query-params{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:.5rem}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;gap:.5rem;align-items:center}ax-query-params .ax-query-params-header{display:flex;align-items:center;justify-content:space-between;margin-block:.5rem}\n"] }]
         }] });
@@ -158,10 +158,10 @@ class AXRequestBodyComponent {
             return copy;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRequestBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: AXRequestBodyComponent, isStandalone: true, selector: "ax-request-body", ngImport: i0, template: "<ax-selection-list [showControl]=\"true\" look=\"solid\" [items]=\"items\" [(ngModel)]=\"value\" (onValueChanged)=\"bodyReqHandler($event)\"> </ax-selection-list>\n<ax-text-area [(ngModel)]=\"service.outPutJSON().body\" (onValueChanged)=\"bodyTextHandler($event)\" [placeholder]=\"selectedItem().placeHolder\"> </ax-text-area>\n", styles: ["ax-request-body{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRequestBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: AXRequestBodyComponent, isStandalone: true, selector: "ax-request-body", ngImport: i0, template: "<ax-selection-list [showControl]=\"true\" look=\"solid\" [items]=\"items\" [(ngModel)]=\"value\" (onValueChanged)=\"bodyReqHandler($event)\"> </ax-selection-list>\n<ax-text-area [(ngModel)]=\"service.outPutJSON().body\" (onValueChanged)=\"bodyTextHandler($event)\" [placeholder]=\"selectedItem().placeHolder\"> </ax-text-area>\n", styles: ["ax-request-body{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRequestBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRequestBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-request-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXSelectionListComponent, FormsModule, AXTextAreaComponent], template: "<ax-selection-list [showControl]=\"true\" look=\"solid\" [items]=\"items\" [(ngModel)]=\"value\" (onValueChanged)=\"bodyReqHandler($event)\"> </ax-selection-list>\n<ax-text-area [(ngModel)]=\"service.outPutJSON().body\" (onValueChanged)=\"bodyTextHandler($event)\" [placeholder]=\"selectedItem().placeHolder\"> </ax-text-area>\n", styles: ["ax-request-body{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}\n"] }]
         }] });
@@ -240,10 +240,10 @@ class AXRequestHeadersComponent {
         });
         return [allHeaders];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRequestHeadersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXRequestHeadersComponent, isStandalone: true, selector: "ax-request-headers", ngImport: i0, template: "<div class=\"ax-headers-container\">\n  <div class=\"ax-headers-header\">\n    <ax-text>Headers</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addHeadersHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-headers-value-container\">\n    @for (item of headersArray(); track item.tempId) {\n      <div class=\"ax-headers-value\">\n        <ax-text-box [ngModel]=\"setInitialState(item, 'key')\" (onValueChanged)=\"headersKeyHandler($event, item.tempId)\" placeholder=\"key\"></ax-text-box>\n        <ax-text-box [ngModel]=\"setInitialState(item, 'value')\" (onValueChanged)=\"headersValueHandler($event, item.tempId)\" placeholder=\"value\"></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeHeadersHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-request-headers{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-request-headers .ax-headers-container{width:100%}ax-request-headers .ax-headers-value-container{display:flex;flex-direction:column;gap:.5rem}ax-request-headers .ax-headers-value-container .ax-headers-value{display:flex;gap:.5rem;align-items:center}ax-request-headers .ax-headers-header{display:flex;align-items:center;justify-content:space-between;margin-block:.5rem}\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRequestHeadersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXRequestHeadersComponent, isStandalone: true, selector: "ax-request-headers", ngImport: i0, template: "<div class=\"ax-headers-container\">\n  <div class=\"ax-headers-header\">\n    <ax-text>Headers</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addHeadersHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-headers-value-container\">\n    @for (item of headersArray(); track item.tempId) {\n      <div class=\"ax-headers-value\">\n        <ax-text-box [ngModel]=\"setInitialState(item, 'key')\" (onValueChanged)=\"headersKeyHandler($event, item.tempId)\" placeholder=\"key\"></ax-text-box>\n        <ax-text-box [ngModel]=\"setInitialState(item, 'value')\" (onValueChanged)=\"headersValueHandler($event, item.tempId)\" placeholder=\"value\"></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeHeadersHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-request-headers{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-request-headers .ax-headers-container{width:100%}ax-request-headers .ax-headers-value-container{display:flex;flex-direction:column;gap:.5rem}ax-request-headers .ax-headers-value-container .ax-headers-value{display:flex;gap:.5rem;align-items:center}ax-request-headers .ax-headers-header{display:flex;align-items:center;justify-content:space-between;margin-block:.5rem}\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRequestHeadersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRequestHeadersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-request-headers', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorGenericComponent, AXButtonComponent, AXDecoratorIconComponent, AXTextBoxComponent, FormsModule], template: "<div class=\"ax-headers-container\">\n  <div class=\"ax-headers-header\">\n    <ax-text>Headers</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addHeadersHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-headers-value-container\">\n    @for (item of headersArray(); track item.tempId) {\n      <div class=\"ax-headers-value\">\n        <ax-text-box [ngModel]=\"setInitialState(item, 'key')\" (onValueChanged)=\"headersKeyHandler($event, item.tempId)\" placeholder=\"key\"></ax-text-box>\n        <ax-text-box [ngModel]=\"setInitialState(item, 'value')\" (onValueChanged)=\"headersValueHandler($event, item.tempId)\" placeholder=\"value\"></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeHeadersHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-request-headers{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-request-headers .ax-headers-container{width:100%}ax-request-headers .ax-headers-value-container{display:flex;flex-direction:column;gap:.5rem}ax-request-headers .ax-headers-value-container .ax-headers-value{display:flex;gap:.5rem;align-items:center}ax-request-headers .ax-headers-header{display:flex;align-items:center;justify-content:space-between;margin-block:.5rem}\n"] }]
         }] });
@@ -286,10 +286,10 @@ class AXRestApiAuthComponent {
             return copy;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXRestApiAuthComponent, isStandalone: true, selector: "ax-rest-api-auth", ngImport: i0, template: "<ax-selection-list [showControl]=\"true\" look=\"solid\" [items]=\"items\" [(ngModel)]=\"value\" (onValueChanged)=\"authTypeHandler($event)\"> </ax-selection-list>\n\n@if (selectedItem().text !== 'None') {\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().headers.Authorization\" (onValueChanged)=\"authInputHandler($event)\" [placeholder]=\"selectedItem().placeHolder\">\n  </ax-text-box>\n}\n", styles: ["ax-rest-api-auth{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXRestApiAuthComponent, isStandalone: true, selector: "ax-rest-api-auth", ngImport: i0, template: "<ax-selection-list [showControl]=\"true\" look=\"solid\" [items]=\"items\" [(ngModel)]=\"value\" (onValueChanged)=\"authTypeHandler($event)\"> </ax-selection-list>\n\n@if (selectedItem().text !== 'None') {\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().headers.Authorization\" (onValueChanged)=\"authInputHandler($event)\" [placeholder]=\"selectedItem().placeHolder\">\n  </ax-text-box>\n}\n", styles: ["ax-rest-api-auth{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiAuthComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiAuthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rest-api-auth', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXSelectionListComponent, FormsModule, AXTextBoxComponent], template: "<ax-selection-list [showControl]=\"true\" look=\"solid\" [items]=\"items\" [(ngModel)]=\"value\" (onValueChanged)=\"authTypeHandler($event)\"> </ax-selection-list>\n\n@if (selectedItem().text !== 'None') {\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().headers.Authorization\" (onValueChanged)=\"authInputHandler($event)\" [placeholder]=\"selectedItem().placeHolder\">\n  </ax-text-box>\n}\n", styles: ["ax-rest-api-auth{padding-inline:.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}\n"] }]
         }] });
@@ -316,10 +316,10 @@ class AXRestApiGeneratorComponent {
     methodHandler(e) {
         this.service.outPutJSON.update((prev) => ({ ...prev, method: e.value }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.7", type: AXRestApiGeneratorComponent, isStandalone: true, selector: "ax-rest-api-generator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [AXRestApiGeneratorService], ngImport: i0, template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["ax-rest-api-generator{min-width:40rem}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border:0}ax-rest-api-generator .ax-url-input-container{margin-bottom:1rem}\n"], dependencies: [{ kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXQueryParamsComponent, selector: "ax-query-params" }, { kind: "component", type: AXRequestBodyComponent, selector: "ax-request-body" }, { kind: "component", type: AXRestApiAuthComponent, selector: "ax-rest-api-auth" }, { kind: "component", type: AXRequestHeadersComponent, selector: "ax-request-headers" }, { kind: "directive", type: AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.8", type: AXRestApiGeneratorComponent, isStandalone: true, selector: "ax-rest-api-generator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [AXRestApiGeneratorService], ngImport: i0, template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["ax-rest-api-generator{min-width:40rem}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border:0}ax-rest-api-generator .ax-url-input-container{margin-bottom:1rem}\n"], dependencies: [{ kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXQueryParamsComponent, selector: "ax-query-params" }, { kind: "component", type: AXRequestBodyComponent, selector: "ax-request-body" }, { kind: "component", type: AXRestApiAuthComponent, selector: "ax-rest-api-auth" }, { kind: "component", type: AXRequestHeadersComponent, selector: "ax-request-headers" }, { kind: "directive", type: AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rest-api-generator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXRestApiGeneratorService], imports: [
                         AXTextBoxComponent,
@@ -340,11 +340,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
 const COMPONENT = [AXRestApiGeneratorComponent, AXQueryParamsComponent, AXRequestBodyComponent, AXRestApiAuthComponent, AXRequestHeadersComponent];
 const MODULES = [AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule, AXTabsModule, AXButtonModule, AXTextAreaModule, AXSelectionListModule, FormsModule];
 class AXRestApiGeneratorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorModule, imports: [AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule, AXTabsModule, AXButtonModule, AXTextAreaModule, AXSelectionListModule, FormsModule, AXRestApiGeneratorComponent, AXQueryParamsComponent, AXRequestBodyComponent, AXRestApiAuthComponent, AXRequestHeadersComponent], exports: [AXRestApiGeneratorComponent, AXQueryParamsComponent, AXRequestBodyComponent, AXRestApiAuthComponent, AXRequestHeadersComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorModule, imports: [MODULES, COMPONENT] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorModule, imports: [AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule, AXTabsModule, AXButtonModule, AXTextAreaModule, AXSelectionListModule, FormsModule, AXRestApiGeneratorComponent, AXQueryParamsComponent, AXRequestBodyComponent, AXRestApiAuthComponent, AXRequestHeadersComponent], exports: [AXRestApiGeneratorComponent, AXQueryParamsComponent, AXRequestBodyComponent, AXRestApiAuthComponent, AXRequestHeadersComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorModule, imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRestApiGeneratorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRestApiGeneratorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-result.mjs

@@ -1,6 +1,6 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import { HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 /**
@@ -26,10 +26,10 @@ class AXResultComponent extends MXBaseComponent {
     get hostClass() {
         return 'ax-result';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: AXResultComponent, isStandalone: true, selector: "ax-result", inputs: { caption: "caption", description: "description" }, host: { properties: { "class": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-result-icon \">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-result-title\">\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<div class=\"ax-result-content\">\n  <ng-content></ng-content>\n</div>", styles: ["ax-result{display:flex;flex-direction:column;gap:.5rem}ax-result .ax-result-icon{text-align:center;font-size:3rem}ax-result .ax-result-title,ax-result .ax-result-description{margin-top:.5rem;text-align:center}ax-result .ax-result-title{font-size:1.5rem;line-height:2rem;font-weight:500}ax-result .ax-result-content{font-size:1rem;line-height:1.5rem;text-align:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: AXResultComponent, isStandalone: true, selector: "ax-result", inputs: { caption: "caption", description: "description" }, host: { properties: { "class": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-result-icon \">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-result-title\">\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<div class=\"ax-result-content\">\n  <ng-content></ng-content>\n</div>", styles: ["ax-result{display:flex;flex-direction:column;gap:.5rem}ax-result .ax-result-icon{text-align:center;font-size:3rem}ax-result .ax-result-title,ax-result .ax-result-description{margin-top:.5rem;text-align:center}ax-result .ax-result-title{font-size:1.5rem;line-height:2rem;font-weight:500}ax-result .ax-result-content{font-size:1rem;line-height:1.5rem;text-align:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXResultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXResultComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-result', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-result-icon \">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-result-title\">\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<div class=\"ax-result-content\">\n  <ng-content></ng-content>\n</div>", styles: ["ax-result{display:flex;flex-direction:column;gap:.5rem}ax-result .ax-result-icon{text-align:center;font-size:3rem}ax-result .ax-result-title,ax-result .ax-result-description{margin-top:.5rem;text-align:center}ax-result .ax-result-title{font-size:1.5rem;line-height:2rem;font-weight:500}ax-result .ax-result-content{font-size:1rem;line-height:1.5rem;text-align:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { caption: [{
@@ -42,11 +42,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             }] } });
 
 class AXResultModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXResultModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXResultModule, imports: [CommonModule, AXResultComponent], exports: [AXResultComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXResultModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXResultModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXResultModule, imports: [CommonModule, AXResultComponent], exports: [AXResultComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXResultModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXResultModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXResultModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXResultComponent],

package/fesm2022/acorex-components-routing-progress.mjs

@@ -1,6 +1,6 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
+import { ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/router';
 import { NavigationError, NavigationCancel, NavigationEnd, NavigationStart } from '@angular/router';
 import { interval, delay } from 'rxjs';
@@ -64,10 +64,10 @@ class AXRoutingProgressComponent extends MXBaseComponent {
     ngOnDestroy() {
         this.subscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRoutingProgressComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXRoutingProgressComponent, isStandalone: true, selector: "ax-routing-progress", usesInheritance: true, ngImport: i0, template: "@if(loading){\n<div [style.width.%]=\"width\"></div>\n}", styles: ["ax-routing-progress{position:fixed;inset-inline-start:0px;top:0;z-index:2147483647;display:block;height:.25rem;width:100%}ax-routing-progress>div{transition:width .3s ease-out,opacity .15s .15s ease-in;transform:translateZ(0);height:100%;background-color:rgba(var(--ax-sys-color-primary-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRoutingProgressComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXRoutingProgressComponent, isStandalone: true, selector: "ax-routing-progress", usesInheritance: true, ngImport: i0, template: "@if(loading){\n<div [style.width.%]=\"width\"></div>\n}", styles: ["ax-routing-progress{position:fixed;inset-inline-start:0px;top:0;z-index:2147483647;display:block;height:.25rem;width:100%}ax-routing-progress>div{transition:width .3s ease-out,opacity .15s .15s ease-in;transform:translateZ(0);height:100%;background-color:rgba(var(--ax-sys-color-primary-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRoutingProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRoutingProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-routing-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if(loading){\n<div [style.width.%]=\"width\"></div>\n}", styles: ["ax-routing-progress{position:fixed;inset-inline-start:0px;top:0;z-index:2147483647;display:block;height:.25rem;width:100%}ax-routing-progress>div{transition:width .3s ease-out,opacity .15s .15s ease-in;transform:translateZ(0);height:100%;background-color:rgba(var(--ax-sys-color-primary-surface))}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }] });
@@ -75,11 +75,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
 const COMPONENT = [AXRoutingProgressComponent];
 const MODULES = [CommonModule];
 class AXRoutingProgressModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRoutingProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXRoutingProgressModule, imports: [CommonModule, AXRoutingProgressComponent], exports: [AXRoutingProgressComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRoutingProgressModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRoutingProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXRoutingProgressModule, imports: [CommonModule, AXRoutingProgressComponent], exports: [AXRoutingProgressComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRoutingProgressModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXRoutingProgressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXRoutingProgressModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],