@softpak/components 19.17.0 → 19.18.0

package/README.md

@@ -1,24 +1,24 @@
-# NgComponents
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.1.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
-> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# NgComponents
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.1.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
+> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/fesm2022/softpak-components-spx-404-page.mjs

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { TranslatePipe } from '@ngx-translate/core';
+import * as i2 from '@ionic/angular/standalone';
+import { IonButtons, IonContent, IonHeader, IonToolbar, IonTitle } from '@ionic/angular/standalone';
+import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
+import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { spxText404PageNotFound, spxTextPageNotFound, spxTextPageNotFoundDescription, spxTextGoHome } from '@softpak/components/spx-translate';
+import * as i1 from '@angular/router';
+
+class Spx404PageComponent {
+    goHome() {
+        if (this.activatedRoute.snapshot.data['url'] === undefined) {
+            console.error('configure data property \'url\' in route for update page');
+        }
+        this.navController.navigateRoot(this.activatedRoute.snapshot.data['url']);
+    }
+    constructor(activatedRoute, navController) {
+        this.activatedRoute = activatedRoute;
+        this.navController = navController;
+        this.spxText404PageNotFound = spxText404PageNotFound;
+        this.spxTextPageNotFound = spxTextPageNotFound;
+        this.spxTextPageNotFoundDescription = spxTextPageNotFoundDescription;
+        this.spxTextGoHome = spxTextGoHome;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: Spx404PageComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: Spx404PageComponent, isStandalone: true, selector: "spx-404-page", ngImport: i0, template: "<ion-header>\r\n    <ion-toolbar>\r\n        <ion-title>\r\n            {{ spxText404PageNotFound | translate | capitalize }}\r\n        </ion-title>\r\n        <ion-buttons slot=\"end\">\r\n        </ion-buttons>\r\n    </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content class=\"flex items-center justify-center min-h-screen bg-white dark:bg-gray-900 ion-padding\">\r\n  <div class=\"text-center p-6\">\r\n    <h1 class=\"text-7xl font-bold text-indigo-600 dark:text-indigo-400\">404</h1>\r\n    <h2 class=\"mt-4 text-2xl font-semibold text-gray-800 dark:text-white\"> {{ spxTextPageNotFound | translate | capitalize }} </h2>\r\n    <p class=\"mt-2 text-gray-600 dark:text-gray-400\">\r\n      {{ spxTextPageNotFoundDescription | translate | capitalize }}\r\n    </p>\r\n    <div class=\"py-2\">\r\n      <spx-button (spxClick)=\"goHome()\">\r\n        {{ spxTextGoHome | translate | capitalize }}\r\n      </spx-button>\r\n    </div>\r\n  </div>\r\n</ion-content>", dependencies: [{ 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: "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" }, { 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: Spx404PageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-404-page', imports: [IonButtons,
+                        IonContent,
+                        IonHeader,
+                        IonToolbar,
+                        IonTitle,
+                        SpxCapitalizePipe,
+                        TranslatePipe,
+                        SpxButtonComponent
+                    ], template: "<ion-header>\r\n    <ion-toolbar>\r\n        <ion-title>\r\n            {{ spxText404PageNotFound | translate | capitalize }}\r\n        </ion-title>\r\n        <ion-buttons slot=\"end\">\r\n        </ion-buttons>\r\n    </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content class=\"flex items-center justify-center min-h-screen bg-white dark:bg-gray-900 ion-padding\">\r\n  <div class=\"text-center p-6\">\r\n    <h1 class=\"text-7xl font-bold text-indigo-600 dark:text-indigo-400\">404</h1>\r\n    <h2 class=\"mt-4 text-2xl font-semibold text-gray-800 dark:text-white\"> {{ spxTextPageNotFound | translate | capitalize }} </h2>\r\n    <p class=\"mt-2 text-gray-600 dark:text-gray-400\">\r\n      {{ spxTextPageNotFoundDescription | translate | capitalize }}\r\n    </p>\r\n    <div class=\"py-2\">\r\n      <spx-button (spxClick)=\"goHome()\">\r\n        {{ spxTextGoHome | translate | capitalize }}\r\n      </spx-button>\r\n    </div>\r\n  </div>\r\n</ion-content>" }]
+        }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i2.NavController }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Spx404PageComponent };
+//# sourceMappingURL=softpak-components-spx-404-page.mjs.map

package/fesm2022/softpak-components-spx-404-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-404-page.mjs","sources":["../../../../projects/softpak/components/spx-404-page/spx-404-page.component.ts","../../../../projects/softpak/components/spx-404-page/spx-404-page.component.html","../../../../projects/softpak/components/spx-404-page/softpak-components-spx-404-page.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { IonContent, IonHeader, IonTitle, IonToolbar, NavController, IonButtons } from '@ionic/angular/standalone';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\r\nimport { spxText404PageNotFound, spxTextGoHome, spxTextPageNotFound, spxTextPageNotFoundDescription } from '@softpak/components/spx-translate';\r\n\r\n@Component({\r\n  selector: 'spx-404-page',\r\n  imports: [IonButtons, \r\n    IonContent,\r\n    IonHeader,\r\n    IonToolbar,\r\n    IonTitle,\r\n    SpxCapitalizePipe,\r\n    TranslatePipe,\r\n    SpxButtonComponent\r\n  ],\r\n  templateUrl: `./spx-404-page.component.html`,\r\n})\r\nexport class Spx404PageComponent {\r\n  spxText404PageNotFound = spxText404PageNotFound;\r\n  spxTextPageNotFound = spxTextPageNotFound;\r\n  spxTextPageNotFoundDescription = spxTextPageNotFoundDescription;\r\n  spxTextGoHome = spxTextGoHome;\r\n  goHome() : void{\r\n    if (this.activatedRoute.snapshot.data['url'] === undefined) {\r\n      console.error('configure data property \\'url\\' in route for update page');\r\n    }\r\n    this.navController.navigateRoot(this.activatedRoute.snapshot.data['url']);\r\n  }\r\n\r\n  constructor(\r\n    private readonly activatedRoute: ActivatedRoute,\r\n    private readonly navController: NavController,\r\n  ) {\r\n  }\r\n}\r\n","<ion-header>\r\n    <ion-toolbar>\r\n        <ion-title>\r\n            {{ spxText404PageNotFound | translate | capitalize }}\r\n        </ion-title>\r\n        <ion-buttons slot=\"end\">\r\n        </ion-buttons>\r\n    </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content class=\"flex items-center justify-center min-h-screen bg-white dark:bg-gray-900 ion-padding\">\r\n  <div class=\"text-center p-6\">\r\n    <h1 class=\"text-7xl font-bold text-indigo-600 dark:text-indigo-400\">404</h1>\r\n    <h2 class=\"mt-4 text-2xl font-semibold text-gray-800 dark:text-white\"> {{ spxTextPageNotFound | translate | capitalize }} </h2>\r\n    <p class=\"mt-2 text-gray-600 dark:text-gray-400\">\r\n      {{ spxTextPageNotFoundDescription | translate | capitalize }}\r\n    </p>\r\n    <div class=\"py-2\">\r\n      <spx-button (spxClick)=\"goHome()\">\r\n        {{ spxTextGoHome | translate | capitalize }}\r\n      </spx-button>\r\n    </div>\r\n  </div>\r\n</ion-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MAqBa,mBAAmB,CAAA;IAK9B,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE;AAC1D,YAAA,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC;;AAE3E,QAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;IAG3E,WACmB,CAAA,cAA8B,EAC9B,aAA4B,EAAA;QAD5B,IAAc,CAAA,cAAA,GAAd,cAAc;QACd,IAAa,CAAA,aAAA,GAAb,aAAa;QAbhC,IAAsB,CAAA,sBAAA,GAAG,sBAAsB;QAC/C,IAAmB,CAAA,mBAAA,GAAG,mBAAmB;QACzC,IAA8B,CAAA,8BAAA,GAAG,8BAA8B;QAC/D,IAAa,CAAA,aAAA,GAAG,aAAa;;8GAJlB,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,aAAA,EAAA,CAAA,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,wECrBhC,w8BAuBc,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDbF,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,UAAU,EACV,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,SAAS,EACT,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAU,mFACV,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACR,iBAAiB,EACjB,IAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,aAAa,kDACb,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIT,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAb/B,SAAS;+BACE,cAAc,EAAA,OAAA,EACf,CAAC,UAAU;wBAClB,UAAU;wBACV,SAAS;wBACT,UAAU;wBACV,QAAQ;wBACR,iBAAiB;wBACjB,aAAa;wBACb;AACD,qBAAA,EAAA,QAAA,EAAA,w8BAAA,EAAA;;;AElBH;;AAEG;;;;"}

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

@@ -57,14 +57,14 @@ class SpxAlertComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxAlertComponent, isStandalone: true, selector: "spx-alert", inputs: { spxAutoclose: { classPropertyName: "spxAutoclose", publicName: "spxAutoclose", isSignal: true, isRequired: false, transformFunction: null }, spxCloseable: { classPropertyName: "spxCloseable", publicName: "spxCloseable", isSignal: true, isRequired: false, transformFunction: null }, spxHideTitle: { classPropertyName: "spxHideTitle", publicName: "spxHideTitle", isSignal: true, isRequired: false, transformFunction: null }, spxTitle: { classPropertyName: "spxTitle", publicName: "spxTitle", isSignal: true, isRequired: false, transformFunction: null }, spxMarginTop: { classPropertyName: "spxMarginTop", publicName: "spxMarginTop", isSignal: true, isRequired: false, transformFunction: null }, spxSeverity: { classPropertyName: "spxSeverity", publicName: "spxSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClose: "spxClose", spxTitle: "spxTitleChange" }, ngImport: i0, template: "<div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\n    [class.cursor-pointer]=\"this.spxCloseable()\"\n    [class.bg-red-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.border-red-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.text-red-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.bg-cyan-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.border-cyan-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.text-cyan-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.bg-lime-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.border-lime-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.text-lime-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.bg-amber-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.border-amber-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.text-amber-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.hover:bg-red-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.over:border-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.focus:ring-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.hover:bg-cyan-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.over:border-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.hover:bg-lime-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.over:border-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.focus:ring-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    [class.hover:bg-amber-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    [class.over:border-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    (click)=\"onClose()\">\n    @if ((this.spxSeverity() | isSeverity: SpxSeverity.info)) {\n      <fa-icon\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.error) {\n      <fa-icon\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.success) {\n      <fa-icon\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.warning) {\n      <fa-icon\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\n    }\n    <div class=\"grow\">\n      @if (this.spxTitle() && !this.spxHideTitle()) {\n        <p class=\"font-bold\">{{this.spxTitle()}}</p>\n      }\n      <p class=\"text-sm\">\n        <ng-content></ng-content>\n      </p>\n    </div>\n    @if (this.spxCloseable()) {\n      <fa-icon\n      [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\n    }\n  </div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: IsSeverityPipe, name: "isSeverity" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxAlertComponent, isStandalone: true, selector: "spx-alert", inputs: { spxAutoclose: { classPropertyName: "spxAutoclose", publicName: "spxAutoclose", isSignal: true, isRequired: false, transformFunction: null }, spxCloseable: { classPropertyName: "spxCloseable", publicName: "spxCloseable", isSignal: true, isRequired: false, transformFunction: null }, spxHideTitle: { classPropertyName: "spxHideTitle", publicName: "spxHideTitle", isSignal: true, isRequired: false, transformFunction: null }, spxTitle: { classPropertyName: "spxTitle", publicName: "spxTitle", isSignal: true, isRequired: false, transformFunction: null }, spxMarginTop: { classPropertyName: "spxMarginTop", publicName: "spxMarginTop", isSignal: true, isRequired: false, transformFunction: null }, spxSeverity: { classPropertyName: "spxSeverity", publicName: "spxSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClose: "spxClose", spxTitle: "spxTitleChange" }, ngImport: i0, template: "<div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\r\n    [class.cursor-pointer]=\"this.spxCloseable()\"\r\n    [class.bg-red-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.border-red-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.text-red-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.bg-cyan-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.border-cyan-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.text-cyan-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.bg-lime-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.border-lime-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.text-lime-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.bg-amber-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.border-amber-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.text-amber-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.focus:ring-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.hover:bg-red-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.over:border-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.focus:ring-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.hover:bg-cyan-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.over:border-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.focus:ring-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.hover:bg-lime-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.over:border-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.focus:ring-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    [class.hover:bg-amber-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    [class.over:border-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    (click)=\"onClose()\">\r\n    @if ((this.spxSeverity() | isSeverity: SpxSeverity.info)) {\r\n      <fa-icon\r\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.error) {\r\n      <fa-icon\r\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.success) {\r\n      <fa-icon\r\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.warning) {\r\n      <fa-icon\r\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\r\n    }\r\n    <div class=\"grow\">\r\n      @if (this.spxTitle() && !this.spxHideTitle()) {\r\n        <p class=\"font-bold\">{{this.spxTitle()}}</p>\r\n      }\r\n      <p class=\"text-sm\">\r\n        <ng-content></ng-content>\r\n      </p>\r\n    </div>\r\n    @if (this.spxCloseable()) {\r\n      <fa-icon\r\n      [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\r\n    }\r\n  </div>", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: IsSeverityPipe, name: "isSeverity" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-alert', imports: [
                         FontAwesomeModule,
                         IsSeverityPipe
-                    ], template: "<div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\n    [class.cursor-pointer]=\"this.spxCloseable()\"\n    [class.bg-red-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.border-red-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.text-red-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.bg-cyan-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.border-cyan-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.text-cyan-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.bg-lime-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.border-lime-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.text-lime-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.bg-amber-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.border-amber-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.text-amber-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.hover:bg-red-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.over:border-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.focus:ring-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.hover:bg-cyan-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.over:border-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.hover:bg-lime-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.over:border-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.focus:ring-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    [class.hover:bg-amber-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    [class.over:border-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    (click)=\"onClose()\">\n    @if ((this.spxSeverity() | isSeverity: SpxSeverity.info)) {\n      <fa-icon\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.error) {\n      <fa-icon\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.success) {\n      <fa-icon\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.warning) {\n      <fa-icon\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\n    }\n    <div class=\"grow\">\n      @if (this.spxTitle() && !this.spxHideTitle()) {\n        <p class=\"font-bold\">{{this.spxTitle()}}</p>\n      }\n      <p class=\"text-sm\">\n        <ng-content></ng-content>\n      </p>\n    </div>\n    @if (this.spxCloseable()) {\n      <fa-icon\n      [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\n    }\n  </div>" }]
+                    ], template: "<div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\r\n    [class.cursor-pointer]=\"this.spxCloseable()\"\r\n    [class.bg-red-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.border-red-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.text-red-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.bg-cyan-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.border-cyan-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.text-cyan-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.bg-lime-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.border-lime-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.text-lime-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.bg-amber-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.border-amber-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.text-amber-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.focus:ring-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.hover:bg-red-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.over:border-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.focus:ring-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.hover:bg-cyan-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.over:border-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.focus:ring-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.hover:bg-lime-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.over:border-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.focus:ring-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    [class.hover:bg-amber-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    [class.over:border-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    (click)=\"onClose()\">\r\n    @if ((this.spxSeverity() | isSeverity: SpxSeverity.info)) {\r\n      <fa-icon\r\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.error) {\r\n      <fa-icon\r\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.success) {\r\n      <fa-icon\r\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.warning) {\r\n      <fa-icon\r\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\r\n    }\r\n    <div class=\"grow\">\r\n      @if (this.spxTitle() && !this.spxHideTitle()) {\r\n        <p class=\"font-bold\">{{this.spxTitle()}}</p>\r\n      }\r\n      <p class=\"text-sm\">\r\n        <ng-content></ng-content>\r\n      </p>\r\n    </div>\r\n    @if (this.spxCloseable()) {\r\n      <fa-icon\r\n      [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\r\n    }\r\n  </div>" }]
         }] });
 
 class SpxAlertI {

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-alert.mjs","sources":["../../../../projects/softpak/components/spx-alert/spx-alert.component.ts","../../../../projects/softpak/components/spx-alert/spx-alert.component.html","../../../../projects/softpak/components/spx-alert/spx-alert.interface.ts","../../../../projects/softpak/components/spx-alert/softpak-components-spx-alert.ts"],"sourcesContent":["\nimport { Component, input, model, output } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { faCheck, faCircleInfo, faTimes, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\nimport { IsSeverityPipe } from \"@softpak/components/spx-pipes\";\n\n@Component({\n    selector: 'spx-alert',\n    imports: [\n    FontAwesomeModule,\n    IsSeverityPipe\n],\n    templateUrl: './spx-alert.component.html'\n})\nexport class SpxAlertComponent {\n  _autoCloseTimeout: any;\n  spxClose = output();\n  readonly spxAutoclose = input<number>();\n  readonly spxCloseable = input<boolean | undefined>(false);\n  readonly spxHideTitle = input(false);\n  readonly spxTitle = model<string>();\n  readonly spxMarginTop = input(false);\n  readonly spxSeverity = input<SpxSeverityEnum>();\n  SpxSeverity = SpxSeverityEnum;\n  faCheck = faCheck;\n  faCircleInfo = faCircleInfo;\n  faTriangleExclamation = faTriangleExclamation;\n  faTimes = faTimes;\n\n  componentDidLoad() {\n    if (this.spxAutoclose()) {\n      this.prepareAutoClose();\n    }\n    if (!this.spxTitle()) {\n      this._assignDefaultTitle();\n    }\n  }\n\n  private prepareAutoClose(): void {\n    this._autoCloseTimeout = setTimeout(() => {\n      this.onClose();\n      this._autoCloseTimeout = null;\n    }, this.spxAutoclose());\n  }\n\n  private _assignDefaultTitle(): void {\n    switch (this.spxSeverity()) {\n      case SpxSeverityEnum.error:\n        this.spxTitle.set('Error');\n        break;\n      case SpxSeverityEnum.info:\n        this.spxTitle.set('Info');\n        break;\n      case SpxSeverityEnum.success:\n        this.spxTitle.set('Notification');\n        break;\n      case SpxSeverityEnum.warning:\n        this.spxTitle.set('Warning');\n        break;\n    }\n  }\n\n  onClose() {\n    if (this.spxCloseable()) {\n      this.spxClose.emit();\n    }\n  }\n}\n","<div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\n    [class.cursor-pointer]=\"this.spxCloseable()\"\n    [class.bg-red-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.border-red-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.text-red-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.bg-cyan-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.border-cyan-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.text-cyan-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\n    [class.bg-lime-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.border-lime-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.text-lime-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.bg-amber-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.border-amber-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.text-amber-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.hover:bg-red-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.over:border-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\n    [class.focus:ring-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.hover:bg-cyan-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.over:border-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.hover:bg-lime-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.over:border-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\n    [class.focus:ring-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    [class.hover:bg-amber-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    [class.over:border-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\n    (click)=\"onClose()\">\n    @if ((this.spxSeverity() | isSeverity: SpxSeverity.info)) {\n      <fa-icon\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.error) {\n      <fa-icon\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.success) {\n      <fa-icon\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\n    }\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.warning) {\n      <fa-icon\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\n    }\n    <div class=\"grow\">\n      @if (this.spxTitle() && !this.spxHideTitle()) {\n        <p class=\"font-bold\">{{this.spxTitle()}}</p>\n      }\n      <p class=\"text-sm\">\n        <ng-content></ng-content>\n      </p>\n    </div>\n    @if (this.spxCloseable()) {\n      <fa-icon\n      [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\n    }\n  </div>","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxAlertI {\n  closeable?: boolean;\n  id?: number;\n  message?: string;\n  severity?: SpxSeverityEnum;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-alert.mjs","sources":["../../../../projects/softpak/components/spx-alert/spx-alert.component.ts","../../../../projects/softpak/components/spx-alert/spx-alert.component.html","../../../../projects/softpak/components/spx-alert/spx-alert.interface.ts","../../../../projects/softpak/components/spx-alert/softpak-components-spx-alert.ts"],"sourcesContent":["\r\nimport { Component, input, model, output } from '@angular/core';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { faCheck, faCircleInfo, faTimes, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';\r\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\r\nimport { IsSeverityPipe } from \"@softpak/components/spx-pipes\";\r\n\r\n@Component({\r\n    selector: 'spx-alert',\r\n    imports: [\r\n    FontAwesomeModule,\r\n    IsSeverityPipe\r\n],\r\n    templateUrl: './spx-alert.component.html'\r\n})\r\nexport class SpxAlertComponent {\r\n  _autoCloseTimeout: any;\r\n  spxClose = output();\r\n  readonly spxAutoclose = input<number>();\r\n  readonly spxCloseable = input<boolean | undefined>(false);\r\n  readonly spxHideTitle = input(false);\r\n  readonly spxTitle = model<string>();\r\n  readonly spxMarginTop = input(false);\r\n  readonly spxSeverity = input<SpxSeverityEnum>();\r\n  SpxSeverity = SpxSeverityEnum;\r\n  faCheck = faCheck;\r\n  faCircleInfo = faCircleInfo;\r\n  faTriangleExclamation = faTriangleExclamation;\r\n  faTimes = faTimes;\r\n\r\n  componentDidLoad() {\r\n    if (this.spxAutoclose()) {\r\n      this.prepareAutoClose();\r\n    }\r\n    if (!this.spxTitle()) {\r\n      this._assignDefaultTitle();\r\n    }\r\n  }\r\n\r\n  private prepareAutoClose(): void {\r\n    this._autoCloseTimeout = setTimeout(() => {\r\n      this.onClose();\r\n      this._autoCloseTimeout = null;\r\n    }, this.spxAutoclose());\r\n  }\r\n\r\n  private _assignDefaultTitle(): void {\r\n    switch (this.spxSeverity()) {\r\n      case SpxSeverityEnum.error:\r\n        this.spxTitle.set('Error');\r\n        break;\r\n      case SpxSeverityEnum.info:\r\n        this.spxTitle.set('Info');\r\n        break;\r\n      case SpxSeverityEnum.success:\r\n        this.spxTitle.set('Notification');\r\n        break;\r\n      case SpxSeverityEnum.warning:\r\n        this.spxTitle.set('Warning');\r\n        break;\r\n    }\r\n  }\r\n\r\n  onClose() {\r\n    if (this.spxCloseable()) {\r\n      this.spxClose.emit();\r\n    }\r\n  }\r\n}\r\n","<div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\r\n    [class.cursor-pointer]=\"this.spxCloseable()\"\r\n    [class.bg-red-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.border-red-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.text-red-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.bg-cyan-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.border-cyan-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.text-cyan-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.info\"\r\n    [class.bg-lime-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.border-lime-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.text-lime-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.bg-amber-100]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.border-amber-500]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.text-amber-900]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.focus:ring-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.hover:bg-red-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.over:border-red-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.error)\"\r\n    [class.focus:ring-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.hover:bg-cyan-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.over:border-cyan-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.focus:ring-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.hover:bg-lime-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.over:border-lime-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.success)\"\r\n    [class.focus:ring-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    [class.hover:bg-amber-200]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    [class.over:border-amber-600]=\"this.spxCloseable() && (this.spxSeverity() | isSeverity: SpxSeverity.warning)\"\r\n    (click)=\"onClose()\">\r\n    @if ((this.spxSeverity() | isSeverity: SpxSeverity.info)) {\r\n      <fa-icon\r\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.error) {\r\n      <fa-icon\r\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.success) {\r\n      <fa-icon\r\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\r\n    }\r\n    @if (this.spxSeverity() | isSeverity: SpxSeverity.warning) {\r\n      <fa-icon\r\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\r\n    }\r\n    <div class=\"grow\">\r\n      @if (this.spxTitle() && !this.spxHideTitle()) {\r\n        <p class=\"font-bold\">{{this.spxTitle()}}</p>\r\n      }\r\n      <p class=\"text-sm\">\r\n        <ng-content></ng-content>\r\n      </p>\r\n    </div>\r\n    @if (this.spxCloseable()) {\r\n      <fa-icon\r\n      [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\r\n    }\r\n  </div>","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\r\n\r\nexport class SpxAlertI {\r\n  closeable?: boolean;\r\n  id?: number;\r\n  message?: string;\r\n  severity?: SpxSeverityEnum;\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAea,iBAAiB,CAAA;AAR9B,IAAA,WAAA,GAAA;QAUE,IAAQ,CAAA,QAAA,GAAG,MAAM,EAAE;QACV,IAAY,CAAA,YAAA,GAAG,KAAK,EAAU;AAC9B,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAsB,KAAK,CAAC;AAChD,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;QAC3B,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAU;AAC1B,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;QAC3B,IAAW,CAAA,WAAA,GAAG,KAAK,EAAmB;QAC/C,IAAW,CAAA,WAAA,GAAG,eAAe;QAC7B,IAAO,CAAA,OAAA,GAAG,OAAO;QACjB,IAAY,CAAA,YAAA,GAAG,YAAY;QAC3B,IAAqB,CAAA,qBAAA,GAAG,qBAAqB;QAC7C,IAAO,CAAA,OAAA,GAAG,OAAO;AAwClB;IAtCC,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,IAAI,CAAC,gBAAgB,EAAE;;AAEzB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,mBAAmB,EAAE;;;IAItB,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,MAAK;YACvC,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAC/B,SAAC,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;IAGjB,mBAAmB,GAAA;AACzB,QAAA,QAAQ,IAAI,CAAC,WAAW,EAAE;YACxB,KAAK,eAAe,CAAC,KAAK;AACxB,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC;gBAC1B;YACF,KAAK,eAAe,CAAC,IAAI;AACvB,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC;gBACzB;YACF,KAAK,eAAe,CAAC,OAAO;AAC1B,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC;gBACjC;YACF,KAAK,eAAe,CAAC,OAAO;AAC1B,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC5B;;;IAIN,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACvB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;8GAlDb,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,ECf9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,slHAuDQ,ED7CJ,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,wPACjB,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIL,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EACZ,OAAA,EAAA;wBACT,iBAAiB;wBACjB;AACH,qBAAA,EAAA,QAAA,EAAA,slHAAA,EAAA;;;MEVY,SAAS,CAAA;AAKrB;;ACPD;;AAEG;;;;"}

package/fesm2022/softpak-components-spx-app-configuration.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-app-configuration.mjs","sources":["../../../../projects/softpak/components/spx-app-configuration/spx-app-channel-type.enum.ts","../../../../projects/softpak/components/spx-app-configuration/spx-app-id.enum.ts","../../../../projects/softpak/components/spx-app-configuration/spx-app-lang.enum.ts","../../../../projects/softpak/components/spx-app-configuration/softpak-components-spx-app-configuration.ts"],"sourcesContent":["export enum SpxAppChannelTypeEnum {\n  production = 'Production',\n  beta = 'Beta',\n  alpha = 'Alpha',\n  development = 'Development',\n}\n","export enum SpxAppIdEnum {\n  container = 'container',\n  depot = 'depot',\n  eucon = 'eucon',\n  orders = 'orders',\n}\n","export enum SpxAppLangEnum {\n  english = 'en',\n  dutch = 'nl',\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EALW,qBAAqB,KAArB,qBAAqB,GAKhC,EAAA,CAAA,CAAA;;ICLW;AAAZ,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,YAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EALW,YAAY,KAAZ,YAAY,GAKvB,EAAA,CAAA,CAAA;;ICLW;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,IAAc;AACd,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACd,CAAC,EAHW,cAAc,KAAd,cAAc,GAGzB,EAAA,CAAA,CAAA;;ACHD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-app-configuration.mjs","sources":["../../../../projects/softpak/components/spx-app-configuration/spx-app-channel-type.enum.ts","../../../../projects/softpak/components/spx-app-configuration/spx-app-id.enum.ts","../../../../projects/softpak/components/spx-app-configuration/spx-app-lang.enum.ts","../../../../projects/softpak/components/spx-app-configuration/softpak-components-spx-app-configuration.ts"],"sourcesContent":["export enum SpxAppChannelTypeEnum {\r\n  production = 'Production',\r\n  beta = 'Beta',\r\n  alpha = 'Alpha',\r\n  development = 'Development',\r\n}\r\n","export enum SpxAppIdEnum {\r\n  container = 'container',\r\n  depot = 'depot',\r\n  eucon = 'eucon',\r\n  orders = 'orders',\r\n}\r\n","export enum SpxAppLangEnum {\r\n  english = 'en',\r\n  dutch = 'nl',\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EALW,qBAAqB,KAArB,qBAAqB,GAKhC,EAAA,CAAA,CAAA;;ICLW;AAAZ,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,YAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EALW,YAAY,KAAZ,YAAY,GAKvB,EAAA,CAAA,CAAA;;ICLW;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,IAAc;AACd,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACd,CAAC,EAHW,cAAc,KAAd,cAAc,GAGzB,EAAA,CAAA,CAAA;;ACHD;;AAEG;;;;"}

package/fesm2022/softpak-components-spx-app-expiry.mjs

@@ -28,34 +28,34 @@ class SpxAppExpiryComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAppExpiryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxAppExpiryComponent, isStandalone: true, selector: "spx-app-expiry", inputs: { txtContactHelpdeskOrSoftpak: "txtContactHelpdeskOrSoftpak", txtExpired: "txtExpired", txtLastReminder: "txtLastReminder", txtPleaseOpenTheAppStore: "txtPleaseOpenTheAppStore", txtPleaseUpdate: "txtPleaseUpdate", txtThisVersionWillExpireSoon: "txtThisVersionWillExpireSoon", txtUpdateAvailable: "txtUpdateAvailable", txtUpdateTheAppToTheLatestVersion: "txtUpdateTheAppToTheLatestVersion", spxExpiry: "spxExpiry", spxVersion: "spxVersion" }, usesOnChanges: true, ngImport: i0, template: `
-  @if (warning || finalWarning || expired) {
-    <div class="m-3">
-      <div
-        class="p-3 font-bold text-white rounded-t text-xl"
-        [class.bg-lime-600]="warning"
-        [class.bg-red-600]="expired"
-        [class.bg-amber-600]="finalWarning">
-        @if (warning) {
-          {{ txtUpdateAvailable }}
-        }
-        @if (finalWarning) {
-          {{ txtLastReminder }}
-        }
-        @if (expired) {
-          {{ txtExpired }}
-        }
-      </div>
-      <div
-        class="bg-amber-50 p-3 text-black rounded-b mb-3">
-        <div>{{ txtPleaseOpenTheAppStore }}.</div>
-        <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
-        <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
-        @if (finalWarning) {
-          <div>{{ txtThisVersionWillExpireSoon }}.</div>
-        }
-      </div>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxAppExpiryComponent, isStandalone: true, selector: "spx-app-expiry", inputs: { txtContactHelpdeskOrSoftpak: "txtContactHelpdeskOrSoftpak", txtExpired: "txtExpired", txtLastReminder: "txtLastReminder", txtPleaseOpenTheAppStore: "txtPleaseOpenTheAppStore", txtPleaseUpdate: "txtPleaseUpdate", txtThisVersionWillExpireSoon: "txtThisVersionWillExpireSoon", txtUpdateAvailable: "txtUpdateAvailable", txtUpdateTheAppToTheLatestVersion: "txtUpdateTheAppToTheLatestVersion", spxExpiry: "spxExpiry", spxVersion: "spxVersion" }, usesOnChanges: true, ngImport: i0, template: `
+  @if (warning || finalWarning || expired) {
+    <div class="m-3">
+      <div
+        class="p-3 font-bold text-white rounded-t text-xl"
+        [class.bg-lime-600]="warning"
+        [class.bg-red-600]="expired"
+        [class.bg-amber-600]="finalWarning">
+        @if (warning) {
+          {{ txtUpdateAvailable }}
+        }
+        @if (finalWarning) {
+          {{ txtLastReminder }}
+        }
+        @if (expired) {
+          {{ txtExpired }}
+        }
+      </div>
+      <div
+        class="bg-amber-50 p-3 text-black rounded-b mb-3">
+        <div>{{ txtPleaseOpenTheAppStore }}.</div>
+        <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
+        <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
+        @if (finalWarning) {
+          <div>{{ txtThisVersionWillExpireSoon }}.</div>
+        }
+      </div>
+    </div>
   }`, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAppExpiryComponent, decorators: [{
@@ -63,34 +63,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
             args: [{
                     selector: 'spx-app-expiry',
                     imports: [],
-                    template: `
-  @if (warning || finalWarning || expired) {
-    <div class="m-3">
-      <div
-        class="p-3 font-bold text-white rounded-t text-xl"
-        [class.bg-lime-600]="warning"
-        [class.bg-red-600]="expired"
-        [class.bg-amber-600]="finalWarning">
-        @if (warning) {
-          {{ txtUpdateAvailable }}
-        }
-        @if (finalWarning) {
-          {{ txtLastReminder }}
-        }
-        @if (expired) {
-          {{ txtExpired }}
-        }
-      </div>
-      <div
-        class="bg-amber-50 p-3 text-black rounded-b mb-3">
-        <div>{{ txtPleaseOpenTheAppStore }}.</div>
-        <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
-        <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
-        @if (finalWarning) {
-          <div>{{ txtThisVersionWillExpireSoon }}.</div>
-        }
-      </div>
-    </div>
+                    template: `
+  @if (warning || finalWarning || expired) {
+    <div class="m-3">
+      <div
+        class="p-3 font-bold text-white rounded-t text-xl"
+        [class.bg-lime-600]="warning"
+        [class.bg-red-600]="expired"
+        [class.bg-amber-600]="finalWarning">
+        @if (warning) {
+          {{ txtUpdateAvailable }}
+        }
+        @if (finalWarning) {
+          {{ txtLastReminder }}
+        }
+        @if (expired) {
+          {{ txtExpired }}
+        }
+      </div>
+      <div
+        class="bg-amber-50 p-3 text-black rounded-b mb-3">
+        <div>{{ txtPleaseOpenTheAppStore }}.</div>
+        <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
+        <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
+        @if (finalWarning) {
+          <div>{{ txtThisVersionWillExpireSoon }}.</div>
+        }
+      </div>
+    </div>
   }`
                 }]
         }], propDecorators: { txtContactHelpdeskOrSoftpak: [{

package/fesm2022/softpak-components-spx-app-expiry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-app-expiry.mjs","sources":["../../../../projects/softpak/components/spx-app-expiry/spx-check-expiry-warning.interface.ts","../../../../projects/softpak/components/spx-app-expiry/spx-check-expiry-final-warning.interface.ts","../../../../projects/softpak/components/spx-app-expiry/spx-check-expiry-happened.interface.ts","../../../../projects/softpak/components/spx-app-expiry/spx-app-expiry.component.ts","../../../../projects/softpak/components/spx-app-expiry/softpak-components-spx-app-expiry.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport { SpxAppExpiryI } from \"./spx-app-expiry.interface\";\n\nexport const spxCheckExpiryWarning = (appStoreVersion: string, spxAppExpiry?: SpxAppExpiryI): boolean => {\n  return spxAppExpiry !== undefined && appStoreVersion.substring(0,3) !== spxAppExpiry.requiredVersion.substring(0,3) && DateTime.now() > spxAppExpiry.warning;\n}","import { DateTime } from \"luxon\";\nimport { SpxAppExpiryI } from \"./spx-app-expiry.interface\";\n\nexport const spxCheckExpiryFinalWarning = (appStoreVersion: string, spxAppExpiry?: SpxAppExpiryI) => {\n  return spxAppExpiry !== undefined && appStoreVersion.substring(0,3) !== spxAppExpiry.requiredVersion.substring(0,3) &&  DateTime.now() > spxAppExpiry.finalWarning;\n}","import { DateTime } from \"luxon\";\nimport { SpxAppExpiryI } from \"./spx-app-expiry.interface\";\n\nexport const spxCheckExpiryHappened = (appStoreVersion: string, spxAppExpiry: SpxAppExpiryI): boolean => {\n  return spxAppExpiry !== undefined && appStoreVersion.substring(0,3) !== spxAppExpiry.requiredVersion.substring(0,3) && DateTime.now() > spxAppExpiry.expiry;\n}","\nimport { Component, Input, OnChanges } from '@angular/core';\nimport { SpxAppExpiryI } from './spx-app-expiry.interface';\nimport { spxCheckExpiryWarning } from './spx-check-expiry-warning.interface';\nimport { spxCheckExpiryFinalWarning } from './spx-check-expiry-final-warning.interface';\nimport { spxCheckExpiryHappened } from './spx-check-expiry-happened.interface';\n\n@Component({\n    selector: 'spx-app-expiry',\n    imports: [],\n    template: `\n  @if (warning || finalWarning || expired) {\n    <div class=\"m-3\">\n      <div\n        class=\"p-3 font-bold text-white rounded-t text-xl\"\n        [class.bg-lime-600]=\"warning\"\n        [class.bg-red-600]=\"expired\"\n        [class.bg-amber-600]=\"finalWarning\">\n        @if (warning) {\n          {{ txtUpdateAvailable }}\n        }\n        @if (finalWarning) {\n          {{ txtLastReminder }}\n        }\n        @if (expired) {\n          {{ txtExpired }}\n        }\n      </div>\n      <div\n        class=\"bg-amber-50 p-3 text-black rounded-b mb-3\">\n        <div>{{ txtPleaseOpenTheAppStore }}.</div>\n        <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>\n        <div>{{ txtContactHelpdeskOrSoftpak }}.</div>\n        @if (finalWarning) {\n          <div>{{ txtThisVersionWillExpireSoon }}.</div>\n        }\n      </div>\n    </div>\n  }`\n})\nexport class SpxAppExpiryComponent implements OnChanges {\n  @Input() txtContactHelpdeskOrSoftpak!: string;\n  @Input() txtExpired!: string;\n  @Input() txtLastReminder!: string;\n  @Input() txtPleaseOpenTheAppStore!: string;\n  @Input() txtPleaseUpdate!: string;\n  @Input() txtThisVersionWillExpireSoon!: string;\n  @Input() txtUpdateAvailable!: string;\n  @Input() txtUpdateTheAppToTheLatestVersion!: string;\n  @Input() spxExpiry!: SpxAppExpiryI;\n  @Input() spxVersion!: string;\n  warning = false;\n  finalWarning = false;\n  expired = false;\n  ngOnChanges(): void {\n    if (this.spxExpiry && this.spxVersion) {\n      this.expired = spxCheckExpiryHappened(this.spxVersion, this.spxExpiry);\n      this.finalWarning = spxCheckExpiryFinalWarning(this.spxVersion, this.spxExpiry) && !this.expired;\n      this.warning = spxCheckExpiryWarning(this.spxVersion, this.spxExpiry) && !this.finalWarning && !this.expired;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-app-expiry.mjs","sources":["../../../../projects/softpak/components/spx-app-expiry/spx-check-expiry-warning.interface.ts","../../../../projects/softpak/components/spx-app-expiry/spx-check-expiry-final-warning.interface.ts","../../../../projects/softpak/components/spx-app-expiry/spx-check-expiry-happened.interface.ts","../../../../projects/softpak/components/spx-app-expiry/spx-app-expiry.component.ts","../../../../projects/softpak/components/spx-app-expiry/softpak-components-spx-app-expiry.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\r\nimport { SpxAppExpiryI } from \"./spx-app-expiry.interface\";\r\n\r\nexport const spxCheckExpiryWarning = (appStoreVersion: string, spxAppExpiry?: SpxAppExpiryI): boolean => {\r\n  return spxAppExpiry !== undefined && appStoreVersion.substring(0,3) !== spxAppExpiry.requiredVersion.substring(0,3) && DateTime.now() > spxAppExpiry.warning;\r\n}","import { DateTime } from \"luxon\";\r\nimport { SpxAppExpiryI } from \"./spx-app-expiry.interface\";\r\n\r\nexport const spxCheckExpiryFinalWarning = (appStoreVersion: string, spxAppExpiry?: SpxAppExpiryI) => {\r\n  return spxAppExpiry !== undefined && appStoreVersion.substring(0,3) !== spxAppExpiry.requiredVersion.substring(0,3) &&  DateTime.now() > spxAppExpiry.finalWarning;\r\n}","import { DateTime } from \"luxon\";\r\nimport { SpxAppExpiryI } from \"./spx-app-expiry.interface\";\r\n\r\nexport const spxCheckExpiryHappened = (appStoreVersion: string, spxAppExpiry: SpxAppExpiryI): boolean => {\r\n  return spxAppExpiry !== undefined && appStoreVersion.substring(0,3) !== spxAppExpiry.requiredVersion.substring(0,3) && DateTime.now() > spxAppExpiry.expiry;\r\n}","\r\nimport { Component, Input, OnChanges } from '@angular/core';\r\nimport { SpxAppExpiryI } from './spx-app-expiry.interface';\r\nimport { spxCheckExpiryWarning } from './spx-check-expiry-warning.interface';\r\nimport { spxCheckExpiryFinalWarning } from './spx-check-expiry-final-warning.interface';\r\nimport { spxCheckExpiryHappened } from './spx-check-expiry-happened.interface';\r\n\r\n@Component({\r\n    selector: 'spx-app-expiry',\r\n    imports: [],\r\n    template: `\r\n  @if (warning || finalWarning || expired) {\r\n    <div class=\"m-3\">\r\n      <div\r\n        class=\"p-3 font-bold text-white rounded-t text-xl\"\r\n        [class.bg-lime-600]=\"warning\"\r\n        [class.bg-red-600]=\"expired\"\r\n        [class.bg-amber-600]=\"finalWarning\">\r\n        @if (warning) {\r\n          {{ txtUpdateAvailable }}\r\n        }\r\n        @if (finalWarning) {\r\n          {{ txtLastReminder }}\r\n        }\r\n        @if (expired) {\r\n          {{ txtExpired }}\r\n        }\r\n      </div>\r\n      <div\r\n        class=\"bg-amber-50 p-3 text-black rounded-b mb-3\">\r\n        <div>{{ txtPleaseOpenTheAppStore }}.</div>\r\n        <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>\r\n        <div>{{ txtContactHelpdeskOrSoftpak }}.</div>\r\n        @if (finalWarning) {\r\n          <div>{{ txtThisVersionWillExpireSoon }}.</div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }`\r\n})\r\nexport class SpxAppExpiryComponent implements OnChanges {\r\n  @Input() txtContactHelpdeskOrSoftpak!: string;\r\n  @Input() txtExpired!: string;\r\n  @Input() txtLastReminder!: string;\r\n  @Input() txtPleaseOpenTheAppStore!: string;\r\n  @Input() txtPleaseUpdate!: string;\r\n  @Input() txtThisVersionWillExpireSoon!: string;\r\n  @Input() txtUpdateAvailable!: string;\r\n  @Input() txtUpdateTheAppToTheLatestVersion!: string;\r\n  @Input() spxExpiry!: SpxAppExpiryI;\r\n  @Input() spxVersion!: string;\r\n  warning = false;\r\n  finalWarning = false;\r\n  expired = false;\r\n  ngOnChanges(): void {\r\n    if (this.spxExpiry && this.spxVersion) {\r\n      this.expired = spxCheckExpiryHappened(this.spxVersion, this.spxExpiry);\r\n      this.finalWarning = spxCheckExpiryFinalWarning(this.spxVersion, this.spxExpiry) && !this.expired;\r\n      this.warning = spxCheckExpiryWarning(this.spxVersion, this.spxExpiry) && !this.finalWarning && !this.expired;\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -41,11 +41,11 @@ class SpxButtonComponent {
         this.buttonRef()?.nativeElement?.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.5", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxClass: { classPropertyName: "spxClass", publicName: "spxClass", isSignal: true, isRequired: false, transformFunction: null }, spxClassObject: { classPropertyName: "spxClassObject", publicName: "spxClassObject", isSignal: true, isRequired: false, transformFunction: null }, spxForm: { classPropertyName: "spxForm", publicName: "spxForm", isSignal: true, isRequired: false, transformFunction: null }, spxFullHeight: { classPropertyName: "spxFullHeight", publicName: "spxFullHeight", isSignal: true, isRequired: false, transformFunction: null }, spxFullWidth: { classPropertyName: "spxFullWidth", publicName: "spxFullWidth", isSignal: true, isRequired: false, transformFunction: null }, spxSeverity: { classPropertyName: "spxSeverity", publicName: "spxSeverity", isSignal: true, isRequired: false, transformFunction: null }, spxSize: { classPropertyName: "spxSize", publicName: "spxSize", isSignal: true, isRequired: false, transformFunction: null }, spxTabIndex: { classPropertyName: "spxTabIndex", publicName: "spxTabIndex", isSignal: true, isRequired: false, transformFunction: null }, spxType: { classPropertyName: "spxType", publicName: "spxType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClick: "spxClick" }, host: { properties: { "class.block": "this.hostClassBlock", "class.h-full": "this.hostClassHFull", "class.w-full": "this.hostClassWFull" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: IsSeverityPipe, name: "isSeverity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.5", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxClass: { classPropertyName: "spxClass", publicName: "spxClass", isSignal: true, isRequired: false, transformFunction: null }, spxClassObject: { classPropertyName: "spxClassObject", publicName: "spxClassObject", isSignal: true, isRequired: false, transformFunction: null }, spxForm: { classPropertyName: "spxForm", publicName: "spxForm", isSignal: true, isRequired: false, transformFunction: null }, spxFullHeight: { classPropertyName: "spxFullHeight", publicName: "spxFullHeight", isSignal: true, isRequired: false, transformFunction: null }, spxFullWidth: { classPropertyName: "spxFullWidth", publicName: "spxFullWidth", isSignal: true, isRequired: false, transformFunction: null }, spxSeverity: { classPropertyName: "spxSeverity", publicName: "spxSeverity", isSignal: true, isRequired: false, transformFunction: null }, spxSize: { classPropertyName: "spxSize", publicName: "spxSize", isSignal: true, isRequired: false, transformFunction: null }, spxTabIndex: { classPropertyName: "spxTabIndex", publicName: "spxTabIndex", isSignal: true, isRequired: false, transformFunction: null }, spxType: { classPropertyName: "spxType", publicName: "spxType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClick: "spxClick" }, host: { properties: { "class.block": "this.hostClassBlock", "class.h-full": "this.hostClassHFull", "class.w-full": "this.hostClassWFull" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\r\n    #buttonRef\r\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\r\n    [class.h-full]=\"this.spxFullHeight()\"\r\n    [class.w-full]=\"this.spxFullWidth()\"\r\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\r\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\r\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\r\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\r\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\r\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\r\n    [class.opacity-50]=\"this.spxDisabled()\"\r\n    [class.focus:ring-0]=\"this.spxDisabled()\"\r\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\r\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\r\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\r\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\r\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\r\n    (click)=\"this.handleClick()\"\r\n    part=\"button\">\r\n    <ng-content></ng-content>\r\n  </button>", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: IsSeverityPipe, name: "isSeverity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spx-button', imports: [NgClass, IsSeverityPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>" }]
+            args: [{ selector: 'spx-button', imports: [NgClass, IsSeverityPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n    #buttonRef\r\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\r\n    [class.h-full]=\"this.spxFullHeight()\"\r\n    [class.w-full]=\"this.spxFullWidth()\"\r\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\r\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\r\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\r\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\r\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\r\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\r\n    [class.opacity-50]=\"this.spxDisabled()\"\r\n    [class.focus:ring-0]=\"this.spxDisabled()\"\r\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\r\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\r\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\r\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\r\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\r\n    (click)=\"this.handleClick()\"\r\n    part=\"button\">\r\n    <ng-content></ng-content>\r\n  </button>" }]
         }], propDecorators: { hostClassBlock: [{
                 type: HostBinding,
                 args: ['class.block']

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-button.mjs","sources":["../../../../projects/softpak/components/spx-button/spx-button.component.ts","../../../../projects/softpak/components/spx-button/spx-button.component.html","../../../../projects/softpak/components/spx-button/softpak-components-spx-button.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\nimport { IsSeverityPipe } from '@softpak/components/spx-pipes';\n\n@Component({\n  selector: 'spx-button',\n  imports: [NgClass, IsSeverityPipe],\n  templateUrl: './spx-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxButtonComponent {\n  @HostBinding('class.block') get hostClassBlock() {\n    return this.spxFullWidth();\n  }\n  @HostBinding('class.h-full') get hostClassHFull() {\n    return this.spxFullHeight();\n  }\n  @HostBinding('class.w-full') get hostClassWFull() {\n    return this.spxFullWidth();\n  }\n\n  readonly spxDisabled = input(false);\n  readonly spxClass = input<string>();\n  readonly spxClassObject = input<object>();\n  readonly spxForm = input<string>();\n  readonly spxFullHeight = input<boolean>();\n  readonly spxFullWidth = input<boolean>();\n  readonly spxSeverity = input<SpxSeverityEnum | undefined>(\n    SpxSeverityEnum.info\n  );\n  readonly spxSize = input<'lg' | 'xl'>('lg');\n  readonly spxTabIndex = input<number>();\n  readonly spxType = input<'button' | 'submit'>('submit');\n  spxClick = output();\n  buttonRef = viewChild<ElementRef<HTMLInputElement>>('buttonRef');\n  SpxSeverity = SpxSeverityEnum;\n\n  hasShadowDom = (el: HTMLElement) => {\n    return !!el.shadowRoot && !!(el as any).attachShadow;\n  };\n  handleClick = () => {\n    if (!this.spxDisabled()) {\n      this.spxClick.emit();\n    }\n  };\n\n  spxSetFocus(): void {\n    this.buttonRef()?.nativeElement?.focus();\n  }\n}\n","<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-button.mjs","sources":["../../../../projects/softpak/components/spx-button/spx-button.component.ts","../../../../projects/softpak/components/spx-button/spx-button.component.html","../../../../projects/softpak/components/spx-button/softpak-components-spx-button.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  HostBinding,\r\n  input,\r\n  output,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\r\nimport { IsSeverityPipe } from '@softpak/components/spx-pipes';\r\n\r\n@Component({\r\n  selector: 'spx-button',\r\n  imports: [NgClass, IsSeverityPipe],\r\n  templateUrl: './spx-button.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SpxButtonComponent {\r\n  @HostBinding('class.block') get hostClassBlock() {\r\n    return this.spxFullWidth();\r\n  }\r\n  @HostBinding('class.h-full') get hostClassHFull() {\r\n    return this.spxFullHeight();\r\n  }\r\n  @HostBinding('class.w-full') get hostClassWFull() {\r\n    return this.spxFullWidth();\r\n  }\r\n\r\n  readonly spxDisabled = input(false);\r\n  readonly spxClass = input<string>();\r\n  readonly spxClassObject = input<object>();\r\n  readonly spxForm = input<string>();\r\n  readonly spxFullHeight = input<boolean>();\r\n  readonly spxFullWidth = input<boolean>();\r\n  readonly spxSeverity = input<SpxSeverityEnum | undefined>(\r\n    SpxSeverityEnum.info\r\n  );\r\n  readonly spxSize = input<'lg' | 'xl'>('lg');\r\n  readonly spxTabIndex = input<number>();\r\n  readonly spxType = input<'button' | 'submit'>('submit');\r\n  spxClick = output();\r\n  buttonRef = viewChild<ElementRef<HTMLInputElement>>('buttonRef');\r\n  SpxSeverity = SpxSeverityEnum;\r\n\r\n  hasShadowDom = (el: HTMLElement) => {\r\n    return !!el.shadowRoot && !!(el as any).attachShadow;\r\n  };\r\n  handleClick = () => {\r\n    if (!this.spxDisabled()) {\r\n      this.spxClick.emit();\r\n    }\r\n  };\r\n\r\n  spxSetFocus(): void {\r\n    this.buttonRef()?.nativeElement?.focus();\r\n  }\r\n}\r\n","<button\r\n    #buttonRef\r\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\r\n    [class.h-full]=\"this.spxFullHeight()\"\r\n    [class.w-full]=\"this.spxFullWidth()\"\r\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\r\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\r\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\r\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\r\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\r\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\r\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\r\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\r\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\r\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\r\n    [class.opacity-50]=\"this.spxDisabled()\"\r\n    [class.focus:ring-0]=\"this.spxDisabled()\"\r\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\r\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\r\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\r\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\r\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\r\n    (click)=\"this.handleClick()\"\r\n    part=\"button\">\r\n    <ng-content></ng-content>\r\n  </button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-capitalize.mjs","sources":["../../../../projects/softpak/components/spx-capitalize/spx-capitalize.pipe.ts","../../../../projects/softpak/components/spx-capitalize/softpak-components-spx-capitalize.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'capitalize',\n  standalone: true,\n})\nexport class SpxCapitalizePipe implements PipeTransform {\n\n  transform(value: string, ..._args: unknown[]): string {\n    return value = value ? value.charAt(0).toUpperCase() + value.substr(1) : '';\n  }\n\n  static transform(value: string, ..._args: unknown[]): string {\n    return new SpxCapitalizePipe().transform(value, _args);\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,iBAAiB,CAAA;AAE5B,IAAA,SAAS,CAAC,KAAa,EAAE,GAAG,KAAgB,EAAA;QAC1C,OAAO,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;;AAG7E,IAAA,OAAO,SAAS,CAAC,KAAa,EAAE,GAAG,KAAgB,EAAA;QACjD,OAAO,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;;8GAP7C,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,YAAY;AAClB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-capitalize.mjs","sources":["../../../../projects/softpak/components/spx-capitalize/spx-capitalize.pipe.ts","../../../../projects/softpak/components/spx-capitalize/softpak-components-spx-capitalize.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n  name: 'capitalize',\r\n  standalone: true,\r\n})\r\nexport class SpxCapitalizePipe implements PipeTransform {\r\n\r\n  transform(value: string, ..._args: unknown[]): string {\r\n    return value = value ? value.charAt(0).toUpperCase() + value.substr(1) : '';\r\n  }\r\n\r\n  static transform(value: string, ..._args: unknown[]): string {\r\n    return new SpxCapitalizePipe().transform(value, _args);\r\n  }\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,iBAAiB,CAAA;AAE5B,IAAA,SAAS,CAAC,KAAa,EAAE,GAAG,KAAgB,EAAA;QAC1C,OAAO,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;;AAG7E,IAAA,OAAO,SAAS,CAAC,KAAa,EAAE,GAAG,KAAgB,EAAA;QACjD,OAAO,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;;8GAP7C,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,YAAY;AAClB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACLD;;AAEG;;;;"}