@softpak/components 19.19.0 → 19.21.0-beta.2

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, HostBinding, Input, Output } from '@angular/core';
+import { input, output, effect, Component, ChangeDetectionStrategy } from '@angular/core';
 import { SpxAlertComponent } from '@softpak/components/spx-alert';
 import { createAction, props, union, createFeature, createReducer, on } from '@ngrx/store';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
@@ -28,169 +28,49 @@ function toasterAutocloseSpeed(autoCloseSpeed, messageText) {
 }
 
 class SpxToasterComponent {
-    constructor(renderer, el) {
-        this.renderer = renderer;
-        this.el = el;
-        this.hostClass = true;
-        this.spxClose = new EventEmitter();
-        this.count = 0;
-    }
-    ngOnChanges() {
-        this.messages = this.messages.map(m => ({ ...m, autoClose: this.calcToasterAutocloseSpeed(m.autoClose, m.message) }));
-        if (this.messages.length > 0) {
-            setTimeout(() => {
-                this.messages = this.messages.map(message => {
-                    if (message.autoClose) {
-                        // console.log(message.autoClose);
-                        // this.showProgressBar(message.autoClose, message.id)
-                        // this.showProgressBar(600000, message.id)
-                        setTimeout(() => {
-                            this.handleClose(message.id);
-                        }, message.autoClose);
-                    }
-                    return message;
-                });
-            }, 0);
-        }
-    }
-    showProgressBar(autoclose, id) {
-        const alertElement = this.el.nativeElement.querySelector(`spx-alert[id="${id}"]`);
-        console.log(alertElement);
-        if (alertElement) {
-        }
-        else {
-            console.error(`spx-alert element with ID ${id} not found.`);
-        }
+    constructor() {
+        this.messages = input.required();
+        this.spxAutoclose = input();
+        this.spxClose = output();
+        effect(() => {
+            this.messages().forEach((message) => {
+                if (message.autoClose) {
+                    setTimeout(() => {
+                        this.handleClose(message.id);
+                    }, message.autoClose);
+                }
+            });
+        });
     }
     handleClose(id) {
         this.spxClose.emit(id);
     }
-    calcToasterAutocloseSpeed(autoCloseSpeed, messageText) {
-        switch (autoCloseSpeed) {
-            case SpxToasterAutoCloseSpeedEnum.DEFAULT:
-                return Math.min(Math.max(messageText.length * 50, 2000), 7000);
-            case SpxToasterAutoCloseSpeedEnum.SLOW:
-                return Math.min(Math.max(messageText.length * 60, 3000), 10000);
-            default:
-                return autoCloseSpeed;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxToasterComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxToasterComponent, isStandalone: true, selector: "spx-toaster", inputs: { messages: "messages", spxAutoclose: "spxAutoclose" }, outputs: { spxClose: "spxClose" }, host: { properties: { "class.spx-toasts-displayer": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
-    @if (messages && messages.length > 0) {
-      <div
-        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
-        <style>
-          .progress-bar-container {
-          width: 100%;
-          height: 5px;
-          background-color: #ccc;
-          margin-top: 8px;
-          border-radius: 2px;
-          overflow: hidden;
-        }
-        .progress-bar {
-        height: 100%;
-        background-color: #76c7c0;
-        animation-name: progress;
-        animation-timing-function: ease-in-out;
-        animation-fill-mode: forwards;
-        animation-duration: 5000;
-      }
-      @keyframes progress {
-      from {
-      width: 0%;
-    }
-    to {
-    width: 100%;
-    }
-    }
-    </style>
-    @for (message of messages; track message) {
-      <spx-alert
-        [spxAutoclose]="message.autoClose"
-        [spxCloseable]="message.closeable"
-        [spxSeverity]="message.severity"
-        [spxTitle]="message.title"
-        (spxClose)="handleClose(message.id)"
-        (click)="handleClose(message.id)"
-        [id]="message.id"
-        >{{message.message}}
-        <!-- <div *ngIf="message.autoClose" class="progress-bar-container">
-        <div class="progress-bar"></div>
-      </div> -->
-    </spx-alert>
-    }
-    </div>
-    }`, isInline: true, styles: [".progress-bar-container{width:100%;height:5px;background-color:#ccc;margin-top:8px;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:#76c7c0;animation-name:progress;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-duration:5000}@keyframes progress{0%{width:0%}to{width:100%}}\n"], dependencies: [{ kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity"], outputs: ["spxClose", "spxTitleChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxToasterComponent, isStandalone: true, selector: "spx-toaster", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, spxAutoclose: { classPropertyName: "spxAutoclose", publicName: "spxAutoclose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClose: "spxClose" }, host: { classAttribute: "spx-toasts-displayer" }, ngImport: i0, template: "\r\n@if (messages().length > 0) {\r\n  <div\r\n    class=\"flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\r\n    @for (message of messages(); track message) {\r\n      <spx-alert\r\n        [spxAutoclose]=\"message.autoClose\"\r\n        [spxCloseable]=\"message.closeable\"\r\n        [spxSeverity]=\"message.severity\"\r\n        [spxTitle]=\"message.title\"\r\n        (spxClose)=\"handleClose(message.id)\"\r\n        (click)=\"handleClose(message.id)\"\r\n        [id]=\"message.id\"\r\n        >{{message.message}}\r\n      </spx-alert>\r\n    }\r\n  </div>\r\n}", styles: [".progress-bar-container{width:100%;height:5px;background-color:#ccc;margin-top:8px;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:#76c7c0;animation-name:progress;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-duration:5000}@keyframes progress{0%{width:0%}to{width:100%}}\n"], dependencies: [{ kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity"], outputs: ["spxClose", "spxTitleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxToasterComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'spx-toaster',
-                    template: `
-    @if (messages && messages.length > 0) {
-      <div
-        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
-        <style>
-          .progress-bar-container {
-          width: 100%;
-          height: 5px;
-          background-color: #ccc;
-          margin-top: 8px;
-          border-radius: 2px;
-          overflow: hidden;
-        }
-        .progress-bar {
-        height: 100%;
-        background-color: #76c7c0;
-        animation-name: progress;
-        animation-timing-function: ease-in-out;
-        animation-fill-mode: forwards;
-        animation-duration: 5000;
-      }
-      @keyframes progress {
-      from {
-      width: 0%;
-    }
-    to {
-    width: 100%;
+            args: [{ selector: 'spx-toaster', standalone: true, imports: [SpxAlertComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'spx-toasts-displayer',
+                    }, template: "\r\n@if (messages().length > 0) {\r\n  <div\r\n    class=\"flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\r\n    @for (message of messages(); track message) {\r\n      <spx-alert\r\n        [spxAutoclose]=\"message.autoClose\"\r\n        [spxCloseable]=\"message.closeable\"\r\n        [spxSeverity]=\"message.severity\"\r\n        [spxTitle]=\"message.title\"\r\n        (spxClose)=\"handleClose(message.id)\"\r\n        (click)=\"handleClose(message.id)\"\r\n        [id]=\"message.id\"\r\n        >{{message.message}}\r\n      </spx-alert>\r\n    }\r\n  </div>\r\n}", styles: [".progress-bar-container{width:100%;height:5px;background-color:#ccc;margin-top:8px;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:#76c7c0;animation-name:progress;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-duration:5000}@keyframes progress{0%{width:0%}to{width:100%}}\n"] }]
+        }], ctorParameters: () => [] });
+
+class SpxToasterMessageI {
+    constructor(message, id, severity, autoClose, closeable) {
+        this.autoClose = autoClose;
+        this.message = message || '';
+        this.id = id;
+        this.severity = severity;
+        this.closeable = closeable;
     }
+    get autoClose() {
+        return this._autoClose;
     }
-    </style>
-    @for (message of messages; track message) {
-      <spx-alert
-        [spxAutoclose]="message.autoClose"
-        [spxCloseable]="message.closeable"
-        [spxSeverity]="message.severity"
-        [spxTitle]="message.title"
-        (spxClose)="handleClose(message.id)"
-        (click)="handleClose(message.id)"
-        [id]="message.id"
-        >{{message.message}}
-        <!-- <div *ngIf="message.autoClose" class="progress-bar-container">
-        <div class="progress-bar"></div>
-      </div> -->
-    </spx-alert>
+    set autoClose(value) {
+        if (value && value !== this._autoClose) {
+            this._autoClose = toasterAutocloseSpeed(value, this.message);
+        }
     }
-    </div>
-    }`,
-                    imports: [
-                        SpxAlertComponent
-                    ]
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.spx-toasts-displayer']
-            }], messages: [{
-                type: Input
-            }], spxClose: [{
-                type: Output
-            }], spxAutoclose: [{
-                type: Input
-            }] } });
-
-class SpxToasterMessageI {
 }
 
 const clearAll = createAction('[SPX / Toaster] Clear all', props());
@@ -235,14 +115,7 @@ var spxToaster_initial = /*#__PURE__*/Object.freeze({
 });
 
 function addMessage(currentMessages, newMessage) {
-    const messages = [{
-            autoClose: newMessage.autoClose ? newMessage.autoClose : undefined,
-            closeable: newMessage.closeable ? newMessage.closeable : true,
-            id: newMessage.id,
-            message: newMessage.message,
-            title: newMessage.title,
-            severity: newMessage.severity,
-        }, ...currentMessages];
+    const messages = [new SpxToasterMessageI(newMessage.message, newMessage.id, newMessage.severity, newMessage.autoClose ? newMessage.autoClose : undefined, newMessage.closeable ? newMessage.closeable : true), ...currentMessages];
     if (messages.length > 5) {
         messages.length = 5;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-toaster.mjs","sources":["../../../../projects/softpak/components/spx-toaster/src/spx-toaster-autoclose-speed.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster-message.interface.ts","../../../../projects/softpak/components/spx-toaster/store/spx-toaster/spx-toaster.actions.ts","../../../../projects/softpak/components/spx-toaster/store/spx-toaster/spx-toaster.initial.ts","../../../../projects/softpak/components/spx-toaster/store/spx-toaster/spx-toaster.reducer.ts","../../../../projects/softpak/components/spx-toaster/softpak-components-spx-toaster.ts"],"sourcesContent":["export enum SpxToasterSeverityEnum {\n    ERROR = 'error',\n    INFO = 'info',\n    SUCCESS = 'success',\n    WARNING = 'warning',\n}\n\nexport enum SpxToasterAutoCloseSpeedEnum {\n    DEFAULT = -1,\n    SLOW = -2,\n}\n\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\n    switch (autoCloseSpeed) {\n        case SpxToasterAutoCloseSpeedEnum.DEFAULT:\n            return Math.min(Math.max(messageText.length * 50, 2000), 7000);\n        case SpxToasterAutoCloseSpeedEnum.SLOW:\n            return Math.min(Math.max(messageText.length * 60, 3000), 10000);\n        default:\n            return autoCloseSpeed;\n    }\n}\n","import {\n    AfterViewInit,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    Renderer2\n} from '@angular/core';\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\n\nimport { SpxToasterAutoCloseSpeedEnum } from './spx-toaster-autoclose-speed';\n\n@Component({\n    selector: 'spx-toaster',\n    template: `\n    @if (messages && messages.length > 0) {\n      <div\n        class=\"flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\n        <style>\n          .progress-bar-container {\n          width: 100%;\n          height: 5px;\n          background-color: #ccc;\n          margin-top: 8px;\n          border-radius: 2px;\n          overflow: hidden;\n        }\n        .progress-bar {\n        height: 100%;\n        background-color: #76c7c0;\n        animation-name: progress;\n        animation-timing-function: ease-in-out;\n        animation-fill-mode: forwards;\n        animation-duration: 5000;\n      }\n      @keyframes progress {\n      from {\n      width: 0%;\n    }\n    to {\n    width: 100%;\n    }\n    }\n    </style>\n    @for (message of messages; track message) {\n      <spx-alert\n        [spxAutoclose]=\"message.autoClose\"\n        [spxCloseable]=\"message.closeable\"\n        [spxSeverity]=\"message.severity\"\n        [spxTitle]=\"message.title\"\n        (spxClose)=\"handleClose(message.id)\"\n        (click)=\"handleClose(message.id)\"\n        [id]=\"message.id\"\n        >{{message.message}}\n        <!-- <div *ngIf=\"message.autoClose\" class=\"progress-bar-container\">\n        <div class=\"progress-bar\"></div>\n      </div> -->\n    </spx-alert>\n    }\n    </div>\n    }`,\n    imports: [\n        SpxAlertComponent\n    ]\n})\nexport class SpxToasterComponent implements OnChanges {\n    @HostBinding('class.spx-toasts-displayer') hostClass = true;\n    @Input() messages!: SpxToasterMessageI[];\n    @Output() spxClose: EventEmitter<number> = new EventEmitter<number>();\n    @Input() spxAutoclose: number | undefined;\n    count: number = 0;\n    constructor(private renderer: Renderer2, private el: ElementRef) { \n\n    }\n\n\n    ngOnChanges() {\n        this.messages = this.messages.map(m => ({ ...m, autoClose: this.calcToasterAutocloseSpeed(m.autoClose, m.message) }));\n        if (this.messages.length > 0) {\n            setTimeout(() => {\n                this.messages = this.messages.map(message => {\n                    if (message.autoClose) {\n                        // console.log(message.autoClose);\n                        // this.showProgressBar(message.autoClose, message.id)\n                        // this.showProgressBar(600000, message.id)\n                        setTimeout(() => {\n                            this.handleClose(message.id)\n                        }, message.autoClose);\n                    }\n                    return message;\n                });\n            }, 0);\n        }\n    }\n      \n\n    showProgressBar(autoclose: number, id: number) {\n        const alertElement = this.el.nativeElement.querySelector(`spx-alert[id=\"${id}\"]`);\n        console.log(alertElement);\n        if (alertElement) {\n          \n        } else {\n          console.error(`spx-alert element with ID ${id} not found.`);\n        }\n      }\n      \n\n    public handleClose(id: number) {\n        this.spxClose.emit(id);\n    }\n\n    private calcToasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string): number {\n        switch (autoCloseSpeed) {\n            case SpxToasterAutoCloseSpeedEnum.DEFAULT:\n                return Math.min(Math.max(messageText.length * 50, 2000), 7000);\n            case SpxToasterAutoCloseSpeedEnum.SLOW:\n                return Math.min(Math.max(messageText.length * 60, 3000), 10000);\n            default:\n                return autoCloseSpeed;\n        }\n    }\n}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxToasterMessageI {\n    autoClose?: any;\n    title?: string;\n    closeable?: boolean;\n    id!: number;\n    message!: string;\n    severity!: SpxSeverityEnum;\n    uniqueIdentifier?: string;\n}\n","import { createAction, props, union } from '@ngrx/store';\nimport { SpxToasterAutoCloseSpeedEnum } from '../../src/spx-toaster-autoclose-speed';\n\nexport const clearAll = createAction('[SPX / Toaster] Clear all', props<Record<string, unknown>>());\nexport const clearAllErrors = createAction('[SPX / Toaster] Clear all errors', props<Record<string, unknown>>());\nexport const clearAllErrorsAndWarnings = createAction('[SPX / Toaster] Clear all errors and warnings', props<Record<string, unknown>>());\nexport const clearMessage = createAction('[SPX / Toaster] Clear message', props<{ id: number }>());\nexport const createError = createAction('[SPX / Toaster] Create error', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\nexport const createInfo = createAction('[SPX / Toaster] Create info', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\nexport const createSuccess = createAction('[SPX / Toaster] Create success', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\nexport const createWarning = createAction('[SPX / Toaster] Create warning', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\n\nconst all = union({\n    clearAll,\n    clearAllErrors,\n    clearAllErrorsAndWarnings,\n    clearMessage,\n    createError,\n    createInfo,\n    createSuccess,\n    createWarning,\n});\n\nexport type Actions = typeof all;\n","import { StateI } from \"./spx-toaster.state\";\n\nexport const initialState: StateI = {\n    messages: [],\n    nextId: 1,\n};\n","\nimport * as actions from './spx-toaster.actions';\nimport { createFeature, createReducer, on } from '@ngrx/store';\nimport { StateI } from './spx-toaster.state';\nimport { initialState } from './spx-toaster.initial';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\nimport { toasterAutocloseSpeed } from '../../src/spx-toaster-autoclose-speed';\nimport { SpxToasterMessageI } from '../../src/spx-toaster-message.interface';\n \nexport function addMessage(\n    currentMessages: SpxToasterMessageI[], newMessage: SpxToasterMessageI): SpxToasterMessageI[] {\n    const messages = [{\n        autoClose: newMessage.autoClose ? newMessage.autoClose : undefined,\n        closeable: newMessage.closeable ? newMessage.closeable : true,\n        id: newMessage.id,\n        message: newMessage.message,\n        title: newMessage.title,\n        severity: newMessage.severity,\n    }, ...currentMessages];\n    if (messages.length > 5) {\n        messages.length = 5;\n    }\n    return messages;\n}\n\nexport default createFeature({\n    name: 'spxToaster',\n    reducer: createReducer(\n        initialState,\n        on(actions.clearAll, (state: StateI): StateI => {\n            return {\n                ...state,\n                messages: []\n            };\n        }),\n        on(actions.clearAllErrors, (state: StateI): StateI => {\n            return {\n                ...state,\n                messages: [...state.messages.filter(msg => msg.severity !== SpxSeverityEnum.error)]\n            };\n        }),\n        on(actions.clearAllErrorsAndWarnings, (state: StateI): StateI => {\n            return {\n                ...state,\n                messages: [...state.messages.filter(msg => msg.severity !== SpxSeverityEnum.error &&\n                    msg.severity !== SpxSeverityEnum.warning)]\n            };\n        }),\n        on(actions.clearMessage, (state: StateI, action): StateI => {\n            return {\n                ...state,\n                messages: [...state.messages.filter(msg => msg.id !== action.id)]\n            };\n        }),\n        on(actions.createError, (state: StateI, action): StateI => {\n            return {\n                ...state,\n                messages: addMessage(state.messages, {\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\n                    closeable: action.closeable ? action.closeable : true,\n                    id: state.nextId,\n                    message: action.messageText,\n                    severity: SpxSeverityEnum.error,\n                    title: action.title,\n                }),\n                nextId: state.nextId + 1\n            };\n        }),\n        on(actions.createInfo, (state: StateI, action): StateI => {\n            return {\n                ...state,\n                messages: addMessage(state.messages, {\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\n                    closeable: action.closeable ? action.closeable : true,\n                    id: state.nextId,\n                    message: action.messageText,\n                    severity: SpxSeverityEnum.info,\n                    title: action.title,\n                }),\n                nextId: state.nextId + 1\n            };\n        }),\n        on(actions.createSuccess, (state: StateI, action): StateI => {\n            return {\n                ...state,\n                messages: addMessage(state.messages, {\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\n                    closeable: action.closeable ? action.closeable : true,\n                    id: state.nextId,\n                    message: action.messageText,\n                    severity: SpxSeverityEnum.success,\n                    title: action.title,\n                }),\n                nextId: state.nextId + 1\n            };\n        }),\n        on(actions.createWarning, (state: StateI, action): StateI => {\n            return {\n                ...state,\n                messages: addMessage(state.messages, {\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\n                    closeable: action.closeable ? action.closeable : true,\n                    id: state.nextId,\n                    message: action.messageText,\n                    severity: SpxSeverityEnum.warning,\n                    title: action.title,\n                }),\n                nextId: state.nextId + 1\n            };\n        }),\n    ),\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.clearAll","actions.clearAllErrors","actions.clearAllErrorsAndWarnings","actions.clearMessage","actions.createError","actions.createInfo","actions.createSuccess","actions.createWarning"],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-toaster.mjs","sources":["../../../../projects/softpak/components/spx-toaster/src/spx-toaster-autoclose-speed.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.html","../../../../projects/softpak/components/spx-toaster/src/spx-toaster-message.interface.ts","../../../../projects/softpak/components/spx-toaster/store/spx-toaster/spx-toaster.actions.ts","../../../../projects/softpak/components/spx-toaster/store/spx-toaster/spx-toaster.initial.ts","../../../../projects/softpak/components/spx-toaster/store/spx-toaster/spx-toaster.reducer.ts","../../../../projects/softpak/components/spx-toaster/softpak-components-spx-toaster.ts"],"sourcesContent":["export enum SpxToasterSeverityEnum {\r\n    ERROR = 'error',\r\n    INFO = 'info',\r\n    SUCCESS = 'success',\r\n    WARNING = 'warning',\r\n}\r\n\r\nexport enum SpxToasterAutoCloseSpeedEnum {\r\n    DEFAULT = -1,\r\n    SLOW = -2,\r\n}\r\n\r\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\r\n    switch (autoCloseSpeed) {\r\n        case SpxToasterAutoCloseSpeedEnum.DEFAULT:\r\n            return Math.min(Math.max(messageText.length * 50, 2000), 7000);\r\n        case SpxToasterAutoCloseSpeedEnum.SLOW:\r\n            return Math.min(Math.max(messageText.length * 60, 3000), 10000);\r\n        default:\r\n            return autoCloseSpeed;\r\n    }\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  effect,\r\n  input,\r\n  output,\r\n} from '@angular/core';\r\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\r\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\r\n\r\n@Component({\r\n  selector: 'spx-toaster',\r\n  standalone: true,\r\n  imports: [SpxAlertComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrl: './spx-toaster.component.scss',\r\n  templateUrl: './spx-toaster.component.html',\r\n  host: {\r\n    class: 'spx-toasts-displayer',\r\n  },\r\n})\r\nexport class SpxToasterComponent {\r\n  messages = input.required<SpxToasterMessageI[]>();\r\n  readonly spxAutoclose = input<number>();\r\n  spxClose = output<number>();\r\n  constructor() {\r\n    effect(() => {\r\n      this.messages().forEach((message) => {\r\n        if (message.autoClose) {\r\n          setTimeout(() => {\r\n            this.handleClose(message.id);\r\n          }, message.autoClose);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  public handleClose(id: number) {\r\n    this.spxClose.emit(id);\r\n  }\r\n}\r\n","\r\n@if (messages().length > 0) {\r\n  <div\r\n    class=\"flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\r\n    @for (message of messages(); track message) {\r\n      <spx-alert\r\n        [spxAutoclose]=\"message.autoClose\"\r\n        [spxCloseable]=\"message.closeable\"\r\n        [spxSeverity]=\"message.severity\"\r\n        [spxTitle]=\"message.title\"\r\n        (spxClose)=\"handleClose(message.id)\"\r\n        (click)=\"handleClose(message.id)\"\r\n        [id]=\"message.id\"\r\n        >{{message.message}}\r\n      </spx-alert>\r\n    }\r\n  </div>\r\n}","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\r\nimport { SpxToasterAutoCloseSpeedEnum, toasterAutocloseSpeed } from \"./spx-toaster-autoclose-speed\";\r\n\r\nexport class SpxToasterMessageI {\r\n    private _autoClose?: number;\r\n    title?: string;\r\n    closeable?: boolean;\r\n    id!: number;\r\n    message!: string;\r\n    severity!: SpxSeverityEnum;\r\n    uniqueIdentifier?: string;\r\n\r\n    constructor(message: string, id: number, severity: SpxSeverityEnum, autoClose?: SpxToasterAutoCloseSpeedEnum, closeable?: boolean) {\r\n      this.autoClose = autoClose;\r\n      this.message = message || '';\r\n      this.id = id;\r\n      this.severity = severity;\r\n      this.closeable = closeable;\r\n    }\r\n\r\n    get autoClose(): number | undefined {\r\n      return this._autoClose;\r\n    }\r\n\r\n    set autoClose(value: number | undefined) {\r\n      if (value && value !== this._autoClose) {\r\n        this._autoClose = toasterAutocloseSpeed(value, this.message);\r\n      }\r\n    }\r\n\r\n}\r\n","import { createAction, props, union } from '@ngrx/store';\r\nimport { SpxToasterAutoCloseSpeedEnum } from '../../src/spx-toaster-autoclose-speed';\r\n\r\nexport const clearAll = createAction('[SPX / Toaster] Clear all', props<Record<string, unknown>>());\r\nexport const clearAllErrors = createAction('[SPX / Toaster] Clear all errors', props<Record<string, unknown>>());\r\nexport const clearAllErrorsAndWarnings = createAction('[SPX / Toaster] Clear all errors and warnings', props<Record<string, unknown>>());\r\nexport const clearMessage = createAction('[SPX / Toaster] Clear message', props<{ id: number }>());\r\nexport const createError = createAction('[SPX / Toaster] Create error', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\r\nexport const createInfo = createAction('[SPX / Toaster] Create info', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\r\nexport const createSuccess = createAction('[SPX / Toaster] Create success', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\r\nexport const createWarning = createAction('[SPX / Toaster] Create warning', props<{ autoClose?: number | SpxToasterAutoCloseSpeedEnum, closeable?: boolean, messageText: string, title?: string }>());\r\n\r\nconst all = union({\r\n    clearAll,\r\n    clearAllErrors,\r\n    clearAllErrorsAndWarnings,\r\n    clearMessage,\r\n    createError,\r\n    createInfo,\r\n    createSuccess,\r\n    createWarning,\r\n});\r\n\r\nexport type Actions = typeof all;\r\n","import { StateI } from \"./spx-toaster.state\";\r\n\r\nexport const initialState: StateI = {\r\n    messages: [],\r\n    nextId: 1,\r\n};\r\n","\r\nimport * as actions from './spx-toaster.actions';\r\nimport { createFeature, createReducer, on } from '@ngrx/store';\r\nimport { StateI } from './spx-toaster.state';\r\nimport { initialState } from './spx-toaster.initial';\r\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\r\nimport { toasterAutocloseSpeed } from '../../src/spx-toaster-autoclose-speed';\r\nimport { SpxToasterMessageI } from '../../src/spx-toaster-message.interface';\r\n \r\nexport function addMessage(\r\n    currentMessages: SpxToasterMessageI[], newMessage: SpxToasterMessageI): SpxToasterMessageI[] {\r\n    const messages = [new SpxToasterMessageI(\r\n      newMessage.message,\r\n        newMessage.id,\r\n        newMessage.severity,\r\n        newMessage.autoClose ? newMessage.autoClose : undefined,\r\n        newMessage.closeable ? newMessage.closeable : true,\r\n    ), ...currentMessages];\r\n    if (messages.length > 5) {\r\n        messages.length = 5;\r\n    }\r\n    return messages;\r\n}\r\n\r\nexport default createFeature({\r\n    name: 'spxToaster',\r\n    reducer: createReducer(\r\n        initialState,\r\n        on(actions.clearAll, (state: StateI): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: []\r\n            };\r\n        }),\r\n        on(actions.clearAllErrors, (state: StateI): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: [...state.messages.filter(msg => msg.severity !== SpxSeverityEnum.error)]\r\n            };\r\n        }),\r\n        on(actions.clearAllErrorsAndWarnings, (state: StateI): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: [...state.messages.filter(msg => msg.severity !== SpxSeverityEnum.error &&\r\n                    msg.severity !== SpxSeverityEnum.warning)]\r\n            };\r\n        }),\r\n        on(actions.clearMessage, (state: StateI, action): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: [...state.messages.filter(msg => msg.id !== action.id)]\r\n            };\r\n        }),\r\n        on(actions.createError, (state: StateI, action): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: addMessage(state.messages, {\r\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\r\n                    closeable: action.closeable ? action.closeable : true,\r\n                    id: state.nextId,\r\n                    message: action.messageText,\r\n                    severity: SpxSeverityEnum.error,\r\n                    title: action.title,\r\n                }),\r\n                nextId: state.nextId + 1\r\n            };\r\n        }),\r\n        on(actions.createInfo, (state: StateI, action): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: addMessage(state.messages, {\r\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\r\n                    closeable: action.closeable ? action.closeable : true,\r\n                    id: state.nextId,\r\n                    message: action.messageText,\r\n                    severity: SpxSeverityEnum.info,\r\n                    title: action.title,\r\n                }),\r\n                nextId: state.nextId + 1\r\n            };\r\n        }),\r\n        on(actions.createSuccess, (state: StateI, action): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: addMessage(state.messages, {\r\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\r\n                    closeable: action.closeable ? action.closeable : true,\r\n                    id: state.nextId,\r\n                    message: action.messageText,\r\n                    severity: SpxSeverityEnum.success,\r\n                    title: action.title,\r\n                }),\r\n                nextId: state.nextId + 1\r\n            };\r\n        }),\r\n        on(actions.createWarning, (state: StateI, action): StateI => {\r\n            return {\r\n                ...state,\r\n                messages: addMessage(state.messages, {\r\n                    autoClose: action.autoClose ? toasterAutocloseSpeed(action.autoClose, action.messageText) : undefined,\r\n                    closeable: action.closeable ? action.closeable : true,\r\n                    id: state.nextId,\r\n                    message: action.messageText,\r\n                    severity: SpxSeverityEnum.warning,\r\n                    title: action.title,\r\n                }),\r\n                nextId: state.nextId + 1\r\n            };\r\n        }),\r\n    ),\r\n});\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.clearAll","actions.clearAllErrors","actions.clearAllErrorsAndWarnings","actions.clearMessage","actions.createError","actions.createInfo","actions.createSuccess","actions.createWarning"],"mappings":"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"}

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

@@ -17,13 +17,13 @@ class SpxToggleComponent {
         this.control()?.setValue(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: SpxToggleComponent, isStandalone: true, selector: "spx-toggle", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, spxToggled: { classPropertyName: "spxToggled", publicName: "spxToggled", isSignal: true, isRequired: false, transformFunction: null }, spxLabelPlacement: { classPropertyName: "spxLabelPlacement", publicName: "spxLabelPlacement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxToggled: "spxToggledChange" }, ngImport: i0, template: "<label class=\"inline-flex items-center\">\n  <input type=\"checkbox\" class=\"sr-only peer\" [ngModel]=\"spxToggled()\" (ngModelChange)=\"onValueChange($event)\">\n  <div\n   class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none cursor-pointer\n   peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\n   rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\n   after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \n   after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\n    <span class=\"ms-3 font-medium text-gray-900 dark:text-black\">\n      <ng-content>\n    </ng-content>\n  </span>\n  \n</label>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: SpxToggleComponent, isStandalone: true, selector: "spx-toggle", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, spxToggled: { classPropertyName: "spxToggled", publicName: "spxToggled", isSignal: true, isRequired: false, transformFunction: null }, spxLabelPlacement: { classPropertyName: "spxLabelPlacement", publicName: "spxLabelPlacement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxToggled: "spxToggledChange" }, ngImport: i0, template: "<label class=\"inline-flex items-center\">\r\n  <input type=\"checkbox\" class=\"sr-only peer\" [ngModel]=\"spxToggled()\" (ngModelChange)=\"onValueChange($event)\">\r\n  <div\r\n   class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none cursor-pointer\r\n   peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\r\n   rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\r\n   after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \r\n   after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\r\n    <span class=\"ms-3 font-medium text-gray-900 dark:text-black\">\r\n      <ng-content>\r\n    </ng-content>\r\n  </span>\r\n  \r\n</label>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-toggle', standalone: true, imports: [
                         FormsModule
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"inline-flex items-center\">\n  <input type=\"checkbox\" class=\"sr-only peer\" [ngModel]=\"spxToggled()\" (ngModelChange)=\"onValueChange($event)\">\n  <div\n   class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none cursor-pointer\n   peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\n   rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\n   after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \n   after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\n    <span class=\"ms-3 font-medium text-gray-900 dark:text-black\">\n      <ng-content>\n    </ng-content>\n  </span>\n  \n</label>" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"inline-flex items-center\">\r\n  <input type=\"checkbox\" class=\"sr-only peer\" [ngModel]=\"spxToggled()\" (ngModelChange)=\"onValueChange($event)\">\r\n  <div\r\n   class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none cursor-pointer\r\n   peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\r\n   rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\r\n   after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \r\n   after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\r\n    <span class=\"ms-3 font-medium text-gray-900 dark:text-black\">\r\n      <ng-content>\r\n    </ng-content>\r\n  </span>\r\n  \r\n</label>" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-toggle.mjs","sources":["../../../../projects/softpak/components/spx-toggle/src/spx-toggle.component.ts","../../../../projects/softpak/components/spx-toggle/src/spx-toggle.component.html","../../../../projects/softpak/components/spx-toggle/softpak-components-spx-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, model, OnInit } from \"@angular/core\";\nimport { FormControl, FormsModule } from \"@angular/forms\";\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'spx-toggle',\n    standalone: true,\n    imports: [\n      FormsModule\n    ],\n    templateUrl: './spx-toggle.component.html',\n    styleUrl: './spx-toggle.component.css',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SpxToggleComponent implements OnInit {\n  control = input<FormControl>();\n  spxToggled = model<boolean>(false);\n  spxLabelPlacement = input<'end' | 'start'>(\"end\");\n\n  ngOnInit()  {\n    const toggled = this.control()?.value === true;\n    this.spxToggled.set(toggled);\n  }\n\n  onValueChange(value: boolean) {\n    this.control()?.setValue(value);\n  }\n\n}","<label class=\"inline-flex items-center\">\n  <input type=\"checkbox\" class=\"sr-only peer\" [ngModel]=\"spxToggled()\" (ngModelChange)=\"onValueChange($event)\">\n  <div\n   class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none cursor-pointer\n   peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\n   rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\n   after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \n   after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\n    <span class=\"ms-3 font-medium text-gray-900 dark:text-black\">\n      <ng-content>\n    </ng-content>\n  </span>\n  \n</label>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAca,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYE,IAAO,CAAA,OAAA,GAAG,KAAK,EAAe;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,KAAK,CAAC;AAClC,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAkB,KAAK,CAAC;AAWlD;IATC,QAAQ,GAAA;QACN,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,KAAK,IAAI;AAC9C,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC;;AAG9B,IAAA,aAAa,CAAC,KAAc,EAAA;QAC1B,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC;;8GAXtB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd/B,k3BAaQ,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLF,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMJ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;+BAEI,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP;qBACD,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,k3BAAA,EAAA;;;AEZnD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-toggle.mjs","sources":["../../../../projects/softpak/components/spx-toggle/src/spx-toggle.component.ts","../../../../projects/softpak/components/spx-toggle/src/spx-toggle.component.html","../../../../projects/softpak/components/spx-toggle/softpak-components-spx-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, model, OnInit } from \"@angular/core\";\r\nimport { FormControl, FormsModule } from \"@angular/forms\";\r\n\r\n@Component({\r\n    // eslint-disable-next-line @angular-eslint/component-selector\r\n    selector: 'spx-toggle',\r\n    standalone: true,\r\n    imports: [\r\n      FormsModule\r\n    ],\r\n    templateUrl: './spx-toggle.component.html',\r\n    styleUrl: './spx-toggle.component.css',\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxToggleComponent implements OnInit {\r\n  control = input<FormControl>();\r\n  spxToggled = model<boolean>(false);\r\n  spxLabelPlacement = input<'end' | 'start'>(\"end\");\r\n\r\n  ngOnInit()  {\r\n    const toggled = this.control()?.value === true;\r\n    this.spxToggled.set(toggled);\r\n  }\r\n\r\n  onValueChange(value: boolean) {\r\n    this.control()?.setValue(value);\r\n  }\r\n\r\n}","<label class=\"inline-flex items-center\">\r\n  <input type=\"checkbox\" class=\"sr-only peer\" [ngModel]=\"spxToggled()\" (ngModelChange)=\"onValueChange($event)\">\r\n  <div\r\n   class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none cursor-pointer\r\n   peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\r\n   rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\r\n   after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \r\n   after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\r\n    <span class=\"ms-3 font-medium text-gray-900 dark:text-black\">\r\n      <ng-content>\r\n    </ng-content>\r\n  </span>\r\n  \r\n</label>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAca,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYE,IAAO,CAAA,OAAA,GAAG,KAAK,EAAe;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,KAAK,CAAC;AAClC,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAkB,KAAK,CAAC;AAWlD;IATC,QAAQ,GAAA;QACN,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,KAAK,IAAI;AAC9C,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC;;AAG9B,IAAA,aAAa,CAAC,KAAc,EAAA;QAC1B,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC;;8GAXtB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd/B,44BAaQ,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLF,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMJ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;+BAEI,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP;qBACD,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,44BAAA,EAAA;;;AEZnD;;AAEG;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-translate.mjs","sources":["../../../../projects/softpak/components/spx-translate/spx-translate._const.ts","../../../../projects/softpak/components/spx-translate/spx-translate.en.ts","../../../../projects/softpak/components/spx-translate/spx-translate.nl.ts","../../../../projects/softpak/components/spx-translate/softpak-components-spx-translate.ts"],"sourcesContent":["export const spxTextCheckingForUpdates = 'spxTextCheckingForUpdates';\nexport const spxTextOneMomentPlease = 'spxTextOneMomentPlease';\nexport const spxTextPatchAvailable = 'spxTextPatchAvailable';\nexport const spxTextUpdateAvailable = 'spxTextUpdateAvailable';\nexport const spxTextReadyToBeInstalled = 'spxTextReadyToBeInstalled';\nexport const spxTextUpdate = 'spxTextUpdate';\nexport const spxTextOpenAppStore = 'spxTextOpenAppStore';\nexport const spxTextChannel = 'spxTextChannel';\nexport const spxTextCompany = 'spxTextCompany';\nexport const spxTextSelect = 'spxTextSelect';\nexport const spxTextSelectYourCompany = 'spxSelectYourCompany';\nexport const spxTextChange = 'spxTextChange';\nexport const spxText404PageNotFound = \"spxText404PageNotFound\";\nexport const spxTextPageNotFound = \"spxTextPageNotFound\";\nexport const spxTextPageNotFoundDescription = \"spxTextPageNotFoundDescription\";\nexport const spxTextGoHome = \"spxTextGoHome\";\n\nexport interface SpxTranslateI {\n  [spxTextChange]: string;\n  [spxTextCheckingForUpdates]: string;\n  [spxTextOneMomentPlease]: string;\n  [spxTextPatchAvailable]: string;\n  [spxTextUpdateAvailable]: string;\n  [spxTextReadyToBeInstalled]: string;\n  [spxTextUpdate]: string;\n  [spxTextOpenAppStore]: string;\n  [spxTextChannel]: string;\n  [spxTextCompany]: string;\n  [spxTextSelect]: string;\n  [spxTextSelectYourCompany]: string;\n  [spxText404PageNotFound]: string;\n  [spxTextPageNotFound]: string;\n  [spxTextPageNotFoundDescription]: string;\n  [spxTextGoHome]: string;\n}\n","import { spxText404PageNotFound, spxTextChange, spxTextChannel, spxTextCheckingForUpdates, spxTextCompany, spxTextGoHome, spxTextOneMomentPlease, spxTextOpenAppStore, spxTextPageNotFound, spxTextPageNotFoundDescription, spxTextPatchAvailable, spxTextReadyToBeInstalled, spxTextSelect, spxTextSelectYourCompany, spxTextUpdate, spxTextUpdateAvailable, SpxTranslateI } from \"./spx-translate._const\";\n\nexport const SpxTranslateEn: SpxTranslateI = {\n  [spxTextCheckingForUpdates]: 'checking for updates',\n  [spxTextOneMomentPlease]: 'one moment please',\n  [spxTextReadyToBeInstalled]: 'ready to be installed',\n  [spxTextPatchAvailable]: 'patch available',\n  [spxTextUpdateAvailable]: 'update available',\n  [spxTextUpdate]: 'update',\n  [spxTextOpenAppStore]: 'open app store',\n  [spxTextChannel]: 'channel',\n  [spxTextCompany]: 'company',\n  [spxTextSelect]: 'select',\n  [spxTextSelectYourCompany]: 'select your company',\n  [spxTextChange]: 'change',\n  [spxText404PageNotFound]: \"404 page not found\",\n  [spxTextPageNotFound]: \"Page not found\",\n  [spxTextPageNotFoundDescription]: \"Sorry, the page you’re looking for doesn’t exist or has been moved.\",\n  [spxTextGoHome]: \"Go home\"\n}\n","import { spxText404PageNotFound, spxTextChange, spxTextChannel, spxTextCheckingForUpdates, spxTextCompany, spxTextGoHome, spxTextOneMomentPlease, spxTextOpenAppStore, spxTextPageNotFound, spxTextPageNotFoundDescription, spxTextPatchAvailable, spxTextReadyToBeInstalled, spxTextSelect, spxTextSelectYourCompany, spxTextUpdate, spxTextUpdateAvailable, SpxTranslateI } from \"./spx-translate._const\";\n\nexport const SpxTranslateNl: SpxTranslateI = {\n  [spxTextCheckingForUpdates]: 'controleren op updates',\n  [spxTextOneMomentPlease]: 'een moment geduld alstublieft',\n  [spxTextReadyToBeInstalled]: 'ready to be installed',\n  [spxTextPatchAvailable]: 'patch available',\n  [spxTextUpdateAvailable]: 'update available',\n  [spxTextUpdate]: 'updaten',\n  [spxTextOpenAppStore]: 'open app store',\n  [spxTextChannel]: 'kanaal',\n  [spxTextCompany]: 'bedrijf',\n  [spxTextSelect]: 'selecteer',\n  [spxTextSelectYourCompany]: 'selecteer uw bedrijf',\n  [spxTextChange]: 'wissel',\n  [spxText404PageNotFound]: \"404 pagina niet gevonden\",\n  [spxTextPageNotFound]: \"Pagina niet gevonden\",\n  [spxTextPageNotFoundDescription]: \"Sorry, de pagina die u zoekt bestaat niet of is verplaatst.\",\n  [spxTextGoHome]: \"Ga naar het hoofdscherm\"\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,yBAAyB,GAAG;AAClC,MAAM,sBAAsB,GAAG;AAC/B,MAAM,qBAAqB,GAAG;AAC9B,MAAM,sBAAsB,GAAG;AAC/B,MAAM,yBAAyB,GAAG;AAClC,MAAM,aAAa,GAAG;AACtB,MAAM,mBAAmB,GAAG;AAC5B,MAAM,cAAc,GAAG;AACvB,MAAM,cAAc,GAAG;AACvB,MAAM,aAAa,GAAG;AACtB,MAAM,wBAAwB,GAAG;AACjC,MAAM,aAAa,GAAG;AACtB,MAAM,sBAAsB,GAAG;AAC/B,MAAM,mBAAmB,GAAG;AAC5B,MAAM,8BAA8B,GAAG;AACvC,MAAM,aAAa,GAAG;;ACbhB,MAAA,cAAc,GAAkB;IAC3C,CAAC,yBAAyB,GAAG,sBAAsB;IACnD,CAAC,sBAAsB,GAAG,mBAAmB;IAC7C,CAAC,yBAAyB,GAAG,uBAAuB;IACpD,CAAC,qBAAqB,GAAG,iBAAiB;IAC1C,CAAC,sBAAsB,GAAG,kBAAkB;IAC5C,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,mBAAmB,GAAG,gBAAgB;IACvC,CAAC,cAAc,GAAG,SAAS;IAC3B,CAAC,cAAc,GAAG,SAAS;IAC3B,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,wBAAwB,GAAG,qBAAqB;IACjD,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,sBAAsB,GAAG,oBAAoB;IAC9C,CAAC,mBAAmB,GAAG,gBAAgB;IACvC,CAAC,8BAA8B,GAAG,qEAAqE;IACvG,CAAC,aAAa,GAAG;;;AChBN,MAAA,cAAc,GAAkB;IAC3C,CAAC,yBAAyB,GAAG,wBAAwB;IACrD,CAAC,sBAAsB,GAAG,+BAA+B;IACzD,CAAC,yBAAyB,GAAG,uBAAuB;IACpD,CAAC,qBAAqB,GAAG,iBAAiB;IAC1C,CAAC,sBAAsB,GAAG,kBAAkB;IAC5C,CAAC,aAAa,GAAG,SAAS;IAC1B,CAAC,mBAAmB,GAAG,gBAAgB;IACvC,CAAC,cAAc,GAAG,QAAQ;IAC1B,CAAC,cAAc,GAAG,SAAS;IAC3B,CAAC,aAAa,GAAG,WAAW;IAC5B,CAAC,wBAAwB,GAAG,sBAAsB;IAClD,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,sBAAsB,GAAG,0BAA0B;IACpD,CAAC,mBAAmB,GAAG,sBAAsB;IAC7C,CAAC,8BAA8B,GAAG,6DAA6D;IAC/F,CAAC,aAAa,GAAG;;;AClBnB;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-translate.mjs","sources":["../../../../projects/softpak/components/spx-translate/spx-translate._const.ts","../../../../projects/softpak/components/spx-translate/spx-translate.en.ts","../../../../projects/softpak/components/spx-translate/spx-translate.nl.ts","../../../../projects/softpak/components/spx-translate/softpak-components-spx-translate.ts"],"sourcesContent":["export const spxTextCheckingForUpdates = 'spxTextCheckingForUpdates';\r\nexport const spxTextOneMomentPlease = 'spxTextOneMomentPlease';\r\nexport const spxTextPatchAvailable = 'spxTextPatchAvailable';\r\nexport const spxTextUpdateAvailable = 'spxTextUpdateAvailable';\r\nexport const spxTextReadyToBeInstalled = 'spxTextReadyToBeInstalled';\r\nexport const spxTextUpdate = 'spxTextUpdate';\r\nexport const spxTextOpenAppStore = 'spxTextOpenAppStore';\r\nexport const spxTextChannel = 'spxTextChannel';\r\nexport const spxTextCompany = 'spxTextCompany';\r\nexport const spxTextSelect = 'spxTextSelect';\r\nexport const spxTextSelectYourCompany = 'spxSelectYourCompany';\r\nexport const spxTextChange = 'spxTextChange';\r\nexport const spxText404PageNotFound = \"spxText404PageNotFound\";\r\nexport const spxTextPageNotFound = \"spxTextPageNotFound\";\r\nexport const spxTextPageNotFoundDescription = \"spxTextPageNotFoundDescription\";\r\nexport const spxTextGoHome = \"spxTextGoHome\";\r\n\r\nexport interface SpxTranslateI {\r\n  [spxTextChange]: string;\r\n  [spxTextCheckingForUpdates]: string;\r\n  [spxTextOneMomentPlease]: string;\r\n  [spxTextPatchAvailable]: string;\r\n  [spxTextUpdateAvailable]: string;\r\n  [spxTextReadyToBeInstalled]: string;\r\n  [spxTextUpdate]: string;\r\n  [spxTextOpenAppStore]: string;\r\n  [spxTextChannel]: string;\r\n  [spxTextCompany]: string;\r\n  [spxTextSelect]: string;\r\n  [spxTextSelectYourCompany]: string;\r\n  [spxText404PageNotFound]: string;\r\n  [spxTextPageNotFound]: string;\r\n  [spxTextPageNotFoundDescription]: string;\r\n  [spxTextGoHome]: string;\r\n}\r\n","import { spxText404PageNotFound, spxTextChange, spxTextChannel, spxTextCheckingForUpdates, spxTextCompany, spxTextGoHome, spxTextOneMomentPlease, spxTextOpenAppStore, spxTextPageNotFound, spxTextPageNotFoundDescription, spxTextPatchAvailable, spxTextReadyToBeInstalled, spxTextSelect, spxTextSelectYourCompany, spxTextUpdate, spxTextUpdateAvailable, SpxTranslateI } from \"./spx-translate._const\";\r\n\r\nexport const SpxTranslateEn: SpxTranslateI = {\r\n  [spxTextCheckingForUpdates]: 'checking for updates',\r\n  [spxTextOneMomentPlease]: 'one moment please',\r\n  [spxTextReadyToBeInstalled]: 'ready to be installed',\r\n  [spxTextPatchAvailable]: 'patch available',\r\n  [spxTextUpdateAvailable]: 'update available',\r\n  [spxTextUpdate]: 'update',\r\n  [spxTextOpenAppStore]: 'open app store',\r\n  [spxTextChannel]: 'channel',\r\n  [spxTextCompany]: 'company',\r\n  [spxTextSelect]: 'select',\r\n  [spxTextSelectYourCompany]: 'select your company',\r\n  [spxTextChange]: 'change',\r\n  [spxText404PageNotFound]: \"404 page not found\",\r\n  [spxTextPageNotFound]: \"Page not found\",\r\n  [spxTextPageNotFoundDescription]: \"Sorry, the page you’re looking for doesn’t exist or has been moved.\",\r\n  [spxTextGoHome]: \"Go home\"\r\n}\r\n","import { spxText404PageNotFound, spxTextChange, spxTextChannel, spxTextCheckingForUpdates, spxTextCompany, spxTextGoHome, spxTextOneMomentPlease, spxTextOpenAppStore, spxTextPageNotFound, spxTextPageNotFoundDescription, spxTextPatchAvailable, spxTextReadyToBeInstalled, spxTextSelect, spxTextSelectYourCompany, spxTextUpdate, spxTextUpdateAvailable, SpxTranslateI } from \"./spx-translate._const\";\r\n\r\nexport const SpxTranslateNl: SpxTranslateI = {\r\n  [spxTextCheckingForUpdates]: 'controleren op updates',\r\n  [spxTextOneMomentPlease]: 'een moment geduld alstublieft',\r\n  [spxTextReadyToBeInstalled]: 'ready to be installed',\r\n  [spxTextPatchAvailable]: 'patch available',\r\n  [spxTextUpdateAvailable]: 'update available',\r\n  [spxTextUpdate]: 'updaten',\r\n  [spxTextOpenAppStore]: 'open app store',\r\n  [spxTextChannel]: 'kanaal',\r\n  [spxTextCompany]: 'bedrijf',\r\n  [spxTextSelect]: 'selecteer',\r\n  [spxTextSelectYourCompany]: 'selecteer uw bedrijf',\r\n  [spxTextChange]: 'wissel',\r\n  [spxText404PageNotFound]: \"404 pagina niet gevonden\",\r\n  [spxTextPageNotFound]: \"Pagina niet gevonden\",\r\n  [spxTextPageNotFoundDescription]: \"Sorry, de pagina die u zoekt bestaat niet of is verplaatst.\",\r\n  [spxTextGoHome]: \"Ga naar het hoofdscherm\"\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,yBAAyB,GAAG;AAClC,MAAM,sBAAsB,GAAG;AAC/B,MAAM,qBAAqB,GAAG;AAC9B,MAAM,sBAAsB,GAAG;AAC/B,MAAM,yBAAyB,GAAG;AAClC,MAAM,aAAa,GAAG;AACtB,MAAM,mBAAmB,GAAG;AAC5B,MAAM,cAAc,GAAG;AACvB,MAAM,cAAc,GAAG;AACvB,MAAM,aAAa,GAAG;AACtB,MAAM,wBAAwB,GAAG;AACjC,MAAM,aAAa,GAAG;AACtB,MAAM,sBAAsB,GAAG;AAC/B,MAAM,mBAAmB,GAAG;AAC5B,MAAM,8BAA8B,GAAG;AACvC,MAAM,aAAa,GAAG;;ACbhB,MAAA,cAAc,GAAkB;IAC3C,CAAC,yBAAyB,GAAG,sBAAsB;IACnD,CAAC,sBAAsB,GAAG,mBAAmB;IAC7C,CAAC,yBAAyB,GAAG,uBAAuB;IACpD,CAAC,qBAAqB,GAAG,iBAAiB;IAC1C,CAAC,sBAAsB,GAAG,kBAAkB;IAC5C,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,mBAAmB,GAAG,gBAAgB;IACvC,CAAC,cAAc,GAAG,SAAS;IAC3B,CAAC,cAAc,GAAG,SAAS;IAC3B,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,wBAAwB,GAAG,qBAAqB;IACjD,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,sBAAsB,GAAG,oBAAoB;IAC9C,CAAC,mBAAmB,GAAG,gBAAgB;IACvC,CAAC,8BAA8B,GAAG,qEAAqE;IACvG,CAAC,aAAa,GAAG;;;AChBN,MAAA,cAAc,GAAkB;IAC3C,CAAC,yBAAyB,GAAG,wBAAwB;IACrD,CAAC,sBAAsB,GAAG,+BAA+B;IACzD,CAAC,yBAAyB,GAAG,uBAAuB;IACpD,CAAC,qBAAqB,GAAG,iBAAiB;IAC1C,CAAC,sBAAsB,GAAG,kBAAkB;IAC5C,CAAC,aAAa,GAAG,SAAS;IAC1B,CAAC,mBAAmB,GAAG,gBAAgB;IACvC,CAAC,cAAc,GAAG,QAAQ;IAC1B,CAAC,cAAc,GAAG,SAAS;IAC3B,CAAC,aAAa,GAAG,WAAW;IAC5B,CAAC,wBAAwB,GAAG,sBAAsB;IAClD,CAAC,aAAa,GAAG,QAAQ;IACzB,CAAC,sBAAsB,GAAG,0BAA0B;IACpD,CAAC,mBAAmB,GAAG,sBAAsB;IAC7C,CAAC,8BAA8B,GAAG,6DAA6D;IAC/F,CAAC,aAAa,GAAG;;;AClBnB;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, signal, Injectable } from '@angular/core';
+import { Component, signal, ChangeDetectionStrategy, Injectable } from '@angular/core';
 import { TranslatePipe } from '@ngx-translate/core';
 import * as i3 from '@ionic/angular/standalone';
 import { IonContent, IonHeader, IonToolbar, IonTitle } from '@ionic/angular/standalone';
@@ -131,7 +131,7 @@ class SpxUpdatePageComponent {
         console.log('UPD constructor');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxUpdatePageComponent, deps: [{ token: i1.Store }, { token: i2.ActivatedRoute }, { token: i3.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SpxUpdatePageComponent, isStandalone: true, selector: "spx-update-page", ngImport: i0, template: "<ion-header>\n    <ion-toolbar>\n        <ion-title>\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\n        </ion-title>\n    </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n    {{ spxTextOneMomentPlease | translate | capitalize }}...\n</ion-content>\n", dependencies: [{ kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { 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: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SpxUpdatePageComponent, isStandalone: true, selector: "spx-update-page", ngImport: i0, template: "<ion-header>\r\n    <ion-toolbar>\r\n        <ion-title>\r\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\r\n        </ion-title>\r\n    </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content class=\"ion-padding\">\r\n    {{ spxTextOneMomentPlease | translate | capitalize }}...\r\n</ion-content>\r\n", dependencies: [{ kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { 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: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxUpdatePageComponent, decorators: [{
             type: Component,
@@ -142,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                         IonTitle,
                         SpxCapitalizePipe,
                         TranslatePipe,
-                    ], template: "<ion-header>\n    <ion-toolbar>\n        <ion-title>\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\n        </ion-title>\n    </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n    {{ spxTextOneMomentPlease | translate | capitalize }}...\n</ion-content>\n" }]
+                    ], template: "<ion-header>\r\n    <ion-toolbar>\r\n        <ion-title>\r\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\r\n        </ion-title>\r\n    </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content class=\"ion-padding\">\r\n    {{ spxTextOneMomentPlease | translate | capitalize }}...\r\n</ion-content>\r\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.ActivatedRoute }, { type: i3.NavController }] });
 
 const acceptUpdate = createAction('[SPX / Update Pending] Accept update', props());
@@ -235,7 +235,7 @@ class SpxUpdatePendingComponent {
         this.appStore.dispatch(acceptUpdate({}));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxUpdatePendingComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxUpdatePendingComponent, isStandalone: true, selector: "spx-update-pending", ngImport: i0, template: "@if (showLiveUpdateReady()) {\n<div class=\"bg-zinc-700 text-black p-3 rounded flex gap-3 mx-auto max-w-lg items-center\">\n    <div class=\"grow\">\n        <p\n            class=\"text-xl font-extrabold bg-clip-text text-transparent bg-[linear-gradient(to_right,theme(colors.green.300),theme(colors.green.100),theme(colors.sky.400),theme(colors.yellow.200),theme(colors.sky.400),theme(colors.green.100),theme(colors.green.300))] bg-[length:200%_auto] animate-gradient\">\n            {{ spxTextPatchAvailable | translate | capitalize }}</p>\n        <div class=\"text-sm text-zinc-300\">{{ spxTextReadyToBeInstalled | translate | capitalize }}</div>\n    </div>\n    <spx-button [spxSeverity]=\"severitySuccess\" (spxClick)=\"onUpdate()\">{{ spxTextUpdate | translate | capitalize\n        }}</spx-button>\n</div>\n}", dependencies: [{ 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxUpdatePendingComponent, isStandalone: true, selector: "spx-update-pending", ngImport: i0, template: "@if (showLiveUpdateReady()) {\r\n<div class=\"bg-zinc-700 text-black p-3 rounded flex gap-3 mx-auto max-w-lg items-center\">\r\n    <div class=\"grow\">\r\n        <p\r\n            class=\"text-xl font-extrabold bg-clip-text text-transparent bg-[linear-gradient(to_right,theme(colors.green.300),theme(colors.green.100),theme(colors.sky.400),theme(colors.yellow.200),theme(colors.sky.400),theme(colors.green.100),theme(colors.green.300))] bg-[length:200%_auto] animate-gradient\">\r\n            {{ spxTextPatchAvailable | translate | capitalize }}</p>\r\n        <div class=\"text-sm text-zinc-300\">{{ spxTextReadyToBeInstalled | translate | capitalize }}</div>\r\n    </div>\r\n    <spx-button [spxSeverity]=\"severitySuccess\" (spxClick)=\"onUpdate()\">{{ spxTextUpdate | translate | capitalize\r\n        }}</spx-button>\r\n</div>\r\n}", dependencies: [{ 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxUpdatePendingComponent, decorators: [{
             type: Component,
@@ -243,7 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                         SpxButtonComponent,
                         SpxCapitalizePipe,
                         TranslatePipe,
-                    ], template: "@if (showLiveUpdateReady()) {\n<div class=\"bg-zinc-700 text-black p-3 rounded flex gap-3 mx-auto max-w-lg items-center\">\n    <div class=\"grow\">\n        <p\n            class=\"text-xl font-extrabold bg-clip-text text-transparent bg-[linear-gradient(to_right,theme(colors.green.300),theme(colors.green.100),theme(colors.sky.400),theme(colors.yellow.200),theme(colors.sky.400),theme(colors.green.100),theme(colors.green.300))] bg-[length:200%_auto] animate-gradient\">\n            {{ spxTextPatchAvailable | translate | capitalize }}</p>\n        <div class=\"text-sm text-zinc-300\">{{ spxTextReadyToBeInstalled | translate | capitalize }}</div>\n    </div>\n    <spx-button [spxSeverity]=\"severitySuccess\" (spxClick)=\"onUpdate()\">{{ spxTextUpdate | translate | capitalize\n        }}</spx-button>\n</div>\n}" }]
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showLiveUpdateReady()) {\r\n<div class=\"bg-zinc-700 text-black p-3 rounded flex gap-3 mx-auto max-w-lg items-center\">\r\n    <div class=\"grow\">\r\n        <p\r\n            class=\"text-xl font-extrabold bg-clip-text text-transparent bg-[linear-gradient(to_right,theme(colors.green.300),theme(colors.green.100),theme(colors.sky.400),theme(colors.yellow.200),theme(colors.sky.400),theme(colors.green.100),theme(colors.green.300))] bg-[length:200%_auto] animate-gradient\">\r\n            {{ spxTextPatchAvailable | translate | capitalize }}</p>\r\n        <div class=\"text-sm text-zinc-300\">{{ spxTextReadyToBeInstalled | translate | capitalize }}</div>\r\n    </div>\r\n    <spx-button [spxSeverity]=\"severitySuccess\" (spxClick)=\"onUpdate()\">{{ spxTextUpdate | translate | capitalize\r\n        }}</spx-button>\r\n</div>\r\n}" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
 
 const spxUpdateUrl = '';