@softpak/components 19.2.0-beta.9 → 19.3.0

package/fesm2022/softpak-components-spx-channel-selection.mjs

@@ -1,28 +1,31 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, signal, computed } from '@angular/core';
+import { Injectable, Component, signal, computed } from '@angular/core';
 import { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';
 import * as i1 from '@angular/router';
 import { SpxButtonComponent } from '@softpak/components/spx-button';
-import * as i2 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@ngrx/store';
+import { createAction, props, union, createFeature, createReducer, on } from '@ngrx/store';
 import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
+import { AsyncPipe } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
+import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
+import { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';
+import * as i1$1 from '@ionic/angular';
+import * as i2$1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { SpxFormButtonTypeEnum, SpxFormViewComponent } from '@softpak/components/spx-form-view';
 import { SpxSeverityEnum, valuePairToValue, unsubscribeSubscriptions } from '@softpak/components/spx-helpers';
 import { SpxInputTypeEnum } from '@softpak/components/spx-inputs';
 import { spxValidatorRequired } from '@softpak/components/spx-validation';
-import * as i1$1 from '@ngrx/store';
-import { createAction, props, union, createFeature, createReducer, on } from '@ngrx/store';
-import { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';
 import { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';
-import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
-import { TranslatePipe } from '@ngx-translate/core';
 import * as i1$2 from '@ngrx/effects';
 import { createEffect, ofType } from '@ngrx/effects';
-import { tap } from 'rxjs/operators';
+import { switchMap } from 'rxjs/operators';
 import { setConfig } from '@capacitor/live-updates';
 import { Capacitor } from '@capacitor/core';
 import { AppUpdate } from '@capawesome/capacitor-app-update';
 import { spxUpdateUrl } from '@softpak/components/spx-update';
+import { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
 
 const spxChannelSelectionUrl = 'wlc';
 
@@ -48,47 +51,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.Router }] });
 
-class SpxChannelIndicatorComponent {
-    constructor() {
-        this.spxChange = new EventEmitter();
-    }
-    onChange() {
-        this.spxChange.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxChannelIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SpxChannelIndicatorComponent, isStandalone: true, selector: "spx-channel-indicator", inputs: { channel: "channel", channelType: "channelType", txtChange: "txtChange" }, outputs: { spxChange: "spxChange" }, ngImport: i0, template: `<div class="bg-white p-3 rounded flex gap-3 items-center text-black">
-    <div class="grow">
-      <div class="text-lg font-bold">{{ channel?.brand }}</div>
-      <div class="text-base text-gray-600">{{ channelType }}</div>
-    </div>
-    <spx-button (click)="onChange()" [spxType]="'button'">{{ txtChange }}</spx-button>
-  </div>`, isInline: true, dependencies: [{ kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxChannelIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spx-channel-indicator',
-                    template: `<div class="bg-white p-3 rounded flex gap-3 items-center text-black">
-    <div class="grow">
-      <div class="text-lg font-bold">{{ channel?.brand }}</div>
-      <div class="text-base text-gray-600">{{ channelType }}</div>
-    </div>
-    <spx-button (click)="onChange()" [spxType]="'button'">{{ txtChange }}</spx-button>
-  </div>`,
-                    imports: [
-                        SpxButtonComponent,
-                    ]
-                }]
-        }], ctorParameters: () => [], propDecorators: { channel: [{
-                type: Input
-            }], channelType: [{
-                type: Input
-            }], txtChange: [{
-                type: Input
-            }], spxChange: [{
-                type: Output
-            }] } });
-
 const choose = createAction('[SPX / Channel] Select', props());
 const initialize = createAction('[SPX / Channel] Initialize', props());
 const all = union({
@@ -158,6 +120,46 @@ var spxChannel_reducer = /*#__PURE__*/Object.freeze({
     default: spxChannelReducer$1
 });
 
+class SpxChannelIndicatorComponent {
+    constructor(navController, store) {
+        this.navController = navController;
+        this.store = store;
+        this.channel = this.store.select(spxChannelReducer$1.selectChannel);
+        this.channelType = this.store.select(spxChannelReducer$1.selectChannelType);
+        this.spxTextChange = spxTextChannel;
+    }
+    onChange() {
+        this.navController.navigateRoot([spxChannelSelectionUrl]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxChannelIndicatorComponent, deps: [{ token: i1$1.NavController }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SpxChannelIndicatorComponent, isStandalone: true, selector: "spx-channel-indicator", ngImport: i0, template: `<div class="bg-white p-3 rounded flex gap-3 items-center text-black">
+    <div class="grow">
+      <div class="text-lg font-bold">{{ (channel | async)?.brand }}</div>
+      <div class="text-base text-gray-600">{{ channelType | async }}</div>
+    </div>
+    <spx-button (click)="onChange()" [spxType]="'button'">{{ spxTextChange | translate | capitalize }}</spx-button>
+  </div>`, isInline: true, dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxChannelIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-channel-indicator',
+                    template: `<div class="bg-white p-3 rounded flex gap-3 items-center text-black">
+    <div class="grow">
+      <div class="text-lg font-bold">{{ (channel | async)?.brand }}</div>
+      <div class="text-base text-gray-600">{{ channelType | async }}</div>
+    </div>
+    <spx-button (click)="onChange()" [spxType]="'button'">{{ spxTextChange | translate | capitalize }}</spx-button>
+  </div>`,
+                    imports: [
+                        AsyncPipe,
+                        SpxButtonComponent,
+                        SpxCapitalizePipe,
+                        TranslatePipe,
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1$1.NavController }, { type: i2.Store }] });
+
 const sectionWelcome = 'welcome';
 const ctrlChannel = 'channel';
 const ctrlChannelType = 'channelType';
@@ -229,10 +231,10 @@ class SpxWelcomeComponent {
             this.suggestions[ctrlChannel] = this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));
         });
         this.subscriptions.channel = this.ctrlChannel.valueChanges.subscribe(valuePair => {
-            const channel = this.channels().find(c => c.brand === valuePairToValue(valuePair));
-            this.suggestions[ctrlChannelType] = !channel ? [] : channel?.channelTypes?.map(ct => ({
-                description: ct,
-                value: ct
+            const brandFound = this.channels().find(c => c.brand === valuePairToValue(valuePair));
+            this.suggestions[ctrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({
+                description: channelType,
+                value: channelType
             }));
             this.ctrlChannelType.setValue({
                 value: SpxAppChannelTypeEnum.production,
@@ -240,12 +242,14 @@ class SpxWelcomeComponent {
         });
     }
     onSubmit() {
+        const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel.value));
+        const channelType = valuePairToValue(this.ctrlChannelType.value);
         this.appStore.dispatch(choose({
-            channel: this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel.value)),
-            channelType: valuePairToValue(this.ctrlChannelType.value),
+            channel,
+            channelType,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxWelcomeComponent, deps: [{ token: i1$1.Store }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxWelcomeComponent, deps: [{ token: i2.Store }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SpxWelcomeComponent, isStandalone: true, selector: "spx-welcome", ngImport: i0, template: `
   <ion-header>
   <ion-toolbar>
@@ -264,7 +268,7 @@ class SpxWelcomeComponent {
       [spxSuggestions]="suggestions">
     </spx-form-view>
   </form>
-</ion-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxForm", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+</ion-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxForm", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxWelcomeComponent, decorators: [{
             type: Component,
@@ -302,22 +306,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                         TranslatePipe,
                     ]
                 }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2.FormBuilder }] });
+        }], ctorParameters: () => [{ type: i2.Store }, { type: i2$1.FormBuilder }] });
 
 class Effects {
     constructor(actions$, router) {
         this.actions$ = actions$;
         this.router = router;
-        this.onChoose$ = createEffect(() => this.actions$.pipe(ofType(choose), tap(async (action) => {
-            if (Capacitor.getPlatform() !== 'web') {
-                const binaryInfo = await AppUpdate.getAppUpdateInfo();
-                const binaryVersionGroup = binaryInfo.currentVersionName.substring(0, 3);
-                setConfig({
-                    channel: `${action.channelType}-${binaryVersionGroup}.x`
+        this.onChoose$ = createEffect(() => this.actions$.pipe(ofType(choose), switchMap((action) => {
+            if (Capacitor.getPlatform() === 'web') {
+                this.router.navigate(['tabs/hme']);
+            }
+            else {
+                AppUpdate.getAppUpdateInfo().then((binaryInfo) => {
+                    const binaryVersionGroup = binaryInfo.currentVersionName.substring(0, 3);
+                    setConfig({
+                        channel: `${action.channelType}-${binaryVersionGroup}.x`
+                    });
+                    this.router.navigate([spxUpdateUrl]);
                 });
-                this.router.navigate([spxUpdateUrl]);
             }
-        })));
+            return [spxToasterActions.createSuccess({
+                    autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,
+                    messageText: action.channel.brand,
+                })];
+        })), { dispatch: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: Effects, deps: [{ token: i1$2.Actions }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: Effects }); }

package/fesm2022/softpak-components-spx-channel-selection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-channel-selection.mjs","sources":["../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-selection-url.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-guard.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator.component.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.actions.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.initial.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.reducer.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-welcome.component.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.effects.ts","../../../../projects/softpak/components/spx-channel-selection/softpak-components-spx-channel-selection.ts"],"sourcesContent":["export const spxChannelSelectionUrl = 'wlc';","import { Router } from '@angular/router';\nimport { Injectable } from '@angular/core';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { spxChannelSelectionUrl } from './spx-channel-selection-url';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SpxChannelGuard  {\n\n  constructor(\n    public router: Router,\n  ) {}\n\n  canActivate(): boolean {\n    if (\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand) ||\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType)\n    ) {\n      this.router.navigate([spxChannelSelectionUrl]);\n      return false;\n    }\n    return true;\n  }\n}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\n\n@Component({\n    selector: 'spx-channel-indicator',\n    template: `<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\n    <div class=\"grow\">\n      <div class=\"text-lg font-bold\">{{ channel?.brand }}</div>\n      <div class=\"text-base text-gray-600\">{{ channelType }}</div>\n    </div>\n    <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ txtChange }}</spx-button>\n  </div>`,\n    imports: [\n        SpxButtonComponent,\n    ]\n})\nexport class SpxChannelIndicatorComponent {\n  @Input() channel?: SpxAppChannelI;\n  @Input() channelType?: SpxAppChannelTypeEnum;\n  @Input() txtChange!: string;\n  @Output() spxChange: EventEmitter<void> = new EventEmitter<void>();\n\n  constructor(\n  ) { }\n\n  onChange() {\n    this.spxChange.emit();\n  }\n}\n","import { createAction, props, union } from '@ngrx/store';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\n\nexport const choose = createAction('[SPX / Channel] Select', props<{\n    channel: SpxAppChannelI;\n    channelType: SpxAppChannelTypeEnum;\n}>());\nexport const initialize = createAction('[SPX / Channel] Initialize', props<{\n    channels: SpxAppChannelI[];\n}>());\n\nconst all = union({\n    choose,\n    initialize,\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-channel.state\";\n\nexport const initialState: StateI = {\n    channel: null,\n    channelType: null,\n    channels: [],\n};\n","\nimport * as actions from './spx-channel.actions';\nimport { createFeature, createReducer, on } from '@ngrx/store';\nimport { StateI } from './spx-channel.state';\nimport { initialState } from './spx-channel.initial';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\n\nconst determineActiveChannel = (channels: SpxAppChannelI[]): SpxAppChannelI | null => {\n    if (SpxStorage.getSetting(SpxStorageKeyEnum.brand) && SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\n        const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.includes(SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum));\n        if (channelResult) {\n            return channelResult;\n        } else {\n            const defaultBrandResult = channels.find(channel => channel.default);\n            if (defaultBrandResult) {\n                return defaultBrandResult;\n            }\n            return null;\n        }\n    } else {\n        const defaultBrandResult = channels.find(channel => channel.default);\n        if (defaultBrandResult) {\n            return defaultBrandResult;\n        }\n        return null;\n    }\n}\n\nexport default createFeature({\n    name: 'spxChannel',\n    reducer: createReducer(\n        initialState,\n        on(actions.choose, (state, { channel, channelType }): StateI => {\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand, channel.brand);\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType, channelType);\n            return {\n                ...state,\n                channel,\n                channelType,\n            };\n        }),\n        on(actions.initialize, (state, { channels }): StateI => ({\n            ...state,\n            channel: determineActiveChannel(channels),\n            channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),\n            channelType: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) ? SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum : SpxAppChannelTypeEnum.production,\n        })),\n    ),\n});\n","import { Component, OnInit, OnDestroy, signal, computed } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { Store } from '@ngrx/store';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\nimport { Subscription } from 'rxjs';\nimport spxChannelReducer from '../store/spx-channel/spx-channel.reducer';\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\nimport { choose } from '../store/spx-channel/spx-channel.actions';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { TranslatePipe } from '@ngx-translate/core';\n\nexport const sectionWelcome = 'welcome';\nexport const ctrlChannel = 'channel';\nexport const ctrlChannelType = 'channelType';\nexport interface SpxWelcomeValueI {\n  [ctrlChannel]?: SpxAppChannelI;\n  [ctrlChannelType]: SpxAppChannelTypeEnum;\n}\n\n@Component({\n  selector: 'spx-welcome',\n  template: `\n  <ion-header>\n  <ion-toolbar>\n    <ion-title>\n      {{ textSelectYourCompany | translate | capitalize }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  <form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-form-view\n      [spxForm]=\"form\"\n      [spxFormGroup]=\"formSection\"\n      [spxSuggestions]=\"suggestions\">\n    </spx-form-view>\n  </form>\n</ion-content>`,\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxFormViewComponent,\n    IonHeader,\n    IonToolbar,\n    IonTitle,\n    IonButtons,\n    IonContent,\n    TranslatePipe,\n  ]\n})\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\n  channels = signal<SpxAppChannelI[]>([]);\n  filteredCompanies = computed(() => this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand })));\n  channelTypes = [\n    SpxAppChannelTypeEnum.production,\n    SpxAppChannelTypeEnum.beta,\n    SpxAppChannelTypeEnum.alpha,\n    SpxAppChannelTypeEnum.development,\n  ];\n  formGroup!: FormGroup;\n  textChannel = spxTextChannel;\n  textCompany = spxTextCompany;\n  textSelect = spxTextSelect;\n  textSelectYourCompany = spxTextSelectYourCompany;\n  suggestions: {\n    [ctrlChannelType]?: SpxValuePair<string>[];\n    [ctrlChannel]?: SpxValuePair<string>[];\n  } = {\n      [ctrlChannelType]: [],\n      [ctrlChannel]: [],\n    };\n\n  get formSection(): FormGroup { return this.formGroup.get(sectionWelcome) as FormGroup; }\n  get ctrlChannel(): FormControl { return this.formSection.get(ctrlChannel) as FormControl; }\n  get ctrlChannelType(): FormControl { return this.formSection.get(ctrlChannelType) as FormControl; }\n  private subscriptions: {\n    channel?: Subscription;\n    channels?: Subscription;\n  } = {};\n\n  form: SpxFormI = {\n    buttons: [\n      {\n        severity: SpxSeverityEnum.success,\n        type: SpxFormButtonTypeEnum.submit,\n        label: () => this.textSelect,\n      }\n    ],\n    sections: [\n      {\n        key: sectionWelcome,\n        showTitle: () => false,\n        fields: [\n          {\n            key: ctrlChannel,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textCompany,\n            validators: () => [spxValidatorRequired()],\n          },\n          {\n            key: ctrlChannelType,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textChannel,\n            capitalize: () => true,\n            show: () => valuePairToValue(this.ctrlChannel.value),\n            validators: () => [spxValidatorRequired()],\n          },\n        ]\n      }\n    ]\n  };\n\n  constructor(\n    private readonly appStore: Store,\n    readonly formBuilder: FormBuilder\n  ) {\n    this.formGroup = this.formBuilder.group({\n      [sectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form.sections)\n    });\n  }\n\n  ngOnDestroy(): void {\n    unsubscribeSubscriptions(this.subscriptions);\n  }\n\n  ngOnInit(): void {\n    this.subscriptions.channels = this.appStore.select(spxChannelReducer.selectChannels).subscribe(channels => {\n      this.channels.set(channels);\n      this.suggestions[ctrlChannel] = this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));\n    });\n\n    this.subscriptions.channel = this.ctrlChannel.valueChanges.subscribe(valuePair => {\n      const channel = this.channels().find(c => c.brand === valuePairToValue(valuePair));\n      this.suggestions[ctrlChannelType] = !channel ? [] : channel?.channelTypes?.map(ct => ({\n        description: ct,\n        value: ct\n      }));\n      this.ctrlChannelType.setValue({\n        value: SpxAppChannelTypeEnum.production,\n      });\n    });\n  }\n\n  onSubmit(): void {\n    this.appStore.dispatch(choose({\n      channel: this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel.value))!,\n      channelType: valuePairToValue(this.ctrlChannelType.value),\n    }));\n  }\n}\n","import { Actions, createEffect, ofType } from '@ngrx/effects';\nimport { Observable } from 'rxjs';\nimport { tap } from 'rxjs/operators';\nimport { Injectable } from '@angular/core';\nimport * as actions from './spx-channel.actions';\nimport { setConfig } from '@capacitor/live-updates';\nimport { Capacitor } from '@capacitor/core';\nimport { AppUpdate } from '@capawesome/capacitor-app-update';\nimport { Router } from '@angular/router';\nimport { spxUpdateUrl } from '@softpak/components/spx-update';\n\n@Injectable()\nexport class Effects {\n    onChoose$: Observable<any> = createEffect(() => this.actions$.pipe(\n        ofType(actions.choose),\n        tap(async (action) => {\n            if (Capacitor.getPlatform() !== 'web') {\n                const binaryInfo = await AppUpdate.getAppUpdateInfo()\n                const binaryVersionGroup = binaryInfo.currentVersionName.substring(0, 3);\n                setConfig({\n                    channel: `${action.channelType}-${binaryVersionGroup}.x`\n                });\n                this.router.navigate([spxUpdateUrl]);\n            }\n        }),\n    ));\n\n    constructor(\n        private readonly actions$: Actions,\n        private readonly router: Router,\n    ) { }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.choose","actions.initialize","spxChannelReducer","i1","i2"],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-channel-selection.mjs","sources":["../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-selection-url.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-guard.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.actions.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.initial.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.reducer.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator.component.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-welcome.component.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.effects.ts","../../../../projects/softpak/components/spx-channel-selection/softpak-components-spx-channel-selection.ts"],"sourcesContent":["export const spxChannelSelectionUrl = 'wlc';","import { Router } from '@angular/router';\nimport { Injectable } from '@angular/core';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { spxChannelSelectionUrl } from './spx-channel-selection-url';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SpxChannelGuard  {\n\n  constructor(\n    public router: Router,\n  ) {}\n\n  canActivate(): boolean {\n    if (\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand) ||\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType)\n    ) {\n      this.router.navigate([spxChannelSelectionUrl]);\n      return false;\n    }\n    return true;\n  }\n}\n","import { createAction, props, union } from '@ngrx/store';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\n\nexport const choose = createAction('[SPX / Channel] Select', props<{\n    channel: SpxAppChannelI;\n    channelType: SpxAppChannelTypeEnum;\n}>());\nexport const initialize = createAction('[SPX / Channel] Initialize', props<{\n    channels: SpxAppChannelI[];\n}>());\n\nconst all = union({\n    choose,\n    initialize,\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-channel.state\";\n\nexport const initialState: StateI = {\n    channel: null,\n    channelType: null,\n    channels: [],\n};\n","\nimport * as actions from './spx-channel.actions';\nimport { createFeature, createReducer, on } from '@ngrx/store';\nimport { StateI } from './spx-channel.state';\nimport { initialState } from './spx-channel.initial';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\n\nconst determineActiveChannel = (channels: SpxAppChannelI[]): SpxAppChannelI | null => {\n    if (SpxStorage.getSetting(SpxStorageKeyEnum.brand) && SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\n        const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.includes(SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum));\n        if (channelResult) {\n            return channelResult;\n        } else {\n            const defaultBrandResult = channels.find(channel => channel.default);\n            if (defaultBrandResult) {\n                return defaultBrandResult;\n            }\n            return null;\n        }\n    } else {\n        const defaultBrandResult = channels.find(channel => channel.default);\n        if (defaultBrandResult) {\n            return defaultBrandResult;\n        }\n        return null;\n    }\n}\n\nexport default createFeature({\n    name: 'spxChannel',\n    reducer: createReducer(\n        initialState,\n        on(actions.choose, (state, { channel, channelType }): StateI => {\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand, channel.brand);\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType, channelType);\n            return {\n                ...state,\n                channel,\n                channelType,\n            };\n        }),\n        on(actions.initialize, (state, { channels }): StateI => ({\n            ...state,\n            channel: determineActiveChannel(channels),\n            channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),\n            channelType: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) ? SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum : SpxAppChannelTypeEnum.production,\n        })),\n    ),\n});\n","import { Component } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport spxChannelReducer from '../store/spx-channel/spx-channel.reducer';\nimport { AsyncPipe } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { spxTextChannel } from '@softpak/components/spx-translate';\nimport { spxChannelSelectionUrl } from './spx-channel-selection-url';\nimport { NavController } from '@ionic/angular';\n\n@Component({\n  selector: 'spx-channel-indicator',\n  template: `<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\n    <div class=\"grow\">\n      <div class=\"text-lg font-bold\">{{ (channel | async)?.brand }}</div>\n      <div class=\"text-base text-gray-600\">{{ channelType | async }}</div>\n    </div>\n    <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ spxTextChange | translate | capitalize }}</spx-button>\n  </div>`,\n  imports: [\n    AsyncPipe,\n    SpxButtonComponent,\n    SpxCapitalizePipe,\n    TranslatePipe,\n  ]\n})\nexport class SpxChannelIndicatorComponent {\n  channel = this.store.select(spxChannelReducer.selectChannel);\n  channelType = this.store.select(spxChannelReducer.selectChannelType);\n  spxTextChange = spxTextChannel;\n\n  constructor(\n    private navController: NavController,\n    private store: Store,\n  ) { }\n\n  onChange() {\n    this.navController.navigateRoot([spxChannelSelectionUrl]);\n  }\n}\n","import { Component, OnInit, OnDestroy, signal, computed } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { Store } from '@ngrx/store';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\nimport { Subscription } from 'rxjs';\nimport spxChannelReducer from '../store/spx-channel/spx-channel.reducer';\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\nimport { choose } from '../store/spx-channel/spx-channel.actions';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { TranslatePipe } from '@ngx-translate/core';\n\nexport const sectionWelcome = 'welcome';\nexport const ctrlChannel = 'channel';\nexport const ctrlChannelType = 'channelType';\nexport interface SpxWelcomeValueI {\n  [ctrlChannel]?: SpxAppChannelI;\n  [ctrlChannelType]: SpxAppChannelTypeEnum;\n}\n\n@Component({\n  selector: 'spx-welcome',\n  template: `\n  <ion-header>\n  <ion-toolbar>\n    <ion-title>\n      {{ textSelectYourCompany | translate | capitalize }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  <form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-form-view\n      [spxForm]=\"form\"\n      [spxFormGroup]=\"formSection\"\n      [spxSuggestions]=\"suggestions\">\n    </spx-form-view>\n  </form>\n</ion-content>`,\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxFormViewComponent,\n    IonHeader,\n    IonToolbar,\n    IonTitle,\n    IonButtons,\n    IonContent,\n    TranslatePipe,\n  ]\n})\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\n  channels = signal<SpxAppChannelI[]>([]);\n  filteredCompanies = computed(() => this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand })));\n  channelTypes = [\n    SpxAppChannelTypeEnum.production,\n    SpxAppChannelTypeEnum.beta,\n    SpxAppChannelTypeEnum.alpha,\n    SpxAppChannelTypeEnum.development,\n  ];\n  formGroup!: FormGroup;\n  textChannel = spxTextChannel;\n  textCompany = spxTextCompany;\n  textSelect = spxTextSelect;\n  textSelectYourCompany = spxTextSelectYourCompany;\n  suggestions: {\n    [ctrlChannelType]?: SpxValuePair<string>[];\n    [ctrlChannel]?: SpxValuePair<string>[];\n  } = {\n      [ctrlChannelType]: [],\n      [ctrlChannel]: [],\n    };\n\n  get formSection(): FormGroup { return this.formGroup.get(sectionWelcome) as FormGroup; }\n  get ctrlChannel(): FormControl { return this.formSection.get(ctrlChannel) as FormControl; }\n  get ctrlChannelType(): FormControl { return this.formSection.get(ctrlChannelType) as FormControl; }\n  private subscriptions: {\n    channel?: Subscription;\n    channels?: Subscription;\n  } = {};\n\n  form: SpxFormI = {\n    buttons: [\n      {\n        severity: SpxSeverityEnum.success,\n        type: SpxFormButtonTypeEnum.submit,\n        label: () => this.textSelect,\n      }\n    ],\n    sections: [\n      {\n        key: sectionWelcome,\n        showTitle: () => false,\n        fields: [\n          {\n            key: ctrlChannel,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textCompany,\n            validators: () => [spxValidatorRequired()],\n          },\n          {\n            key: ctrlChannelType,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textChannel,\n            capitalize: () => true,\n            show: () => valuePairToValue(this.ctrlChannel.value),\n            validators: () => [spxValidatorRequired()],\n          },\n        ]\n      }\n    ]\n  };\n\n  constructor(\n    private readonly appStore: Store,\n    readonly formBuilder: FormBuilder\n  ) {\n    this.formGroup = this.formBuilder.group({\n      [sectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form.sections)\n    });\n  }\n\n  ngOnDestroy(): void {\n    unsubscribeSubscriptions(this.subscriptions);\n  }\n\n  ngOnInit(): void {\n    this.subscriptions.channels = this.appStore.select(spxChannelReducer.selectChannels).subscribe(channels => {\n      this.channels.set(channels);\n      this.suggestions[ctrlChannel] = this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));\n    });\n\n    this.subscriptions.channel = this.ctrlChannel.valueChanges.subscribe(valuePair => {\n      const brandFound = this.channels().find(c => c.brand === valuePairToValue(valuePair));\n      this.suggestions[ctrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({\n        description: channelType,\n        value: channelType\n      }));\n      this.ctrlChannelType.setValue({\n        value: SpxAppChannelTypeEnum.production,\n      });\n    });\n  }\n\n  onSubmit(): void {\n    const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel.value))!;\n    const channelType = valuePairToValue(this.ctrlChannelType.value);\n    this.appStore.dispatch(choose({\n      channel,\n      channelType,\n    }));\n  }\n}\n","import { Actions, createEffect, ofType } from '@ngrx/effects';\nimport { Observable } from 'rxjs';\nimport { map, mergeMap, switchMap, tap } from 'rxjs/operators';\nimport { Injectable } from '@angular/core';\nimport * as actions from './spx-channel.actions';\nimport { setConfig } from '@capacitor/live-updates';\nimport { Capacitor } from '@capacitor/core';\nimport { AppUpdate } from '@capawesome/capacitor-app-update';\nimport { Router } from '@angular/router';\nimport { spxUpdateUrl } from '@softpak/components/spx-update';\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\n\n@Injectable()\nexport class Effects {\n    onChoose$ =\n        createEffect(() =>\n            this.actions$.pipe(\n                ofType(actions.choose),\n                switchMap((action) => {\n                    if (Capacitor.getPlatform() === 'web') {\n                        this.router.navigate(['tabs/hme']);\n                    } else {\n                        AppUpdate.getAppUpdateInfo().then((binaryInfo) => {\n                            const binaryVersionGroup = binaryInfo.currentVersionName.substring(0, 3);\n                            setConfig({\n                                channel: `${action.channelType}-${binaryVersionGroup}.x`\n                            });\n                            this.router.navigate([spxUpdateUrl]);\n                        });\n                    }\n                    return [spxToasterActions.createSuccess({\n                        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\n                        messageText: action.channel.brand,\n                    })];\n                }),\n            ), { dispatch: true });\n\n    constructor(\n        private readonly actions$: Actions,\n        private readonly router: Router,\n    ) { }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.choose","actions.initialize","spxChannelReducer","i1","i2"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ 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';
+import { createAction, props, union, createFeature, createReducer, on } from '@ngrx/store';
 
 class SpxHomeTilesComponent {
     constructor() {
@@ -134,9 +135,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Output
             }] } });
 
+const initialize = createAction('[SPX / Navigation] Initialize', props());
+const update = createAction('[SPX / Navigation] Update', props());
+const all = union({
+    initialize,
+    update
+});
+
+var spxNavigation_actions = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    initialize: initialize,
+    update: update
+});
+
+const initialState = {
+    navigationItems: [],
+    menuItems: [],
+    tabs: [],
+};
+
+var spxNavigation_initial = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    initialState: initialState
+});
+
+var spxNavigation_reducer = createFeature({
+    name: 'spxNavigation',
+    reducer: createReducer(initialState, on(initialize, (state, { navigationItems }) => ({
+        ...state,
+        navigationItems: navigationItems,
+        menuItems: navigationItems.slice().filter(navigationItem => !navigationItem.signInRequired && (navigationItem.hasTile === undefined || navigationItem.hasTile)),
+        tabs: navigationItems.slice().filter(navigationItem => !navigationItem.signInRequired && navigationItem.hasTab),
+    })), on(update, (state, { accessList, signedIn }) => ({
+        ...state,
+        menuItems: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem?.hasTile !== false).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),
+        tabs: state.navigationItems.slice().filter(navigationItem => (!navigationItem.signInRequired || signedIn) && navigationItem.hasTab).filter(item => item.accessKey === undefined || accessList.includes(item.accessKey)),
+    }))),
+});
+
+var spxNavigation_reducer$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: spxNavigation_reducer
+});
+
+var spxNavigation_state = /*#__PURE__*/Object.freeze({
+    __proto__: null
+});
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SpxHomeTileComponent, SpxHomeTilesComponent, SpxNavigationComponent };
+export { SpxHomeTileComponent, SpxHomeTilesComponent, SpxNavigationComponent, spxNavigation_actions as spxNavigationActions, spxNavigation_initial as spxNavigationInitial, spxNavigation_reducer$1 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/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)=\"onNavigate(item.routerLink)\"\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":[],"mappings":";;;;;;;;;MASa,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;QAQW,IAAO,CAAA,OAAA,GAAU,CAAC;AAC5B;8GAFY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAJtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;AAEiE,4EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAEhE,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;AAEiE,4EAAA,CAAA;AAC5E,iBAAA;8BAEU,OAAO,EAAA,CAAA;sBAAf;;;MCmBU,oBAAoB,CAAA;IAO/B,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE;;8GAR5B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EArBnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;AAmBF,WAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EArBJ,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAuBF,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBA1BhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,OAAO,EAAE;wBACL;AACH,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;AAmBF,WAAA;AACX,iBAAA;8BAEU,YAAY,EAAA,CAAA;sBAApB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBAC4B,SAAS,EAAA,CAAA;sBAArC,SAAS;uBAAC,QAAQ;;;MCdR,sBAAsB,CAAA;AAOjC,IAAA,WAAA,GAAA;QAJS,IAAQ,CAAA,QAAA,GAAyB,EAAE;QACnC,IAAO,CAAA,OAAA,GAAU,CAAC;AACjB,QAAA,IAAA,CAAA,QAAQ,GAAyB,IAAI,YAAY,EAAU;;IAKrE,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE;;AAG/B,IAAA,UAAU,CAAC,IAAY,EAAA;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;8GAff,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBnC,mgBAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEQ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACjB,iBAAiB,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,aAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGf,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAXlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAEjB,OAAA,EAAA;wBACL,eAAe;wBACf,iBAAiB;wBACjB,iBAAiB;wBACjB,qBAAqB;wBACrB;AACH,qBAAA,EAAA,QAAA,EAAA,mgBAAA,EAAA;wDAGoB,KAAK,EAAA,CAAA;sBAA3B,YAAY;uBAAC,OAAO;gBACiB,eAAe,EAAA,CAAA;sBAApD,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAC,EAAC,MAAM,EAAE,KAAK,EAAC;gBAC3B,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACS,QAAQ,EAAA,CAAA;sBAAjB;;;AEzBH;;AAEG;;;;"}
+{"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)=\"onNavigate(item.routerLink)\"\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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"}

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component, Input } from '@angular/core';
+import { createAction, props, union, createFeature, createReducer, on } from '@ngrx/store';
 
 class SpxSpinnerComponent {
     constructor() {
@@ -159,9 +160,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Input
             }] } });
 
+const hide = createAction('[SPX / Spinner] Hide', props());
+const show = createAction('[SPX / Spinner] Show', props());
+const all = union({
+    hide,
+    show,
+});
+
+var spxSpinner_actions = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  hide: hide,
+  show: show
+});
+
+const initialState = {
+    show: false,
+};
+
+var spxSpinner_initial = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  initialState: initialState
+});
+
+var spxSpinner_reducer = createFeature({
+    name: 'spxSpinner',
+    reducer: createReducer(initialState, on(hide, (state) => {
+        return {
+            ...state,
+            show: false
+        };
+    }), on(show, (state) => {
+        return {
+            ...state,
+            show: true
+        };
+    })),
+});
+
+var spxSpinner_reducer$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: spxSpinner_reducer
+});
+
+var spxSpinner_state = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SpxSpinnerComponent };
+export { SpxSpinnerComponent, spxSpinner_actions as spxSpinnerActions, spxSpinner_initial as spxSpinnerInitial, spxSpinner_reducer$1 as spxSpinnerReducer, spxSpinner_state as spxSpinnerState };
 //# sourceMappingURL=softpak-components-spx-spinner.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-spinner.mjs","sources":["../../../../projects/softpak/components/spx-spinner/spx-spinner.component.ts","../../../../projects/softpak/components/spx-spinner/softpak-components-spx-spinner.ts"],"sourcesContent":["\nimport { Component, Input } from '@angular/core';\n\n@Component({\n    selector: 'spx-spinner',\n    imports: [],\n    template: `<div class=\"spx-spinner__wrapper spx-spinner2\"\n    [class.is-shown]=\"this.spxShow\">\n    <div class=\"rounded-xl bg-white text-black dark:bg-black absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[150px] h-[150px]\">\n      <div class=\"spx-spinner__content\">\n        <svg class=\"spx-spinner__image m-auto dark:invert-[1] dark:sepia-[.04] dark:saturate-[.10] dark:hue-rotate-[156deg] dark:brightness-[1.10] dark:contrast-[.76]\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100px\" height=\"100px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n          <g transform=\"rotate(0 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(30 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(60 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(90 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(120 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(150 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(180 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(210 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(240 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(270 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(300 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(330 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n        </svg>\n        @if (this.spxLoaderText) {\n          <span class=\"text-gray-900 dark:text-black pb-2 block text-center\">{{this.spxLoaderText}}</span>\n        }\n      </div>\n    </div>\n  </div>`,\n    styles: `\n  :host {\n  background-color: rgba(0, 0, 0, .35);\n  color: #000000;\n  position: fixed;\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 9;\n}\n\n.is-shown {\n  display: block !important;\n  opacity: 1;\n  animation: fadeIn 0.2s forwards, fadeOut 0.2s forwards;\n}\n\n.spf-spinner__wrapper {\n  display: none;\n  position: absolute;\n  right: 0;\n  left: 0;\n  margin: 0 auto;\n  text-align: center;\n  opacity: 0;\n  z-index: 500000;\n}\n\n.spf-spinner__wrapper {\n  display: none;\n  position: absolute;\n  right: 0;\n  left: 0;\n  margin: 0 auto;\n  text-align: center;\n  opacity: 0;\n  z-index: 500000;\n}\n\n.spf-spinner__wrapper.spf-spinner1 {\n  top: calc((100vh / 2) - 25px);\n  width: 200px;\n  height: 50px;\n}\n\n.spf-spinner1 .spf-spinner__ball {\n  display: inline-block;\n  width: 50px;\n  height: 50px;\n  border-radius: 100%;\n  background-color: #0065a4;\n  animation: bouncedelay 1.4s infinite ease-in-out both;\n}\n\n.spf-spinner1 .spf-spinner__ball--1 {\n  animation-delay: -0.32s;\n}\n\n.spf-spinner1 .spf-spinner__ball--2 {\n  animation-delay: -0.16s;\n}\n\n\n.spf-spinner__wrapper.spf-spinner2 {\n  top: calc((100vh / 2) - 65px);\n  width: 100%;\n  max-width: 120px;\n}\n\n.spf-spinner2 .spf-spinner__content {\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);\n  background: white;\n  border-radius: 10px;\n  height: 100%;\n  width: 100%;\n  margin: 0 auto;\n  animation: .2s fadeIn forwards;\n  overflow: hidden;\n}\n\n.spf-spinner2 .spf-spinner__image {\n  display: block;\n  margin: 0 auto;\n  border-radius: 10px;\n}\n\n.spf-spinner2 svg {\n  margin: auto;\n  background: rgb(255, 255, 255);\n  display: block;\n  shape-rendering: auto;\n}\n\n.spf-spinner__wrapper.spf-spinner3 {\n  top: calc((100vh / 2) - 30px);\n}\n\n.spf-spinner3 .spf-spinner__box {\n  animation: loader-rotate 2s infinite linear;\n  display: block;\n  width: 60px;\n  height: 60px;\n  margin: 0 auto;\n}\n\n.spf-spinner3 .spf-spinner__dot {\n  animation: dot-bounce 2s infinite ease-in-out;\n  display: inline-block;\n  position: relative;\n  top: 0;\n  width: 50%;\n  height: 50%;\n  border-radius: 100%;\n  background-color: #555;\n}\n\n.spf-spinner3 .spf-spinner__dot--2 {\n  top: auto;\n  bottom: 0;\n  animation-delay: -1s;\n}\n\n\n@keyframes loader-rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dot-bounce {\n\n  0%,\n  100% {\n    transform: scale(0);\n  }\n\n  50% {\n    transform: scale(1);\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  30% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes bouncedelay {\n\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n\n  40% {\n    transform: scale(1);\n  }\n}\n\n  `\n})\nexport class SpxSpinnerComponent {\n  @Input() spxShow: boolean = true;\n  @Input() spxLoaderText!: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MA0Pa,mBAAmB,CAAA;AAvPhC,IAAA,WAAA,GAAA;QAwPW,IAAO,CAAA,OAAA,GAAY,IAAI;AAEjC;8GAHY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EApPlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEL,QAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gzDAAA,CAAA,EAAA,CAAA,CAAA;;2FA6KI,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAvP/B,SAAS;+BACI,aAAa,EAAA,OAAA,EACd,EAAE,EACD,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEL,QAAA,CAAA,EAAA,MAAA,EAAA,CAAA,gzDAAA,CAAA,EAAA;8BA8KE,OAAO,EAAA,CAAA;sBAAf;gBACQ,aAAa,EAAA,CAAA;sBAArB;;;AC5PH;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-spinner.mjs","sources":["../../../../projects/softpak/components/spx-spinner/spx-spinner.component.ts","../../../../projects/softpak/components/spx-spinner/store/spx-spinner/spx-spinner.actions.ts","../../../../projects/softpak/components/spx-spinner/store/spx-spinner/spx-spinner.initial.ts","../../../../projects/softpak/components/spx-spinner/store/spx-spinner/spx-spinner.reducer.ts","../../../../projects/softpak/components/spx-spinner/softpak-components-spx-spinner.ts"],"sourcesContent":["\nimport { Component, Input } from '@angular/core';\n\n@Component({\n    selector: 'spx-spinner',\n    imports: [],\n    template: `<div class=\"spx-spinner__wrapper spx-spinner2\"\n    [class.is-shown]=\"this.spxShow\">\n    <div class=\"rounded-xl bg-white text-black dark:bg-black absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[150px] h-[150px]\">\n      <div class=\"spx-spinner__content\">\n        <svg class=\"spx-spinner__image m-auto dark:invert-[1] dark:sepia-[.04] dark:saturate-[.10] dark:hue-rotate-[156deg] dark:brightness-[1.10] dark:contrast-[.76]\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100px\" height=\"100px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n          <g transform=\"rotate(0 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(30 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(60 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(90 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(120 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(150 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(180 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(210 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(240 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(270 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(300 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n          <g transform=\"rotate(330 50 50)\">\n            <rect x=\"47.5\" y=\"23.5\" rx=\"2.5\" ry=\"2.75\" width=\"5\" height=\"11\" fill=\"#00457c\">\n              <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n            </rect>\n          </g>\n        </svg>\n        @if (this.spxLoaderText) {\n          <span class=\"text-gray-900 dark:text-black pb-2 block text-center\">{{this.spxLoaderText}}</span>\n        }\n      </div>\n    </div>\n  </div>`,\n    styles: `\n  :host {\n  background-color: rgba(0, 0, 0, .35);\n  color: #000000;\n  position: fixed;\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 9;\n}\n\n.is-shown {\n  display: block !important;\n  opacity: 1;\n  animation: fadeIn 0.2s forwards, fadeOut 0.2s forwards;\n}\n\n.spf-spinner__wrapper {\n  display: none;\n  position: absolute;\n  right: 0;\n  left: 0;\n  margin: 0 auto;\n  text-align: center;\n  opacity: 0;\n  z-index: 500000;\n}\n\n.spf-spinner__wrapper {\n  display: none;\n  position: absolute;\n  right: 0;\n  left: 0;\n  margin: 0 auto;\n  text-align: center;\n  opacity: 0;\n  z-index: 500000;\n}\n\n.spf-spinner__wrapper.spf-spinner1 {\n  top: calc((100vh / 2) - 25px);\n  width: 200px;\n  height: 50px;\n}\n\n.spf-spinner1 .spf-spinner__ball {\n  display: inline-block;\n  width: 50px;\n  height: 50px;\n  border-radius: 100%;\n  background-color: #0065a4;\n  animation: bouncedelay 1.4s infinite ease-in-out both;\n}\n\n.spf-spinner1 .spf-spinner__ball--1 {\n  animation-delay: -0.32s;\n}\n\n.spf-spinner1 .spf-spinner__ball--2 {\n  animation-delay: -0.16s;\n}\n\n\n.spf-spinner__wrapper.spf-spinner2 {\n  top: calc((100vh / 2) - 65px);\n  width: 100%;\n  max-width: 120px;\n}\n\n.spf-spinner2 .spf-spinner__content {\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);\n  background: white;\n  border-radius: 10px;\n  height: 100%;\n  width: 100%;\n  margin: 0 auto;\n  animation: .2s fadeIn forwards;\n  overflow: hidden;\n}\n\n.spf-spinner2 .spf-spinner__image {\n  display: block;\n  margin: 0 auto;\n  border-radius: 10px;\n}\n\n.spf-spinner2 svg {\n  margin: auto;\n  background: rgb(255, 255, 255);\n  display: block;\n  shape-rendering: auto;\n}\n\n.spf-spinner__wrapper.spf-spinner3 {\n  top: calc((100vh / 2) - 30px);\n}\n\n.spf-spinner3 .spf-spinner__box {\n  animation: loader-rotate 2s infinite linear;\n  display: block;\n  width: 60px;\n  height: 60px;\n  margin: 0 auto;\n}\n\n.spf-spinner3 .spf-spinner__dot {\n  animation: dot-bounce 2s infinite ease-in-out;\n  display: inline-block;\n  position: relative;\n  top: 0;\n  width: 50%;\n  height: 50%;\n  border-radius: 100%;\n  background-color: #555;\n}\n\n.spf-spinner3 .spf-spinner__dot--2 {\n  top: auto;\n  bottom: 0;\n  animation-delay: -1s;\n}\n\n\n@keyframes loader-rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dot-bounce {\n\n  0%,\n  100% {\n    transform: scale(0);\n  }\n\n  50% {\n    transform: scale(1);\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  30% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes bouncedelay {\n\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n\n  40% {\n    transform: scale(1);\n  }\n}\n\n  `\n})\nexport class SpxSpinnerComponent {\n  @Input() spxShow: boolean = true;\n  @Input() spxLoaderText!: string;\n}\n","import { createAction, props, union } from '@ngrx/store';\n\nexport const hide = createAction('[SPX / Spinner] Hide', props<Record<string, unknown>>());\nexport const show = createAction('[SPX / Spinner] Show', props<Record<string, unknown>>());\n\nconst all = union({\n    hide,\n    show,\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-spinner.state\";\n\nexport const initialState: StateI = {\n    show: false,\n};\n","\nimport * as actions from './spx-spinner.actions';\nimport { createFeature, createReducer, on } from '@ngrx/store';\nimport { StateI } from './spx-spinner.state';\nimport { initialState } from './spx-spinner.initial';\n\nexport default createFeature({\n    name: 'spxSpinner',\n    reducer: createReducer(\n        initialState,\n        on(actions.hide, (state: StateI): StateI => {\n            return {\n                ...state,\n                show: false\n            };\n          }),\n          on(actions.show, (state: StateI): StateI => {\n            return {\n                ...state,\n                show: true\n            };\n          }),\n    ),\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.hide","actions.show"],"mappings":";;;;MA0Pa,mBAAmB,CAAA;AAvPhC,IAAA,WAAA,GAAA;QAwPW,IAAO,CAAA,OAAA,GAAY,IAAI;AAEjC;8GAHY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EApPlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEL,QAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gzDAAA,CAAA,EAAA,CAAA,CAAA;;2FA6KI,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAvP/B,SAAS;+BACI,aAAa,EAAA,OAAA,EACd,EAAE,EACD,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEL,QAAA,CAAA,EAAA,MAAA,EAAA,CAAA,gzDAAA,CAAA,EAAA;8BA8KE,OAAO,EAAA,CAAA;sBAAf;gBACQ,aAAa,EAAA,CAAA;sBAArB;;;AC1PI,MAAM,IAAI,GAAG,YAAY,CAAC,sBAAsB,EAAE,KAAK,EAA2B,CAAC;AACnF,MAAM,IAAI,GAAG,YAAY,CAAC,sBAAsB,EAAE,KAAK,EAA2B,CAAC;AAE1F,MAAM,GAAG,GAAG,KAAK,CAAC;IACd,IAAI;IACJ,IAAI;AACP,CAAA,CAAC;;;;;;;;ACNK,MAAM,YAAY,GAAW;AAChC,IAAA,IAAI,EAAE,KAAK;CACd;;;;;;;ACED,yBAAe,aAAa,CAAC;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa,CAClB,YAAY,EACZ,EAAE,CAACA,IAAY,EAAE,CAAC,KAAa,KAAY;QACvC,OAAO;AACH,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,EAAE;SACT;KACF,CAAC,EACF,EAAE,CAACC,IAAY,EAAE,CAAC,KAAa,KAAY;QACzC,OAAO;AACH,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,EAAE;SACT;AACH,KAAC,CAAC,CACP;AACJ,CAAA,CAAC;;;;;;;;;;;ACvBF;;AAEG;;;;"}