@softpak/components 20.4.0 → 20.5.0

package/fesm2022/softpak-components-spx-navigation.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { input, ChangeDetectionStrategy, Component, viewChild, viewChildren, output, signal } from '@angular/core';
-import * as i2 from '@ngx-translate/core';
+import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import * as i3 from '@fortawesome/angular-fontawesome';
+import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
 import { NgClass } from '@angular/common';
@@ -11,31 +11,31 @@ import { createAction, props, union, createFeature, createReducer, on } from '@n
 
 class SpxHomeTilesComponent {
     constructor() {
-        this.spxCols = input(2);
+        this.spxCols = input(2, ...(ngDevMode ? [{ debugName: "spxCols" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxHomeTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.1", type: SpxHomeTilesComponent, isStandalone: true, selector: "spx-home-tiles", inputs: { spxCols: { classPropertyName: "spxCols", publicName: "spxCols", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"mx-auto max-w-lg grid gap-3\"\n    [class.grid-cols-1]=\"this.spxCols() === 1\"\n    [class.grid-cols-2]=\"this.spxCols() === 2\"><ng-content></ng-content></div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxHomeTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.2", type: SpxHomeTilesComponent, isStandalone: true, selector: "spx-home-tiles", inputs: { spxCols: { classPropertyName: "spxCols", publicName: "spxCols", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"mx-auto max-w-lg grid gap-3\"\n    [class.grid-cols-1]=\"this.spxCols() === 1\"\n    [class.grid-cols-2]=\"this.spxCols() === 2\"><ng-content></ng-content></div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxHomeTilesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxHomeTilesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-home-tiles', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mx-auto max-w-lg grid gap-3\"\n    [class.grid-cols-1]=\"this.spxCols() === 1\"\n    [class.grid-cols-2]=\"this.spxCols() === 2\"><ng-content></ng-content></div>" }]
         }] });
 
 class SpxHomeTileComponent {
     constructor() {
-        this.spxAutofocus = input();
-        this.spxClass = input();
-        this.spxSubtitle = input();
-        this.spxTitle = input();
-        this.buttonRef = viewChild('button');
+        this.spxAutofocus = input(...(ngDevMode ? [undefined, { debugName: "spxAutofocus" }] : []));
+        this.spxClass = input(...(ngDevMode ? [undefined, { debugName: "spxClass" }] : []));
+        this.spxSubtitle = input(...(ngDevMode ? [undefined, { debugName: "spxSubtitle" }] : []));
+        this.spxTitle = input(...(ngDevMode ? [undefined, { debugName: "spxTitle" }] : []));
+        this.buttonRef = viewChild('button', ...(ngDevMode ? [{ debugName: "buttonRef" }] : []));
     }
     setFocus() {
         this.buttonRef()?.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxHomeTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.1", type: SpxHomeTileComponent, isStandalone: true, selector: "spx-home-tile", inputs: { spxAutofocus: { classPropertyName: "spxAutofocus", publicName: "spxAutofocus", isSignal: true, isRequired: false, transformFunction: null }, spxClass: { classPropertyName: "spxClass", publicName: "spxClass", isSignal: true, isRequired: false, transformFunction: null }, spxSubtitle: { classPropertyName: "spxSubtitle", publicName: "spxSubtitle", isSignal: true, isRequired: false, transformFunction: null }, spxTitle: { classPropertyName: "spxTitle", publicName: "spxTitle", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, isSignal: true }], ngImport: i0, template: "<button #button\n    class=\"border border-transparent flex flex-col w-full px-4 py-2 relative rounded text-center focus:outline-none focus:ring-2 focus:ring-offset-2\"\n    type=\"button\"\n    part=\"button\"\n    [attr.autofocus]=\"this.spxAutofocus() ? this.spxAutofocus() : undefined\"\n    [class.bg-blue-600]=\"!this.spxClass()\"\n    [class.focus:ring-blue-500]=\"!this.spxClass()\"\n    [class.hover:bg-blue-800]=\"!this.spxClass()\"\n    [class.text-white]=\"!this.spxClass()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\">\n    <div class=\"flex gap-5 items-center\">\n      <div class=\"fal my-2 self-center text-xl w-5\"><ng-content></ng-content></div>\n      <div class=\"grow flex flex-col text-left\">\n        <div class=\"text-lg font-bold text-ellipsis overflow-hidden\">{{ this.spxTitle() }}</div>\n        @if (this.spxSubtitle()) {\n          <div class=\"text-sm opacity-70 text-ellipsis overflow-hidden\">{{ this.spxSubtitle() }}</div>\n        }\n      </div>\n    </div>\n  </button>", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxHomeTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SpxHomeTileComponent, isStandalone: true, selector: "spx-home-tile", inputs: { spxAutofocus: { classPropertyName: "spxAutofocus", publicName: "spxAutofocus", isSignal: true, isRequired: false, transformFunction: null }, spxClass: { classPropertyName: "spxClass", publicName: "spxClass", isSignal: true, isRequired: false, transformFunction: null }, spxSubtitle: { classPropertyName: "spxSubtitle", publicName: "spxSubtitle", isSignal: true, isRequired: false, transformFunction: null }, spxTitle: { classPropertyName: "spxTitle", publicName: "spxTitle", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, isSignal: true }], ngImport: i0, template: "<button #button\n    class=\"border border-transparent flex flex-col w-full px-4 py-2 relative rounded text-center focus:outline-none focus:ring-2 focus:ring-offset-2\"\n    type=\"button\"\n    part=\"button\"\n    [attr.autofocus]=\"this.spxAutofocus() ? this.spxAutofocus() : undefined\"\n    [class.bg-blue-600]=\"!this.spxClass()\"\n    [class.focus:ring-blue-500]=\"!this.spxClass()\"\n    [class.hover:bg-blue-800]=\"!this.spxClass()\"\n    [class.text-white]=\"!this.spxClass()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\">\n    <div class=\"flex gap-5 items-center\">\n      <div class=\"fal my-2 self-center text-xl w-5\"><ng-content></ng-content></div>\n      <div class=\"grow flex flex-col text-left\">\n        <div class=\"text-lg font-bold text-ellipsis overflow-hidden\">{{ this.spxTitle() }}</div>\n        @if (this.spxSubtitle()) {\n          <div class=\"text-sm opacity-70 text-ellipsis overflow-hidden\">{{ this.spxSubtitle() }}</div>\n        }\n      </div>\n    </div>\n  </button>", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxHomeTileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxHomeTileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-home-tile', imports: [
                         NgClass
@@ -100,10 +100,10 @@ var spxNavigation_reducer = /*#__PURE__*/Object.freeze({
 class SpxNavigationComponent {
     constructor(appStore) {
         this.appStore = appStore;
-        this.spxOverwriteNavItems = input();
-        this.tiles = viewChildren("tiles");
+        this.spxOverwriteNavItems = input(...(ngDevMode ? [undefined, { debugName: "spxOverwriteNavItems" }] : []));
+        this.tiles = viewChildren("tiles", ...(ngDevMode ? [{ debugName: "tiles" }] : []));
         this.spxClick = output();
-        this.navItems = signal([]);
+        this.navItems = signal([], ...(ngDevMode ? [{ debugName: "navItems" }] : []));
         this.menuItemsSubscription = null;
     }
     ngOnInit() {
@@ -120,10 +120,10 @@ class SpxNavigationComponent {
     onNavigate(link) {
         this.spxClick.emit(link);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxNavigationComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.1", type: SpxNavigationComponent, isStandalone: true, selector: "spx-navigation", inputs: { spxOverwriteNavItems: { classPropertyName: "spxOverwriteNavItems", publicName: "spxOverwriteNavItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClick: "spxClick" }, viewQueries: [{ propertyName: "tiles", predicate: ["tiles"], descendants: true, isSignal: true }], ngImport: i0, template: "<spx-home-tiles [spxCols]=\"1\">\n  @if (spxOverwriteNavItems() && spxOverwriteNavItems()?.length) {\n    @for (item of spxOverwriteNavItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n  @else {\n    @for (item of navItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n</spx-home-tiles>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxHomeTilesComponent, selector: "spx-home-tiles", inputs: ["spxCols"] }, { kind: "component", type: SpxHomeTileComponent, selector: "spx-home-tile", inputs: ["spxAutofocus", "spxClass", "spxSubtitle", "spxTitle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxNavigationComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SpxNavigationComponent, isStandalone: true, selector: "spx-navigation", inputs: { spxOverwriteNavItems: { classPropertyName: "spxOverwriteNavItems", publicName: "spxOverwriteNavItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClick: "spxClick" }, viewQueries: [{ propertyName: "tiles", predicate: ["tiles"], descendants: true, isSignal: true }], ngImport: i0, template: "<spx-home-tiles [spxCols]=\"1\">\n  @if (spxOverwriteNavItems() && spxOverwriteNavItems()?.length) {\n    @for (item of spxOverwriteNavItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n  @else {\n    @for (item of navItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n</spx-home-tiles>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "component", type: SpxHomeTilesComponent, selector: "spx-home-tiles", inputs: ["spxCols"] }, { kind: "component", type: SpxHomeTileComponent, selector: "spx-home-tile", inputs: ["spxAutofocus", "spxClass", "spxSubtitle", "spxTitle"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-navigation', imports: [
                         TranslateModule,

package/fesm2022/softpak-components-spx-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-navigation.mjs","sources":["../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tiles.component.ts","../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tiles.component.html","../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tile.component.ts","../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tile.component.html","../../../../projects/softpak/components/spx-navigation/store/spx-navigation/spx-navigation.actions.ts","../../../../projects/softpak/components/spx-navigation/store/spx-navigation/spx-navigation.initial.ts","../../../../projects/softpak/components/spx-navigation/store/spx-navigation/spx-navigation.reducer.ts","../../../../projects/softpak/components/spx-navigation/spx-navigation.component.ts","../../../../projects/softpak/components/spx-navigation/spx-navigation.component.html","../../../../projects/softpak/components/spx-navigation/softpak-components-spx-navigation.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'spx-home-tiles',\n  standalone: true,\n  templateUrl: './spx-home-tiles.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxHomeTilesComponent {\n  readonly spxCols = input<1 | 2>(2);\n}\n","<div class=\"mx-auto max-w-lg grid gap-3\"\n    [class.grid-cols-1]=\"this.spxCols() === 1\"\n    [class.grid-cols-2]=\"this.spxCols() === 2\"><ng-content></ng-content></div>","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, input, viewChild } from '@angular/core';\n\n@Component({\n    selector: 'spx-home-tile',\n    imports: [\n        NgClass\n    ],\n    templateUrl: './spx-home-tile.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxHomeTileComponent {\n  readonly spxAutofocus = input<boolean>();\n  readonly spxClass = input<string>();\n  readonly spxSubtitle = input<string>();\n  readonly spxTitle = input<string>();\n  private buttonRef = viewChild<ElementRef<HTMLButtonElement>>('button');\n\n  setFocus(): void {\n    this.buttonRef()?.nativeElement.focus();\n  }\n}\n","<button #button\n    class=\"border border-transparent flex flex-col w-full px-4 py-2 relative rounded text-center focus:outline-none focus:ring-2 focus:ring-offset-2\"\n    type=\"button\"\n    part=\"button\"\n    [attr.autofocus]=\"this.spxAutofocus() ? this.spxAutofocus() : undefined\"\n    [class.bg-blue-600]=\"!this.spxClass()\"\n    [class.focus:ring-blue-500]=\"!this.spxClass()\"\n    [class.hover:bg-blue-800]=\"!this.spxClass()\"\n    [class.text-white]=\"!this.spxClass()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\">\n    <div class=\"flex gap-5 items-center\">\n      <div class=\"fal my-2 self-center text-xl w-5\"><ng-content></ng-content></div>\n      <div class=\"grow flex flex-col text-left\">\n        <div class=\"text-lg font-bold text-ellipsis overflow-hidden\">{{ this.spxTitle() }}</div>\n        @if (this.spxSubtitle()) {\n          <div class=\"text-sm opacity-70 text-ellipsis overflow-hidden\">{{ this.spxSubtitle() }}</div>\n        }\n      </div>\n    </div>\n  </button>","import { createAction, props, union } from '@ngrx/store';\nimport { SpxNavigationItemI } from '../../spx-navigation-item.interface';\n\nexport const addPages = createAction('[SPX / Navigation] Add items', props<{\n    navigationItems: SpxNavigationItemI[];\n}>());\nexport const initialize = createAction('[SPX / Navigation] Initialize', props<{\n    navigationItems: SpxNavigationItemI[];\n}>());\nexport const update = createAction('[SPX / Navigation] Update', props<{\n    accessList: string[];\n    signedIn: boolean;\n}>());\n\nconst all = union({\n    addPages,\n    initialize,\n    update\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-navigation.state\";\n\nexport const initialState: StateI = {\n    accessList: [],\n    navigationItems: [],\n    menuItems: [],\n    signedIn: false,\n    tabs: [],\n};\n","\nimport * as actions from './spx-navigation.actions';\nimport { createFeature, createReducer, on } from '@ngrx/store';\nimport { StateI } from './spx-navigation.state';\nimport { initialState } from './spx-navigation.initial';\n\nexport default createFeature({\n    name: 'spxNavigation',\n    reducer: createReducer(\n        initialState,\n        on(actions.initialize, (state: StateI, { navigationItems }): StateI => ({\n            ...state,\n            navigationItems: navigationItems,\n            menuItems: navigationItems.slice().filter(navigationItem => !navigationItem.signInRequired && (navigationItem.hasTile === undefined || navigationItem.hasTile)),\n            tabs: navigationItems.slice().filter(navigationItem => !navigationItem.signInRequired && navigationItem.hasTab),\n        })),\n        on(actions.update, (state: StateI, { accessList, signedIn }): StateI => ({\n            ...state,\n            accessList,\n            menuItems: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem?.hasTile !== false).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n            signedIn,\n            tabs: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem.hasTab).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n        })),\n        on(actions.addPages, (state: StateI, { navigationItems }): StateI => ({\n            ...state,\n            navigationItems: [...state.navigationItems.slice(), ...navigationItems],\n            menuItems: [...state.menuItems.slice(), ...navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || state.signedIn) && navigationItem?.hasTile !== false).filter(item => item.accessKey === undefined || state.accessList.includes(item.accessKey))],\n            tabs: [...state.tabs.slice(), ...navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || state.signedIn) && navigationItem.hasTab).filter(item => item.accessKey === undefined || state.accessList.includes(item.accessKey))],\n        })),\n    ),\n});\n","import { Component, input, OnDestroy, OnInit, output, signal, viewChildren } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxHomeTilesComponent } from './spx-home-tile/spx-home-tiles.component';\nimport { SpxHomeTileComponent } from './spx-home-tile/spx-home-tile.component';\nimport { Store } from '@ngrx/store';\nimport spxNavigationReducer from './store/spx-navigation/spx-navigation.reducer';\nimport { AsyncPipe } from '@angular/common';\nimport { SpxNavigationItemI } from './spx-navigation-item.interface';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'spx-navigation',\n  templateUrl: './spx-navigation.component.html',\n  imports: [\n    TranslateModule,\n    FontAwesomeModule,\n    SpxCapitalizePipe,\n    SpxHomeTilesComponent,\n    SpxHomeTileComponent\n  ]\n})\nexport class SpxNavigationComponent implements OnInit, OnDestroy {\n  readonly spxOverwriteNavItems = input<SpxNavigationItemI[]>();\n  tiles = viewChildren<SpxHomeTileComponent>(\"tiles\");\n  spxClick = output<string>();\n  navItems = signal<SpxNavigationItemI[]>([]);\n  menuItemsSubscription: Subscription | null = null;\n  \n  constructor(\n    private readonly appStore: Store,\n  ) { }\n\n  ngOnInit() {\n    this.menuItemsSubscription = this.appStore.select(spxNavigationReducer.selectMenuItems).subscribe((items) => {\n      this.navItems.set(items);\n    });\n  }\n\n  ngOnDestroy() {\n    this.menuItemsSubscription?.unsubscribe();\n  }\n\n  setFocus(): void {\n    this.tiles()[0]?.setFocus();\n  }\n\n  onNavigate(link: string) {\n    this.spxClick.emit(link);\n  }\n}\n","<spx-home-tiles [spxCols]=\"1\">\n  @if (spxOverwriteNavItems() && spxOverwriteNavItems()?.length) {\n    @for (item of spxOverwriteNavItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n  @else {\n    @for (item of navItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n</spx-home-tiles>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.initialize","actions.update","actions.addPages","spxNavigationReducer"],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-navigation.mjs","sources":["../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tiles.component.ts","../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tiles.component.html","../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tile.component.ts","../../../../projects/softpak/components/spx-navigation/spx-home-tile/spx-home-tile.component.html","../../../../projects/softpak/components/spx-navigation/store/spx-navigation/spx-navigation.actions.ts","../../../../projects/softpak/components/spx-navigation/store/spx-navigation/spx-navigation.initial.ts","../../../../projects/softpak/components/spx-navigation/store/spx-navigation/spx-navigation.reducer.ts","../../../../projects/softpak/components/spx-navigation/spx-navigation.component.ts","../../../../projects/softpak/components/spx-navigation/spx-navigation.component.html","../../../../projects/softpak/components/spx-navigation/softpak-components-spx-navigation.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'spx-home-tiles',\n  standalone: true,\n  templateUrl: './spx-home-tiles.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxHomeTilesComponent {\n  readonly spxCols = input<1 | 2>(2);\n}\n","<div class=\"mx-auto max-w-lg grid gap-3\"\n    [class.grid-cols-1]=\"this.spxCols() === 1\"\n    [class.grid-cols-2]=\"this.spxCols() === 2\"><ng-content></ng-content></div>","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, input, viewChild } from '@angular/core';\n\n@Component({\n    selector: 'spx-home-tile',\n    imports: [\n        NgClass\n    ],\n    templateUrl: './spx-home-tile.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxHomeTileComponent {\n  readonly spxAutofocus = input<boolean>();\n  readonly spxClass = input<string>();\n  readonly spxSubtitle = input<string>();\n  readonly spxTitle = input<string>();\n  private buttonRef = viewChild<ElementRef<HTMLButtonElement>>('button');\n\n  setFocus(): void {\n    this.buttonRef()?.nativeElement.focus();\n  }\n}\n","<button #button\n    class=\"border border-transparent flex flex-col w-full px-4 py-2 relative rounded text-center focus:outline-none focus:ring-2 focus:ring-offset-2\"\n    type=\"button\"\n    part=\"button\"\n    [attr.autofocus]=\"this.spxAutofocus() ? this.spxAutofocus() : undefined\"\n    [class.bg-blue-600]=\"!this.spxClass()\"\n    [class.focus:ring-blue-500]=\"!this.spxClass()\"\n    [class.hover:bg-blue-800]=\"!this.spxClass()\"\n    [class.text-white]=\"!this.spxClass()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\">\n    <div class=\"flex gap-5 items-center\">\n      <div class=\"fal my-2 self-center text-xl w-5\"><ng-content></ng-content></div>\n      <div class=\"grow flex flex-col text-left\">\n        <div class=\"text-lg font-bold text-ellipsis overflow-hidden\">{{ this.spxTitle() }}</div>\n        @if (this.spxSubtitle()) {\n          <div class=\"text-sm opacity-70 text-ellipsis overflow-hidden\">{{ this.spxSubtitle() }}</div>\n        }\n      </div>\n    </div>\n  </button>","import { createAction, props, union } from '@ngrx/store';\nimport { SpxNavigationItemI } from '../../spx-navigation-item.interface';\n\nexport const addPages = createAction('[SPX / Navigation] Add items', props<{\n    navigationItems: SpxNavigationItemI[];\n}>());\nexport const initialize = createAction('[SPX / Navigation] Initialize', props<{\n    navigationItems: SpxNavigationItemI[];\n}>());\nexport const update = createAction('[SPX / Navigation] Update', props<{\n    accessList: string[];\n    signedIn: boolean;\n}>());\n\nconst all = union({\n    addPages,\n    initialize,\n    update\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-navigation.state\";\n\nexport const initialState: StateI = {\n    accessList: [],\n    navigationItems: [],\n    menuItems: [],\n    signedIn: false,\n    tabs: [],\n};\n","\nimport * as actions from './spx-navigation.actions';\nimport { createFeature, createReducer, on } from '@ngrx/store';\nimport { StateI } from './spx-navigation.state';\nimport { initialState } from './spx-navigation.initial';\n\nexport default createFeature({\n    name: 'spxNavigation',\n    reducer: createReducer(\n        initialState,\n        on(actions.initialize, (state: StateI, { navigationItems }): StateI => ({\n            ...state,\n            navigationItems: navigationItems,\n            menuItems: navigationItems.slice().filter(navigationItem => !navigationItem.signInRequired && (navigationItem.hasTile === undefined || navigationItem.hasTile)),\n            tabs: navigationItems.slice().filter(navigationItem => !navigationItem.signInRequired && navigationItem.hasTab),\n        })),\n        on(actions.update, (state: StateI, { accessList, signedIn }): StateI => ({\n            ...state,\n            accessList,\n            menuItems: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem?.hasTile !== false).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n            signedIn,\n            tabs: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem.hasTab).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n        })),\n        on(actions.addPages, (state: StateI, { navigationItems }): StateI => ({\n            ...state,\n            navigationItems: [...state.navigationItems.slice(), ...navigationItems],\n            menuItems: [...state.menuItems.slice(), ...navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || state.signedIn) && navigationItem?.hasTile !== false).filter(item => item.accessKey === undefined || state.accessList.includes(item.accessKey))],\n            tabs: [...state.tabs.slice(), ...navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || state.signedIn) && navigationItem.hasTab).filter(item => item.accessKey === undefined || state.accessList.includes(item.accessKey))],\n        })),\n    ),\n});\n","import { Component, input, OnDestroy, OnInit, output, signal, viewChildren } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxHomeTilesComponent } from './spx-home-tile/spx-home-tiles.component';\nimport { SpxHomeTileComponent } from './spx-home-tile/spx-home-tile.component';\nimport { Store } from '@ngrx/store';\nimport spxNavigationReducer from './store/spx-navigation/spx-navigation.reducer';\nimport { AsyncPipe } from '@angular/common';\nimport { SpxNavigationItemI } from './spx-navigation-item.interface';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'spx-navigation',\n  templateUrl: './spx-navigation.component.html',\n  imports: [\n    TranslateModule,\n    FontAwesomeModule,\n    SpxCapitalizePipe,\n    SpxHomeTilesComponent,\n    SpxHomeTileComponent\n  ]\n})\nexport class SpxNavigationComponent implements OnInit, OnDestroy {\n  readonly spxOverwriteNavItems = input<SpxNavigationItemI[]>();\n  tiles = viewChildren<SpxHomeTileComponent>(\"tiles\");\n  spxClick = output<string>();\n  navItems = signal<SpxNavigationItemI[]>([]);\n  menuItemsSubscription: Subscription | null = null;\n  \n  constructor(\n    private readonly appStore: Store,\n  ) { }\n\n  ngOnInit() {\n    this.menuItemsSubscription = this.appStore.select(spxNavigationReducer.selectMenuItems).subscribe((items) => {\n      this.navItems.set(items);\n    });\n  }\n\n  ngOnDestroy() {\n    this.menuItemsSubscription?.unsubscribe();\n  }\n\n  setFocus(): void {\n    this.tiles()[0]?.setFocus();\n  }\n\n  onNavigate(link: string) {\n    this.spxClick.emit(link);\n  }\n}\n","<spx-home-tiles [spxCols]=\"1\">\n  @if (spxOverwriteNavItems() && spxOverwriteNavItems()?.length) {\n    @for (item of spxOverwriteNavItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n  @else {\n    @for (item of navItems(); track item; let i = $index) {\n      <spx-home-tile #tiles (click)=\"item.onClick ? item.onClick() : (item.routerLink ? onNavigate(item.routerLink) : null)\"\n        [spxAutofocus]=\"i === 0\"\n        [spxClass]=\"item.tileClasses ? item.tileClasses : undefined\"\n        [spxTitle]=\"item.title | translate | capitalize\"\n        [spxSubtitle]=\"item.subtite ? (item.subtite | translate | capitalize) : undefined\">\n        <fa-icon [icon]=\"item.icon\"></fa-icon>\n      </spx-home-tile>\n    }\n  }\n</spx-home-tiles>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.initialize","actions.update","actions.addPages","spxNavigationReducer"],"mappings":"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"}

package/fesm2022/softpak-components-spx-number-check.mjs

@@ -8,28 +8,28 @@ import { SpxSeverityEnum, unsubscribeSubscriptions } from '@softpak/components/s
 class SpxNumberCheckComponent {
     constructor(formBuilder) {
         this.formBuilder = formBuilder;
-        this.spxAction = input.required();
-        this.spxSimpleMode = input(false);
-        this.spxPincode = input.required();
-        this.txtCancel = input.required();
-        this.txtConfirm = input.required();
-        this.txtConfirmMessage = input.required();
-        this.txtReset = input.required();
+        this.spxAction = input.required(...(ngDevMode ? [{ debugName: "spxAction" }] : []));
+        this.spxSimpleMode = input(false, ...(ngDevMode ? [{ debugName: "spxSimpleMode" }] : []));
+        this.spxPincode = input.required(...(ngDevMode ? [{ debugName: "spxPincode" }] : []));
+        this.txtCancel = input.required(...(ngDevMode ? [{ debugName: "txtCancel" }] : []));
+        this.txtConfirm = input.required(...(ngDevMode ? [{ debugName: "txtConfirm" }] : []));
+        this.txtConfirmMessage = input.required(...(ngDevMode ? [{ debugName: "txtConfirmMessage" }] : []));
+        this.txtReset = input.required(...(ngDevMode ? [{ debugName: "txtReset" }] : []));
         this.spxCancel = output();
         this.spxConfirm = output();
         this.viewChild1 = viewChild.required('viewChild1');
         this.viewChild2 = viewChild.required('viewChild2');
         this.viewChild3 = viewChild.required('viewChild3');
         this.viewChild4 = viewChild.required('viewChild4');
-        this.form = signal(null);
+        this.form = signal(null, ...(ngDevMode ? [{ debugName: "form" }] : []));
         this.spxSeverity = SpxSeverityEnum;
-        this.accepted = signal(false);
-        this.denied = signal(false);
+        this.accepted = signal(false, ...(ngDevMode ? [{ debugName: "accepted" }] : []));
+        this.denied = signal(false, ...(ngDevMode ? [{ debugName: "denied" }] : []));
         this.subscription = {};
-        this.ctrl1 = computed(() => this.form()?.get('ctrl1'));
-        this.ctrl2 = computed(() => this.form()?.get('ctrl2'));
-        this.ctrl3 = computed(() => this.form()?.get('ctrl3'));
-        this.ctrl4 = computed(() => this.form()?.get('ctrl4'));
+        this.ctrl1 = computed(() => this.form()?.get('ctrl1'), ...(ngDevMode ? [{ debugName: "ctrl1" }] : []));
+        this.ctrl2 = computed(() => this.form()?.get('ctrl2'), ...(ngDevMode ? [{ debugName: "ctrl2" }] : []));
+        this.ctrl3 = computed(() => this.form()?.get('ctrl3'), ...(ngDevMode ? [{ debugName: "ctrl3" }] : []));
+        this.ctrl4 = computed(() => this.form()?.get('ctrl4'), ...(ngDevMode ? [{ debugName: "ctrl4" }] : []));
         this.form.set(this.formBuilder.group({
             ctrl1: [null, []],
             ctrl2: [null, []],
@@ -140,10 +140,10 @@ class SpxNumberCheckComponent {
             this.denied.set(true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxNumberCheckComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.1", type: SpxNumberCheckComponent, isStandalone: true, selector: "spx-number-check", inputs: { spxAction: { classPropertyName: "spxAction", publicName: "spxAction", isSignal: true, isRequired: true, transformFunction: null }, spxSimpleMode: { classPropertyName: "spxSimpleMode", publicName: "spxSimpleMode", isSignal: true, isRequired: false, transformFunction: null }, spxPincode: { classPropertyName: "spxPincode", publicName: "spxPincode", isSignal: true, isRequired: true, transformFunction: null }, txtCancel: { classPropertyName: "txtCancel", publicName: "txtCancel", isSignal: true, isRequired: true, transformFunction: null }, txtConfirm: { classPropertyName: "txtConfirm", publicName: "txtConfirm", isSignal: true, isRequired: true, transformFunction: null }, txtConfirmMessage: { classPropertyName: "txtConfirmMessage", publicName: "txtConfirmMessage", isSignal: true, isRequired: true, transformFunction: null }, txtReset: { classPropertyName: "txtReset", publicName: "txtReset", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { spxCancel: "spxCancel", spxConfirm: "spxConfirm" }, host: { listeners: { "spxChange": "handleChangeEvent($event)" } }, viewQueries: [{ propertyName: "viewChild1", first: true, predicate: ["viewChild1"], descendants: true, isSignal: true }, { propertyName: "viewChild2", first: true, predicate: ["viewChild2"], descendants: true, isSignal: true }, { propertyName: "viewChild3", first: true, predicate: ["viewChild3"], descendants: true, isSignal: true }, { propertyName: "viewChild4", first: true, predicate: ["viewChild4"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fixed top-0 left-0 right-0 bottom-0 z-40 bg-black\">\n  <div class=\"mx-auto mt-32 max-w-96 bg-black rounded-lg\">\n    <div class=\"flex flex-col gap-3 p-3\">\n      <div class=\"bg-yellow-300 text-black text-center rounded p-3 text-xl\">\n        <div class=\"font-bold\">{{ this.spxAction() }}</div>\n        {{ this.txtConfirmMessage() }}\n      </div>\n      @if (!this.spxSimpleMode()) {\n        <form class=\"block grid grid-cols-4 gap-3\" [formGroup]=\"this.form()!\" (ngSubmit)=\"null\">\n          <input #viewChild1 [formControl]=\"ctrl1()\" type=\"text\" autofocus class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\"  />\n          <input #viewChild2 [formControl]=\"ctrl2()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild3 [formControl]=\"ctrl3()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild4 [formControl]=\"ctrl4()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n        </form>\n      }\n      @if (this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.success\"\n          (spxClick)=\"this.handleConfirm()\"\n        >{{ this.txtConfirm() }}</spx-button>\n      }\n      @if (!this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.warning\"\n          (spxClick)=\"this.handleReset()\"\n        >{{ this.txtReset() }}</spx-button>\n      }\n      <spx-button\n        [spxFullWidth]=\"true\"\n        [spxSeverity]=\"spxSeverity.error\"\n        (spxClick)=\"this.handleCancel()\"\n      >{{ this.txtCancel() }}</spx-button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType", "spxName"], outputs: ["spxClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxNumberCheckComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SpxNumberCheckComponent, isStandalone: true, selector: "spx-number-check", inputs: { spxAction: { classPropertyName: "spxAction", publicName: "spxAction", isSignal: true, isRequired: true, transformFunction: null }, spxSimpleMode: { classPropertyName: "spxSimpleMode", publicName: "spxSimpleMode", isSignal: true, isRequired: false, transformFunction: null }, spxPincode: { classPropertyName: "spxPincode", publicName: "spxPincode", isSignal: true, isRequired: true, transformFunction: null }, txtCancel: { classPropertyName: "txtCancel", publicName: "txtCancel", isSignal: true, isRequired: true, transformFunction: null }, txtConfirm: { classPropertyName: "txtConfirm", publicName: "txtConfirm", isSignal: true, isRequired: true, transformFunction: null }, txtConfirmMessage: { classPropertyName: "txtConfirmMessage", publicName: "txtConfirmMessage", isSignal: true, isRequired: true, transformFunction: null }, txtReset: { classPropertyName: "txtReset", publicName: "txtReset", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { spxCancel: "spxCancel", spxConfirm: "spxConfirm" }, host: { listeners: { "spxChange": "handleChangeEvent($event)" } }, viewQueries: [{ propertyName: "viewChild1", first: true, predicate: ["viewChild1"], descendants: true, isSignal: true }, { propertyName: "viewChild2", first: true, predicate: ["viewChild2"], descendants: true, isSignal: true }, { propertyName: "viewChild3", first: true, predicate: ["viewChild3"], descendants: true, isSignal: true }, { propertyName: "viewChild4", first: true, predicate: ["viewChild4"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fixed top-0 left-0 right-0 bottom-0 z-40 bg-black\">\n  <div class=\"mx-auto mt-32 max-w-96 bg-black rounded-lg\">\n    <div class=\"flex flex-col gap-3 p-3\">\n      <div class=\"bg-yellow-300 text-black text-center rounded p-3 text-xl\">\n        <div class=\"font-bold\">{{ this.spxAction() }}</div>\n        {{ this.txtConfirmMessage() }}\n      </div>\n      @if (!this.spxSimpleMode()) {\n        <form class=\"block grid grid-cols-4 gap-3\" [formGroup]=\"this.form()!\" (ngSubmit)=\"null\">\n          <input #viewChild1 [formControl]=\"ctrl1()\" type=\"text\" autofocus class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\"  />\n          <input #viewChild2 [formControl]=\"ctrl2()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild3 [formControl]=\"ctrl3()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild4 [formControl]=\"ctrl4()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n        </form>\n      }\n      @if (this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.success\"\n          (spxClick)=\"this.handleConfirm()\"\n        >{{ this.txtConfirm() }}</spx-button>\n      }\n      @if (!this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.warning\"\n          (spxClick)=\"this.handleReset()\"\n        >{{ this.txtReset() }}</spx-button>\n      }\n      <spx-button\n        [spxFullWidth]=\"true\"\n        [spxSeverity]=\"spxSeverity.error\"\n        (spxClick)=\"this.handleCancel()\"\n      >{{ this.txtCancel() }}</spx-button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType", "spxName"], outputs: ["spxClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxNumberCheckComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxNumberCheckComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-number-check', host: {
                         '(spxChange)': 'handleChangeEvent($event)'

package/fesm2022/softpak-components-spx-number-check.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-number-check.mjs","sources":["../../../../projects/softpak/components/spx-number-check/spx-number-check.component.ts","../../../../projects/softpak/components/spx-number-check/spx-number-check.component.html","../../../../projects/softpak/components/spx-number-check/softpak-components-spx-number-check.ts"],"sourcesContent":["\nimport { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, OnInit, computed, input, output, signal, viewChild } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { SpxSeverityEnum, unsubscribeSubscriptions } from '@softpak/components/spx-helpers';\nimport { Subscription } from 'rxjs';\n\n@Component({\n    selector: 'spx-number-check',\n    host: {\n        '(spxChange)': 'handleChangeEvent($event)'\n    },\n    imports: [\n        SpxButtonComponent,\n        FormsModule,\n        ReactiveFormsModule\n    ],\n    templateUrl: './spx-number-check.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n})\nexport class SpxNumberCheckComponent implements OnInit, OnDestroy {\n  readonly spxAction = input.required<string>();\n  readonly spxSimpleMode = input(false);\n  readonly spxPincode = input.required<string>();\n  readonly txtCancel = input.required<string>();\n  readonly txtConfirm = input.required<string>();\n  readonly txtConfirmMessage = input.required<string>();\n  readonly txtReset = input.required<string>();\n  spxCancel = output();\n  spxConfirm = output();\n  readonly viewChild1 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild1');\n  readonly viewChild2 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild2');\n  readonly viewChild3 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild3');\n  readonly viewChild4 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild4');\n  form = signal<FormGroup| null>(null);\n  spxSeverity = SpxSeverityEnum;\n  accepted = signal<boolean>(false);\n  denied = signal<boolean>(false);\n  private subscription: {\n    listenToCtrl1?: Subscription;\n    listenToCtrl2?: Subscription;\n    listenToCtrl3?: Subscription;\n    listenToCtrl4?: Subscription;\n    listenToTyping?: Subscription;\n  } = {};\n\n  readonly ctrl1 = computed(() => this.form()?.get('ctrl1') as FormControl);\n  readonly ctrl2 = computed(() => this.form()?.get('ctrl2') as FormControl);\n  readonly ctrl3 = computed(() => this.form()?.get('ctrl3') as FormControl);\n  readonly ctrl4 = computed(() => this.form()?.get('ctrl4') as FormControl);\n\n  constructor(private readonly formBuilder: FormBuilder) {\n    this.form.set(this.formBuilder.group({\n      ctrl1: [null, []],\n      ctrl2: [null, []],\n      ctrl3: [null, []],\n      ctrl4: [null, []],\n    }));\n  }\n\n  ngOnInit(): void {\n    this.subscription.listenToTyping = this.form()!.valueChanges.subscribe(() => {\n      this.accepted.set(false);\n      this.denied.set(false);\n      if (this.ctrl1().value && this.ctrl2().value && this.ctrl3().value && this.ctrl4().value) {\n        this.checkPincode();\n      }\n    });\n\n    this.subscription.listenToCtrl1 = this.ctrl1().valueChanges.subscribe(value => {\n      if (value) {\n        this.viewChild2().nativeElement.focus();\n      } else {\n\n      }\n    });\n\n    this.subscription.listenToCtrl2 = this.ctrl2().valueChanges.subscribe(value => {\n      if (value) {\n        this.viewChild3().nativeElement.focus();\n      } else {\n\n      }\n    });\n\n    this.subscription.listenToCtrl3 = this.ctrl3().valueChanges.subscribe(value => {\n      if (value) {\n        this.viewChild4().nativeElement.focus();\n      } else {\n\n      }\n    });\n  }\n\n  //TODO CHECK THIS\n  // ngOnChanges(changes: SimpleChanges): void {\n  //   setTimeout(() => {\n  //     const viewChild1 = this?.viewChild1();\n  //     if (viewChild1?) {\n  //       viewChild1.focus();\n  //     }\n  //   }, 0);\n  // }\n\n  ngOnDestroy(): void {\n    unsubscribeSubscriptions(this.subscription);\n  }\n\n  handleCancel(): void {\n    this.spxCancel.emit();\n  }\n\n  handleConfirm(): void {\n    this.spxConfirm.emit();\n  }\n\n  handleReset(): void {\n    this.ctrl1().reset();\n    this.ctrl2().reset();\n    this.ctrl3().reset();\n    this.ctrl4().reset();\n    this.viewChild1().nativeElement?.focus();\n    this.accepted.set(false);\n    this.denied.set(false);\n  }\n\n  onDigitInput(event: KeyboardEvent) {\n    // let element: HTMLElement | null;\n    // if (\n    //   event.code === 'Digit0' ||\n    //   event.code === 'Digit1' ||\n    //   event.code === 'Digit2' ||\n    //   event.code === 'Digit3' ||\n    //   event.code === 'Digit4' ||\n    //   event.code === 'Digit5' ||\n    //   event.code === 'Digit6' ||\n    //   event.code === 'Digit7' ||\n    //   event.code === 'Digit8' ||\n    //   event.code === 'Digit9' ||\n    //   event.code === 'Numpad0' ||\n    //   event.code === 'Numpad1' ||\n    //   event.code === 'Numpad2' ||\n    //   event.code === 'Numpad3' ||\n    //   event.code === 'Numpad4' ||\n    //   event.code === 'Numpad5' ||\n    //   event.code === 'Numpad6' ||\n    //   event.code === 'Numpad7' ||\n    //   event.code === 'Numpad8' ||\n    //   event.code === 'Numpad9') {\n    //     element = event.srcElement.nextElementSibling;\n\n    //     if (element === null) {\n    //       return;\n    //     }\n    //     else {\n    //       // setTimeout(() => { element.focus(); });\n    //     }\n    // }\n    \n  }\n\n  onBackspace(event: Event) {\n    (event.target as HTMLElement)?.focus();\n  }\n\n  private checkPincode(): void {\n    if (this.spxPincode() === `${this.ctrl1().value}${this.ctrl2().value}${this.ctrl3().value}${this.ctrl4().value}`) {\n      this.accepted.set(true);\n      setTimeout(() => {\n        this.spxConfirm.emit();\n      }, 500);\n    } else {\n      this.denied.set(true);\n    }\n  }\n}\n","<div class=\"fixed top-0 left-0 right-0 bottom-0 z-40 bg-black\">\n  <div class=\"mx-auto mt-32 max-w-96 bg-black rounded-lg\">\n    <div class=\"flex flex-col gap-3 p-3\">\n      <div class=\"bg-yellow-300 text-black text-center rounded p-3 text-xl\">\n        <div class=\"font-bold\">{{ this.spxAction() }}</div>\n        {{ this.txtConfirmMessage() }}\n      </div>\n      @if (!this.spxSimpleMode()) {\n        <form class=\"block grid grid-cols-4 gap-3\" [formGroup]=\"this.form()!\" (ngSubmit)=\"null\">\n          <input #viewChild1 [formControl]=\"ctrl1()\" type=\"text\" autofocus class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\"  />\n          <input #viewChild2 [formControl]=\"ctrl2()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild3 [formControl]=\"ctrl3()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild4 [formControl]=\"ctrl4()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n        </form>\n      }\n      @if (this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.success\"\n          (spxClick)=\"this.handleConfirm()\"\n        >{{ this.txtConfirm() }}</spx-button>\n      }\n      @if (!this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.warning\"\n          (spxClick)=\"this.handleReset()\"\n        >{{ this.txtReset() }}</spx-button>\n      }\n      <spx-button\n        [spxFullWidth]=\"true\"\n        [spxSeverity]=\"spxSeverity.error\"\n        (spxClick)=\"this.handleCancel()\"\n      >{{ this.txtCancel() }}</spx-button>\n    </div>\n  </div>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-number-check.mjs","sources":["../../../../projects/softpak/components/spx-number-check/spx-number-check.component.ts","../../../../projects/softpak/components/spx-number-check/spx-number-check.component.html","../../../../projects/softpak/components/spx-number-check/softpak-components-spx-number-check.ts"],"sourcesContent":["\nimport { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, OnInit, computed, input, output, signal, viewChild } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { SpxSeverityEnum, unsubscribeSubscriptions } from '@softpak/components/spx-helpers';\nimport { Subscription } from 'rxjs';\n\n@Component({\n    selector: 'spx-number-check',\n    host: {\n        '(spxChange)': 'handleChangeEvent($event)'\n    },\n    imports: [\n        SpxButtonComponent,\n        FormsModule,\n        ReactiveFormsModule\n    ],\n    templateUrl: './spx-number-check.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n})\nexport class SpxNumberCheckComponent implements OnInit, OnDestroy {\n  readonly spxAction = input.required<string>();\n  readonly spxSimpleMode = input(false);\n  readonly spxPincode = input.required<string>();\n  readonly txtCancel = input.required<string>();\n  readonly txtConfirm = input.required<string>();\n  readonly txtConfirmMessage = input.required<string>();\n  readonly txtReset = input.required<string>();\n  spxCancel = output();\n  spxConfirm = output();\n  readonly viewChild1 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild1');\n  readonly viewChild2 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild2');\n  readonly viewChild3 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild3');\n  readonly viewChild4 = viewChild.required<ElementRef<HTMLInputElement>>('viewChild4');\n  form = signal<FormGroup| null>(null);\n  spxSeverity = SpxSeverityEnum;\n  accepted = signal<boolean>(false);\n  denied = signal<boolean>(false);\n  private subscription: {\n    listenToCtrl1?: Subscription;\n    listenToCtrl2?: Subscription;\n    listenToCtrl3?: Subscription;\n    listenToCtrl4?: Subscription;\n    listenToTyping?: Subscription;\n  } = {};\n\n  readonly ctrl1 = computed(() => this.form()?.get('ctrl1') as FormControl);\n  readonly ctrl2 = computed(() => this.form()?.get('ctrl2') as FormControl);\n  readonly ctrl3 = computed(() => this.form()?.get('ctrl3') as FormControl);\n  readonly ctrl4 = computed(() => this.form()?.get('ctrl4') as FormControl);\n\n  constructor(private readonly formBuilder: FormBuilder) {\n    this.form.set(this.formBuilder.group({\n      ctrl1: [null, []],\n      ctrl2: [null, []],\n      ctrl3: [null, []],\n      ctrl4: [null, []],\n    }));\n  }\n\n  ngOnInit(): void {\n    this.subscription.listenToTyping = this.form()!.valueChanges.subscribe(() => {\n      this.accepted.set(false);\n      this.denied.set(false);\n      if (this.ctrl1().value && this.ctrl2().value && this.ctrl3().value && this.ctrl4().value) {\n        this.checkPincode();\n      }\n    });\n\n    this.subscription.listenToCtrl1 = this.ctrl1().valueChanges.subscribe(value => {\n      if (value) {\n        this.viewChild2().nativeElement.focus();\n      } else {\n\n      }\n    });\n\n    this.subscription.listenToCtrl2 = this.ctrl2().valueChanges.subscribe(value => {\n      if (value) {\n        this.viewChild3().nativeElement.focus();\n      } else {\n\n      }\n    });\n\n    this.subscription.listenToCtrl3 = this.ctrl3().valueChanges.subscribe(value => {\n      if (value) {\n        this.viewChild4().nativeElement.focus();\n      } else {\n\n      }\n    });\n  }\n\n  //TODO CHECK THIS\n  // ngOnChanges(changes: SimpleChanges): void {\n  //   setTimeout(() => {\n  //     const viewChild1 = this?.viewChild1();\n  //     if (viewChild1?) {\n  //       viewChild1.focus();\n  //     }\n  //   }, 0);\n  // }\n\n  ngOnDestroy(): void {\n    unsubscribeSubscriptions(this.subscription);\n  }\n\n  handleCancel(): void {\n    this.spxCancel.emit();\n  }\n\n  handleConfirm(): void {\n    this.spxConfirm.emit();\n  }\n\n  handleReset(): void {\n    this.ctrl1().reset();\n    this.ctrl2().reset();\n    this.ctrl3().reset();\n    this.ctrl4().reset();\n    this.viewChild1().nativeElement?.focus();\n    this.accepted.set(false);\n    this.denied.set(false);\n  }\n\n  onDigitInput(event: KeyboardEvent) {\n    // let element: HTMLElement | null;\n    // if (\n    //   event.code === 'Digit0' ||\n    //   event.code === 'Digit1' ||\n    //   event.code === 'Digit2' ||\n    //   event.code === 'Digit3' ||\n    //   event.code === 'Digit4' ||\n    //   event.code === 'Digit5' ||\n    //   event.code === 'Digit6' ||\n    //   event.code === 'Digit7' ||\n    //   event.code === 'Digit8' ||\n    //   event.code === 'Digit9' ||\n    //   event.code === 'Numpad0' ||\n    //   event.code === 'Numpad1' ||\n    //   event.code === 'Numpad2' ||\n    //   event.code === 'Numpad3' ||\n    //   event.code === 'Numpad4' ||\n    //   event.code === 'Numpad5' ||\n    //   event.code === 'Numpad6' ||\n    //   event.code === 'Numpad7' ||\n    //   event.code === 'Numpad8' ||\n    //   event.code === 'Numpad9') {\n    //     element = event.srcElement.nextElementSibling;\n\n    //     if (element === null) {\n    //       return;\n    //     }\n    //     else {\n    //       // setTimeout(() => { element.focus(); });\n    //     }\n    // }\n    \n  }\n\n  onBackspace(event: Event) {\n    (event.target as HTMLElement)?.focus();\n  }\n\n  private checkPincode(): void {\n    if (this.spxPincode() === `${this.ctrl1().value}${this.ctrl2().value}${this.ctrl3().value}${this.ctrl4().value}`) {\n      this.accepted.set(true);\n      setTimeout(() => {\n        this.spxConfirm.emit();\n      }, 500);\n    } else {\n      this.denied.set(true);\n    }\n  }\n}\n","<div class=\"fixed top-0 left-0 right-0 bottom-0 z-40 bg-black\">\n  <div class=\"mx-auto mt-32 max-w-96 bg-black rounded-lg\">\n    <div class=\"flex flex-col gap-3 p-3\">\n      <div class=\"bg-yellow-300 text-black text-center rounded p-3 text-xl\">\n        <div class=\"font-bold\">{{ this.spxAction() }}</div>\n        {{ this.txtConfirmMessage() }}\n      </div>\n      @if (!this.spxSimpleMode()) {\n        <form class=\"block grid grid-cols-4 gap-3\" [formGroup]=\"this.form()!\" (ngSubmit)=\"null\">\n          <input #viewChild1 [formControl]=\"ctrl1()\" type=\"text\" autofocus class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\"  />\n          <input #viewChild2 [formControl]=\"ctrl2()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild3 [formControl]=\"ctrl3()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n          <input #viewChild4 [formControl]=\"ctrl4()\" type=\"text\" class=\"w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700\" [class.bg-red-700]=\"this.denied()\" [class.bg-teal-700]=\"this.accepted()\" maxlength=\"1\" (keypress)=\"onDigitInput($event)\" (keyup.backspace)=\"onBackspace($event)\" pattern=\"[0-9]*\" inputmode=\"numeric\" />\n        </form>\n      }\n      @if (this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.success\"\n          (spxClick)=\"this.handleConfirm()\"\n        >{{ this.txtConfirm() }}</spx-button>\n      }\n      @if (!this.spxSimpleMode()) {\n        <spx-button\n          [spxFullWidth]=\"true\"\n          [spxSeverity]=\"spxSeverity.warning\"\n          (spxClick)=\"this.handleReset()\"\n        >{{ this.txtReset() }}</spx-button>\n      }\n      <spx-button\n        [spxFullWidth]=\"true\"\n        [spxSeverity]=\"spxSeverity.error\"\n        (spxClick)=\"this.handleCancel()\"\n      >{{ this.txtCancel() }}</spx-button>\n    </div>\n  </div>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/softpak-components-spx-pagination.mjs

@@ -9,22 +9,22 @@ import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
 
 class SpxPaginationComponent {
     constructor() {
-        this.faArrowLeft = input.required();
-        this.faArrowRight = input.required();
-        this.spxPage = input.required();
-        this.spxMaxPages = input.required();
-        this.textNext = input.required();
-        this.textPage = input.required();
-        this.textPrevious = input.required();
+        this.faArrowLeft = input.required(...(ngDevMode ? [{ debugName: "faArrowLeft" }] : []));
+        this.faArrowRight = input.required(...(ngDevMode ? [{ debugName: "faArrowRight" }] : []));
+        this.spxPage = input.required(...(ngDevMode ? [{ debugName: "spxPage" }] : []));
+        this.spxMaxPages = input.required(...(ngDevMode ? [{ debugName: "spxMaxPages" }] : []));
+        this.textNext = input.required(...(ngDevMode ? [{ debugName: "textNext" }] : []));
+        this.textPage = input.required(...(ngDevMode ? [{ debugName: "textPage" }] : []));
+        this.textPrevious = input.required(...(ngDevMode ? [{ debugName: "textPrevious" }] : []));
         this.spxPageChange = output();
     }
     onPageChange(page) {
         this.spxPageChange.emit(page);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.1", type: SpxPaginationComponent, isStandalone: true, selector: "spx-pagination", inputs: { faArrowLeft: { classPropertyName: "faArrowLeft", publicName: "faArrowLeft", isSignal: true, isRequired: true, transformFunction: null }, faArrowRight: { classPropertyName: "faArrowRight", publicName: "faArrowRight", isSignal: true, isRequired: true, transformFunction: null }, spxPage: { classPropertyName: "spxPage", publicName: "spxPage", isSignal: true, isRequired: true, transformFunction: null }, spxMaxPages: { classPropertyName: "spxMaxPages", publicName: "spxMaxPages", isSignal: true, isRequired: true, transformFunction: null }, textNext: { classPropertyName: "textNext", publicName: "textNext", isSignal: true, isRequired: true, transformFunction: null }, textPage: { classPropertyName: "textPage", publicName: "textPage", isSignal: true, isRequired: true, transformFunction: null }, textPrevious: { classPropertyName: "textPrevious", publicName: "textPrevious", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { spxPageChange: "spxPageChange" }, ngImport: i0, template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n  <spx-button (click)=\"onPageChange(spxPage() - 1)\" [spxDisabled]=\"spxPage() === 1\">\n    <fa-icon [icon]=\"faArrowLeft()\"></fa-icon> {{ textPrevious() | translate | capitalize }}\n  </spx-button>\n  {{ textPage() | translate | capitalize }} {{ spxPage() }}\n  <spx-button [spxDisabled]=\"spxMaxPages() > spxPage()\" (click)=\"onPageChange(spxPage() + 1)\">\n    {{ textNext() | translate | capitalize }} <fa-icon [icon]=\"faArrowRight()\"></fa-icon>\n  </spx-button>\n</div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType", "spxName"], outputs: ["spxClick"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.2", type: SpxPaginationComponent, isStandalone: true, selector: "spx-pagination", inputs: { faArrowLeft: { classPropertyName: "faArrowLeft", publicName: "faArrowLeft", isSignal: true, isRequired: true, transformFunction: null }, faArrowRight: { classPropertyName: "faArrowRight", publicName: "faArrowRight", isSignal: true, isRequired: true, transformFunction: null }, spxPage: { classPropertyName: "spxPage", publicName: "spxPage", isSignal: true, isRequired: true, transformFunction: null }, spxMaxPages: { classPropertyName: "spxMaxPages", publicName: "spxMaxPages", isSignal: true, isRequired: true, transformFunction: null }, textNext: { classPropertyName: "textNext", publicName: "textNext", isSignal: true, isRequired: true, transformFunction: null }, textPage: { classPropertyName: "textPage", publicName: "textPage", isSignal: true, isRequired: true, transformFunction: null }, textPrevious: { classPropertyName: "textPrevious", publicName: "textPrevious", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { spxPageChange: "spxPageChange" }, ngImport: i0, template: "<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n  <spx-button (click)=\"onPageChange(spxPage() - 1)\" [spxDisabled]=\"spxPage() === 1\">\n    <fa-icon [icon]=\"faArrowLeft()\"></fa-icon> {{ textPrevious() | translate | capitalize }}\n  </spx-button>\n  {{ textPage() | translate | capitalize }} {{ spxPage() }}\n  <spx-button [spxDisabled]=\"spxMaxPages() > spxPage()\" (click)=\"onPageChange(spxPage() + 1)\">\n    {{ textNext() | translate | capitalize }} <fa-icon [icon]=\"faArrowRight()\"></fa-icon>\n  </spx-button>\n</div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType", "spxName"], outputs: ["spxClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-pagination', imports: [
                         FontAwesomeModule,

package/fesm2022/softpak-components-spx-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-pagination.mjs","sources":["../../../../projects/softpak/components/spx-pagination/spx-pagination.component.ts","../../../../projects/softpak/components/spx-pagination/spx-pagination.component.html","../../../../projects/softpak/components/spx-pagination/softpak-components-spx-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n    selector: 'spx-pagination',\n    templateUrl: './spx-pagination.component.html',\n    imports: [\n        FontAwesomeModule,\n        SpxButtonComponent,\n        SpxCapitalizePipe,\n        TranslateModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxPaginationComponent {\n  readonly faArrowLeft = input.required<IconProp>();\n  readonly faArrowRight = input.required<IconProp>();\n  readonly spxPage = input.required<number>();\n  readonly spxMaxPages = input.required<number>();\n  readonly textNext = input.required<string>();\n  readonly textPage = input.required<string>();\n  readonly textPrevious = input.required<string>();\n  spxPageChange = output<number>();\n\n  onPageChange(page: number) {\n    this.spxPageChange.emit(page);\n  }\n}","<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n  <spx-button (click)=\"onPageChange(spxPage() - 1)\" [spxDisabled]=\"spxPage() === 1\">\n    <fa-icon [icon]=\"faArrowLeft()\"></fa-icon> {{ textPrevious() | translate | capitalize }}\n  </spx-button>\n  {{ textPage() | translate | capitalize }} {{ spxPage() }}\n  <spx-button [spxDisabled]=\"spxMaxPages() > spxPage()\" (click)=\"onPageChange(spxPage() + 1)\">\n    {{ textNext() | translate | capitalize }} <fa-icon [icon]=\"faArrowRight()\"></fa-icon>\n  </spx-button>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-pagination.mjs","sources":["../../../../projects/softpak/components/spx-pagination/spx-pagination.component.ts","../../../../projects/softpak/components/spx-pagination/spx-pagination.component.html","../../../../projects/softpak/components/spx-pagination/softpak-components-spx-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n    selector: 'spx-pagination',\n    templateUrl: './spx-pagination.component.html',\n    imports: [\n        FontAwesomeModule,\n        SpxButtonComponent,\n        SpxCapitalizePipe,\n        TranslateModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxPaginationComponent {\n  readonly faArrowLeft = input.required<IconProp>();\n  readonly faArrowRight = input.required<IconProp>();\n  readonly spxPage = input.required<number>();\n  readonly spxMaxPages = input.required<number>();\n  readonly textNext = input.required<string>();\n  readonly textPage = input.required<string>();\n  readonly textPrevious = input.required<string>();\n  spxPageChange = output<number>();\n\n  onPageChange(page: number) {\n    this.spxPageChange.emit(page);\n  }\n}","<div class=\"inline mx-auto flex gap-3 items-center font-bold\">\n  <spx-button (click)=\"onPageChange(spxPage() - 1)\" [spxDisabled]=\"spxPage() === 1\">\n    <fa-icon [icon]=\"faArrowLeft()\"></fa-icon> {{ textPrevious() | translate | capitalize }}\n  </spx-button>\n  {{ textPage() | translate | capitalize }} {{ spxPage() }}\n  <spx-button [spxDisabled]=\"spxMaxPages() > spxPage()\" (click)=\"onPageChange(spxPage() + 1)\">\n    {{ textNext() | translate | capitalize }} <fa-icon [icon]=\"faArrowRight()\"></fa-icon>\n  </spx-button>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/softpak-components-spx-patch.mjs

@@ -27,16 +27,16 @@ const releaseCheck = (releaseAtLeast, orInReleaseList) => {
 
 class SpxPatchComponent {
     constructor() {
-        this.spxText = input.required();
-        this.patchCheck = input.required();
-        this.releaseCheck = input.required();
+        this.spxText = input.required(...(ngDevMode ? [{ debugName: "spxText" }] : []));
+        this.patchCheck = input.required(...(ngDevMode ? [{ debugName: "patchCheck" }] : []));
+        this.releaseCheck = input.required(...(ngDevMode ? [{ debugName: "releaseCheck" }] : []));
         this.severityError = SpxSeverityEnum.error;
         this.severityWarning = SpxSeverityEnum.warning;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxPatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.1", type: SpxPatchComponent, isStandalone: true, selector: "spx-patch", inputs: { spxText: { classPropertyName: "spxText", publicName: "spxText", isSignal: true, isRequired: true, transformFunction: null }, patchCheck: { classPropertyName: "patchCheck", publicName: "patchCheck", isSignal: true, isRequired: true, transformFunction: null }, releaseCheck: { classPropertyName: "releaseCheck", publicName: "releaseCheck", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n    @if (releaseCheck()) {\n      <spx-alert [spxTitle]=\"'Requires new release'\" [spxSeverity]=\"severityError\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires release {{releaseCheck()}}.\n      </spx-alert>\n    }\n  \n    @if (patchCheck()) {\n      <spx-alert [spxTitle]=\"'Softpak patch'\" [spxSeverity]=\"severityWarning\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires patch #{{patchCheck()}} to be installed.\n      </spx-alert>\n    }\n  </div>", dependencies: [{ kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity"], outputs: ["spxClose", "spxTitleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxPatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SpxPatchComponent, isStandalone: true, selector: "spx-patch", inputs: { spxText: { classPropertyName: "spxText", publicName: "spxText", isSignal: true, isRequired: true, transformFunction: null }, patchCheck: { classPropertyName: "patchCheck", publicName: "patchCheck", isSignal: true, isRequired: true, transformFunction: null }, releaseCheck: { classPropertyName: "releaseCheck", publicName: "releaseCheck", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n    @if (releaseCheck()) {\n      <spx-alert [spxTitle]=\"'Requires new release'\" [spxSeverity]=\"severityError\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires release {{releaseCheck()}}.\n      </spx-alert>\n    }\n  \n    @if (patchCheck()) {\n      <spx-alert [spxTitle]=\"'Softpak patch'\" [spxSeverity]=\"severityWarning\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires patch #{{patchCheck()}} to be installed.\n      </spx-alert>\n    }\n  </div>", dependencies: [{ kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity"], outputs: ["spxClose", "spxTitleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxPatchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxPatchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-patch', imports: [
                         SpxAlertComponent

package/fesm2022/softpak-components-spx-patch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-patch.mjs","sources":["../../../../projects/softpak/components/spx-patch/patch-check.function.ts","../../../../projects/softpak/components/spx-patch/release-check.function.ts","../../../../projects/softpak/components/spx-patch/spx-patch.component.ts","../../../../projects/softpak/components/spx-patch/spx-patch.component.html","../../../../projects/softpak/components/spx-patch/softpak-components-spx-patch.ts"],"sourcesContent":["import { SpxStorage, SpxStorageKeyEnum } from \"@softpak/components/spx-storage\";\n\nexport const patchCheck = (pair: { release: string; patchAtLeast: number; }[]) => {\n    const release = pair.find(p => p.release === SpxStorage.getSetting(SpxStorageKeyEnum.release));\n    if (!release || (parseInt(SpxStorage.getSetting(SpxStorageKeyEnum.patch) ?? '0', 10) >= release.patchAtLeast)) {\n        return null;\n    }\n    return release.patchAtLeast;\n};\n\n","import { SpxStorage, SpxStorageKeyEnum } from \"@softpak/components/spx-storage\";\n\nexport const releaseCheck = (releaseAtLeast: string, orInReleaseList?: string[]) => {\n    const currentRelease = (SpxStorage.getSetting(SpxStorageKeyEnum.release) ?? '00.00').split('.').map((v: string) => parseInt(v, 10));\n    const requiredRelease = releaseAtLeast.split('.').map((v: string) => parseInt(v, 10));\n    \n    if (orInReleaseList && orInReleaseList.find(release => release === (SpxStorage.getSetting(SpxStorageKeyEnum.release) ?? '00.00'))) {\n        return null;\n    }\n\n    if (requiredRelease[0] < currentRelease[0] ||\n        requiredRelease[0] === currentRelease[0] && requiredRelease[1] <= currentRelease[1]\n    ) {\n        return null;\n    }\n    return releaseAtLeast;\n};\n\n","\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\n\n@Component({\n    selector: 'spx-patch',\n    imports: [\n        SpxAlertComponent\n    ],\n    templateUrl: './spx-patch.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxPatchComponent {\n  readonly spxText = input.required<string>();\n  readonly patchCheck = input.required<number | null>();\n  readonly releaseCheck = input.required<string | null>();\n  severityError = SpxSeverityEnum.error;\n  severityWarning = SpxSeverityEnum.warning;\n}\n","<div class=\"flex flex-col gap-2\">\n    @if (releaseCheck()) {\n      <spx-alert [spxTitle]=\"'Requires new release'\" [spxSeverity]=\"severityError\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires release {{releaseCheck()}}.\n      </spx-alert>\n    }\n  \n    @if (patchCheck()) {\n      <spx-alert [spxTitle]=\"'Softpak patch'\" [spxSeverity]=\"severityWarning\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires patch #{{patchCheck()}} to be installed.\n      </spx-alert>\n    }\n  </div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-patch.mjs","sources":["../../../../projects/softpak/components/spx-patch/patch-check.function.ts","../../../../projects/softpak/components/spx-patch/release-check.function.ts","../../../../projects/softpak/components/spx-patch/spx-patch.component.ts","../../../../projects/softpak/components/spx-patch/spx-patch.component.html","../../../../projects/softpak/components/spx-patch/softpak-components-spx-patch.ts"],"sourcesContent":["import { SpxStorage, SpxStorageKeyEnum } from \"@softpak/components/spx-storage\";\n\nexport const patchCheck = (pair: { release: string; patchAtLeast: number; }[]) => {\n    const release = pair.find(p => p.release === SpxStorage.getSetting(SpxStorageKeyEnum.release));\n    if (!release || (parseInt(SpxStorage.getSetting(SpxStorageKeyEnum.patch) ?? '0', 10) >= release.patchAtLeast)) {\n        return null;\n    }\n    return release.patchAtLeast;\n};\n\n","import { SpxStorage, SpxStorageKeyEnum } from \"@softpak/components/spx-storage\";\n\nexport const releaseCheck = (releaseAtLeast: string, orInReleaseList?: string[]) => {\n    const currentRelease = (SpxStorage.getSetting(SpxStorageKeyEnum.release) ?? '00.00').split('.').map((v: string) => parseInt(v, 10));\n    const requiredRelease = releaseAtLeast.split('.').map((v: string) => parseInt(v, 10));\n    \n    if (orInReleaseList && orInReleaseList.find(release => release === (SpxStorage.getSetting(SpxStorageKeyEnum.release) ?? '00.00'))) {\n        return null;\n    }\n\n    if (requiredRelease[0] < currentRelease[0] ||\n        requiredRelease[0] === currentRelease[0] && requiredRelease[1] <= currentRelease[1]\n    ) {\n        return null;\n    }\n    return releaseAtLeast;\n};\n\n","\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\n\n@Component({\n    selector: 'spx-patch',\n    imports: [\n        SpxAlertComponent\n    ],\n    templateUrl: './spx-patch.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxPatchComponent {\n  readonly spxText = input.required<string>();\n  readonly patchCheck = input.required<number | null>();\n  readonly releaseCheck = input.required<string | null>();\n  severityError = SpxSeverityEnum.error;\n  severityWarning = SpxSeverityEnum.warning;\n}\n","<div class=\"flex flex-col gap-2\">\n    @if (releaseCheck()) {\n      <spx-alert [spxTitle]=\"'Requires new release'\" [spxSeverity]=\"severityError\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires release {{releaseCheck()}}.\n      </spx-alert>\n    }\n  \n    @if (patchCheck()) {\n      <spx-alert [spxTitle]=\"'Softpak patch'\" [spxSeverity]=\"severityWarning\">\n        {{ spxText() ? spxText() : 'This new functionality' }} requires patch #{{patchCheck()}} to be installed.\n      </spx-alert>\n    }\n  </div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/softpak-components-spx-pipes.mjs

@@ -10,10 +10,10 @@ class IsSeverityPipe {
         }
         return value === targetSeverities;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: IsSeverityPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.1", ngImport: i0, type: IsSeverityPipe, isStandalone: true, name: "isSeverity" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: IsSeverityPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: IsSeverityPipe, isStandalone: true, name: "isSeverity" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: IsSeverityPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: IsSeverityPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isSeverity'

package/fesm2022/softpak-components-spx-progress-bar.mjs

@@ -3,13 +3,13 @@ import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class SpxProgressBarComponent {
     constructor() {
-        this.spxPercentage = input.required();
-        this.spxTitle = input.required();
+        this.spxPercentage = input.required(...(ngDevMode ? [{ debugName: "spxPercentage" }] : []));
+        this.spxTitle = input.required(...(ngDevMode ? [{ debugName: "spxTitle" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.1", type: SpxProgressBarComponent, isStandalone: true, selector: "spx-progress-bar", inputs: { spxPercentage: { classPropertyName: "spxPercentage", publicName: "spxPercentage", isSignal: true, isRequired: true, transformFunction: null }, spxTitle: { classPropertyName: "spxTitle", publicName: "spxTitle", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"progress-bar\">\n  <h1>{{this.spxTitle()}}</h1>\n  <div class=\"world\">\n    <div class=\"world__moving-object\" [style.left]=\"'calc(' + (this.spxPercentage()) + '% - ' + (120 * (this.spxPercentage() / 100))  + 'px)'\">\n    </div>\n  </div>\n  <div class=\"text\"></div>\n</div>", styles: [":host{display:block}.progress-bar{background-color:#fff;border-radius:4px;padding:12px}h1{box-sizing:border-box;color:#000c;font-size:16px;font-weight:400;margin:0 0 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text{background-color:#e8e8e8;box-sizing:border-box;font-size:18px;font-weight:700;text-align:center}.world{border-bottom:2px solid #505050;position:relative;height:42px}.world__moving-object{position:absolute;background-image:var(--spf-progress-bar--truck-image, url(data:image/png;base64,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));background-size:contain;background-repeat:no-repeat;height:40px;width:120px;transition:left .1s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.2", type: SpxProgressBarComponent, isStandalone: true, selector: "spx-progress-bar", inputs: { spxPercentage: { classPropertyName: "spxPercentage", publicName: "spxPercentage", isSignal: true, isRequired: true, transformFunction: null }, spxTitle: { classPropertyName: "spxTitle", publicName: "spxTitle", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"progress-bar\">\n  <h1>{{this.spxTitle()}}</h1>\n  <div class=\"world\">\n    <div class=\"world__moving-object\" [style.left]=\"'calc(' + (this.spxPercentage()) + '% - ' + (120 * (this.spxPercentage() / 100))  + 'px)'\">\n    </div>\n  </div>\n  <div class=\"text\"></div>\n</div>", styles: [":host{display:block}.progress-bar{background-color:#fff;border-radius:4px;padding:12px}h1{box-sizing:border-box;color:#000c;font-size:16px;font-weight:400;margin:0 0 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text{background-color:#e8e8e8;box-sizing:border-box;font-size:18px;font-weight:700;text-align:center}.world{border-bottom:2px solid #505050;position:relative;height:42px}.world__moving-object{position:absolute;background-image:var(--spf-progress-bar--truck-image, url(data:image/png;base64,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));background-size:contain;background-repeat:no-repeat;height:40px;width:120px;transition:left .1s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-progress-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"progress-bar\">\n  <h1>{{this.spxTitle()}}</h1>\n  <div class=\"world\">\n    <div class=\"world__moving-object\" [style.left]=\"'calc(' + (this.spxPercentage()) + '% - ' + (120 * (this.spxPercentage() / 100))  + 'px)'\">\n    </div>\n  </div>\n  <div class=\"text\"></div>\n</div>", styles: [":host{display:block}.progress-bar{background-color:#fff;border-radius:4px;padding:12px}h1{box-sizing:border-box;color:#000c;font-size:16px;font-weight:400;margin:0 0 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text{background-color:#e8e8e8;box-sizing:border-box;font-size:18px;font-weight:700;text-align:center}.world{border-bottom:2px solid #505050;position:relative;height:42px}.world__moving-object{position:absolute;background-image:var(--spf-progress-bar--truck-image, url(data:image/png;base64,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));background-size:contain;background-repeat:no-repeat;height:40px;width:120px;transition:left .1s}\n"] }]
         }] });