@softpak/components 19.5.2 → 19.6.0

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

@@ -1,11 +1,12 @@
 import * as i0 from '@angular/core';
 import { Component, Input, ViewChild, EventEmitter, ViewChildren, ContentChild, Output } from '@angular/core';
-import * as i1 from '@ngx-translate/core';
+import * as i2 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import * as i2 from '@fortawesome/angular-fontawesome';
+import * as i3 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
-import { NgClass } from '@angular/common';
+import { NgClass, AsyncPipe } from '@angular/common';
+import * as i1 from '@ngrx/store';
 import { createAction, props, union, createFeature, createReducer, on } from '@ngrx/store';
 
 class SpxHomeTilesComponent {
@@ -97,44 +98,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['button']
             }] } });
 
-class SpxNavigationComponent {
-    constructor() {
-        this.navItems = [];
-        this.spxCols = 2;
-        this.spxClick = new EventEmitter();
-    }
-    setFocus() {
-        this.tiles?.first?.setFocus();
-    }
-    onNavigate(link) {
-        this.spxClick.emit(link);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxNavigationComponent, isStandalone: true, selector: "spx-navigation", inputs: { navItems: "navItems", spxCols: "spxCols" }, outputs: { spxClick: "spxClick" }, queries: [{ propertyName: "iconTemplateRef", first: true, predicate: ["icon"], descendants: true }], viewQueries: [{ propertyName: "tiles", predicate: ["tiles"], descendants: true }], ngImport: i0, template: "<spx-home-tiles [spxCols]=\"spxCols\">\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</spx-home-tiles>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { 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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxNavigationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spx-navigation', imports: [
-                        TranslateModule,
-                        FontAwesomeModule,
-                        SpxCapitalizePipe,
-                        SpxHomeTilesComponent,
-                        SpxHomeTileComponent
-                    ], template: "<spx-home-tiles [spxCols]=\"spxCols\">\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</spx-home-tiles>\n" }]
-        }], ctorParameters: () => [], propDecorators: { tiles: [{
-                type: ViewChildren,
-                args: ['tiles']
-            }], iconTemplateRef: [{
-                type: ContentChild,
-                args: ['icon', { static: false }]
-            }], navItems: [{
-                type: Input
-            }], spxCols: [{
-                type: Input
-            }], spxClick: [{
-                type: Output
-            }] } });
-
 const initialize = createAction('[SPX / Navigation] Initialize', props());
 const update = createAction('[SPX / Navigation] Update', props());
 const all = union({
@@ -159,7 +122,7 @@ var spxNavigation_initial = /*#__PURE__*/Object.freeze({
     initialState: initialState
 });
 
-var spxNavigation_reducer = createFeature({
+var spxNavigationReducer$1 = createFeature({
     name: 'spxNavigation',
     reducer: createReducer(initialState, on(initialize, (state, { navigationItems }) => ({
         ...state,
@@ -173,11 +136,46 @@ var spxNavigation_reducer = createFeature({
     }))),
 });
 
-var spxNavigation_reducer$1 = /*#__PURE__*/Object.freeze({
+var spxNavigation_reducer = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: spxNavigation_reducer
+    default: spxNavigationReducer$1
 });
 
+class SpxNavigationComponent {
+    constructor(appStore) {
+        this.appStore = appStore;
+        this.spxClick = new EventEmitter();
+        this.navItems = this.appStore.select(spxNavigationReducer$1.selectNavigationItems);
+    }
+    setFocus() {
+        this.tiles?.first?.setFocus();
+    }
+    onNavigate(link) {
+        this.spxClick.emit(link);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxNavigationComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxNavigationComponent, isStandalone: true, selector: "spx-navigation", outputs: { spxClick: "spxClick" }, queries: [{ propertyName: "iconTemplateRef", first: true, predicate: ["icon"], descendants: true }], viewQueries: [{ propertyName: "tiles", predicate: ["tiles"], descendants: true }], ngImport: i0, template: "<spx-home-tiles [spxCols]=\"1\">\n  @for (item of navItems | async; 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</spx-home-tiles>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { 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"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-navigation', imports: [
+                        AsyncPipe,
+                        TranslateModule,
+                        FontAwesomeModule,
+                        SpxCapitalizePipe,
+                        SpxHomeTilesComponent,
+                        SpxHomeTileComponent
+                    ], template: "<spx-home-tiles [spxCols]=\"1\">\n  @for (item of navItems | async; 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</spx-home-tiles>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { tiles: [{
+                type: ViewChildren,
+                args: ['tiles']
+            }], iconTemplateRef: [{
+                type: ContentChild,
+                args: ['icon', { static: false }]
+            }], spxClick: [{
+                type: Output
+            }] } });
+
 var spxNavigation_state = /*#__PURE__*/Object.freeze({
     __proto__: null
 });
@@ -186,5 +184,5 @@ var spxNavigation_state = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { SpxHomeTileComponent, SpxHomeTilesComponent, SpxNavigationComponent, spxNavigation_actions as spxNavigationActions, spxNavigation_initial as spxNavigationInitial, spxNavigation_reducer$1 as spxNavigationReducer, spxNavigation_state as spxNavigationState };
+export { SpxHomeTileComponent, SpxHomeTilesComponent, SpxNavigationComponent, spxNavigation_actions as spxNavigationActions, spxNavigation_initial as spxNavigationInitial, spxNavigation_reducer as spxNavigationReducer, spxNavigation_state as spxNavigationState };
 //# sourceMappingURL=softpak-components-spx-navigation.mjs.map

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-tiles.component.ts","../../../../projects/softpak/components/spx-navigation/spx-home-tile.component.ts","../../../../projects/softpak/components/spx-navigation/spx-navigation.component.ts","../../../../projects/softpak/components/spx-navigation/spx-navigation.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/softpak-components-spx-navigation.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'spx-home-tiles',\n  standalone: true,\n  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>`,\n})\nexport class SpxHomeTilesComponent {\n  @Input() spxCols: 1 | 2 = 2;\n}\n","import { NgClass } from '@angular/common';\nimport { Component, ElementRef, Input, ViewChild } from '@angular/core';\n\n@Component({\n    selector: 'spx-home-tile',\n    imports: [\n        NgClass\n    ],\n    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>`\n})\nexport class SpxHomeTileComponent {\n  @Input() spxAutofocus?: boolean;\n  @Input() spxClass?: string;\n  @Input() spxSubtitle?: string;\n  @Input() spxTitle?: string;\n  @ViewChild('button') private buttonRef?: ElementRef<HTMLButtonElement>;\n\n  setFocus(): void {\n    this.buttonRef?.nativeElement.focus();\n  }\n}\n","import { Component, ContentChild, EventEmitter, Input, Output, QueryList, TemplateRef, ViewChildren } from '@angular/core';\nimport { SpxNavigationItemI } from './spx-navigation-item.interface';\n\nimport { TranslateModule } from '@ngx-translate/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxHomeTilesComponent } from './spx-home-tiles.component';\nimport { SpxHomeTileComponent } from './spx-home-tile.component';\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 {\n  @ViewChildren('tiles') tiles?: QueryList<SpxHomeTileComponent>;\n  @ContentChild('icon',{static: false}) iconTemplateRef?: TemplateRef<any>;\n  @Input() navItems: SpxNavigationItemI[] = [];\n  @Input() spxCols: 1 | 2 = 2;\n  @Output() spxClick: EventEmitter<string> = new EventEmitter<string>();\n\n  constructor(\n  ) {}\n\n  setFocus(): void {\n    this.tiles?.first?.setFocus();\n  }\n\n  onNavigate(link: string) {\n    this.spxClick.emit(link);\n  }\n}\n","<spx-home-tiles [spxCols]=\"spxCols\">\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</spx-home-tiles>\n","import { createAction, props, union } from '@ngrx/store';\nimport { SpxNavigationItemI } from '../../spx-navigation-item.interface';\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    initialize,\n    update\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-navigation.state\";\n\nexport const initialState: StateI = {\n    navigationItems: [],\n    menuItems: [],\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            menuItems: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem?.hasTile !== false).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n            tabs: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem.hasTab).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n        })),\n    ),\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.initialize","actions.update"],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-navigation.mjs","sources":["../../../../projects/softpak/components/spx-navigation/spx-home-tiles.component.ts","../../../../projects/softpak/components/spx-navigation/spx-home-tile.component.ts","../../../../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 { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'spx-home-tiles',\n  standalone: true,\n  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>`,\n})\nexport class SpxHomeTilesComponent {\n  @Input() spxCols: 1 | 2 = 2;\n}\n","import { NgClass } from '@angular/common';\nimport { Component, ElementRef, Input, ViewChild } from '@angular/core';\n\n@Component({\n    selector: 'spx-home-tile',\n    imports: [\n        NgClass\n    ],\n    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>`\n})\nexport class SpxHomeTileComponent {\n  @Input() spxAutofocus?: boolean;\n  @Input() spxClass?: string;\n  @Input() spxSubtitle?: string;\n  @Input() spxTitle?: string;\n  @ViewChild('button') private buttonRef?: ElementRef<HTMLButtonElement>;\n\n  setFocus(): void {\n    this.buttonRef?.nativeElement.focus();\n  }\n}\n","import { createAction, props, union } from '@ngrx/store';\nimport { SpxNavigationItemI } from '../../spx-navigation-item.interface';\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    initialize,\n    update\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-navigation.state\";\n\nexport const initialState: StateI = {\n    navigationItems: [],\n    menuItems: [],\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            menuItems: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem?.hasTile !== false).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n            tabs: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem.hasTab).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),\n        })),\n    ),\n});\n","import { Component, ContentChild, EventEmitter, Output, QueryList, TemplateRef, 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-tiles.component';\nimport { SpxHomeTileComponent } from './spx-home-tile.component';\nimport { Store } from '@ngrx/store';\nimport spxNavigationReducer from './store/spx-navigation/spx-navigation.reducer';\nimport { AsyncPipe } from '@angular/common';\n\n@Component({\n  selector: 'spx-navigation',\n  templateUrl: './spx-navigation.component.html',\n  imports: [\n    AsyncPipe,\n    TranslateModule,\n    FontAwesomeModule,\n    SpxCapitalizePipe,\n    SpxHomeTilesComponent,\n    SpxHomeTileComponent\n  ]\n})\nexport class SpxNavigationComponent {\n  @ViewChildren('tiles') tiles?: QueryList<SpxHomeTileComponent>;\n  @ContentChild('icon', { static: false }) iconTemplateRef?: TemplateRef<any>;\n  @Output() spxClick: EventEmitter<string> = new EventEmitter<string>();\n  navItems = this.appStore.select(spxNavigationReducer.selectNavigationItems);\n  constructor(\n    private readonly appStore: Store,\n  ) { }\n\n  setFocus(): void {\n    this.tiles?.first?.setFocus();\n  }\n\n  onNavigate(link: string) {\n    this.spxClick.emit(link);\n  }\n}\n","<spx-home-tiles [spxCols]=\"1\">\n  @for (item of navItems | async; 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</spx-home-tiles>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.initialize","actions.update","spxNavigationReducer"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "19.5.2",
+  "version": "19.6.0",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x",
@@ -34,14 +34,6 @@
       "types": "./spx-alert/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-alert.mjs"
     },
-    "./spx-app-configuration": {
-      "types": "./spx-app-configuration/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
-    },
-    "./spx-app-expiry": {
-      "types": "./spx-app-expiry/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
-    },
     "./spx-button": {
       "types": "./spx-button/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-button.mjs"
@@ -50,21 +42,29 @@
       "types": "./spx-capitalize/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
+    "./spx-app-expiry": {
+      "types": "./spx-app-expiry/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    },
+    "./spx-app-configuration": {
+      "types": "./spx-app-configuration/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
+    },
     "./spx-card": {
       "types": "./spx-card/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-card.mjs"
     },
-    "./spx-change-details": {
-      "types": "./spx-change-details/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-change-details.mjs"
+    "./spx-check-digit": {
+      "types": "./spx-check-digit/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
     },
     "./spx-channel-selection": {
       "types": "./spx-channel-selection/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
     },
-    "./spx-check-digit": {
-      "types": "./spx-check-digit/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
+    "./spx-change-details": {
+      "types": "./spx-change-details/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-change-details.mjs"
     },
     "./spx-form-section": {
       "types": "./spx-form-section/index.d.ts",

package/spx-navigation/spx-navigation.component.d.ts

@@ -1,16 +1,16 @@
 import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
-import { SpxNavigationItemI } from './spx-navigation-item.interface';
 import { SpxHomeTileComponent } from './spx-home-tile.component';
+import { Store } from '@ngrx/store';
 import * as i0 from "@angular/core";
 export declare class SpxNavigationComponent {
+    private readonly appStore;
     tiles?: QueryList<SpxHomeTileComponent>;
     iconTemplateRef?: TemplateRef<any>;
-    navItems: SpxNavigationItemI[];
-    spxCols: 1 | 2;
     spxClick: EventEmitter<string>;
-    constructor();
+    navItems: import("rxjs").Observable<import("@softpak/components/spx-navigation").SpxNavigationItemI[]>;
+    constructor(appStore: Store);
     setFocus(): void;
     onNavigate(link: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxNavigationComponent, "spx-navigation", never, { "navItems": { "alias": "navItems"; "required": false; }; "spxCols": { "alias": "spxCols"; "required": false; }; }, { "spxClick": "spxClick"; }, ["iconTemplateRef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxNavigationComponent, "spx-navigation", never, {}, { "spxClick": "spxClick"; }, ["iconTemplateRef"], never, true, never>;
 }