@softpak/components 18.6.0 → 18.6.1-beta.1

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

@@ -58,63 +58,63 @@ class SpxAlertComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxAlertComponent, isStandalone: true, selector: "spx-alert", inputs: { spxAutoclose: "spxAutoclose", spxCloseable: "spxCloseable", spxHideTitle: "spxHideTitle", spxTitle: "spxTitle", spxMarginTop: "spxMarginTop", spxSeverity: "spxSeverity", tick: "tick" }, outputs: { spxClose: "spxClose" }, ngImport: i0, template: `
-  <div class="flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md"
-    [class.cursor-pointer]="this.spxCloseable"
-    [class.bg-red-100]="this.isSeverityError"
-    [class.border-red-500]="this.isSeverityError"
-    [class.text-red-900]="this.isSeverityError"
-    [class.bg-cyan-100]="this.isSeverityInfo"
-    [class.border-cyan-500]="this.isSeverityInfo"
-    [class.text-cyan-900]="this.isSeverityInfo"
-    [class.bg-lime-100]="this.isSeveritySuccess"
-    [class.border-lime-500]="this.isSeveritySuccess"
-    [class.text-lime-900]="this.isSeveritySuccess"
-    [class.bg-amber-100]="this.isSeverityWarning"
-    [class.border-amber-500]="this.isSeverityWarning"
-    [class.text-amber-900]="this.isSeverityWarning"
-    [class.focus:ring-red-600]="this.spxCloseable && this.isSeverityError"
-    [class.hover:bg-red-200]="this.spxCloseable && this.isSeverityError"
-    [class.over:border-red-600]="this.spxCloseable && this.isSeverityError"
-    [class.focus:ring-cyan-600]="this.spxCloseable && this.isSeverityInfo"
-    [class.hover:bg-cyan-200]="this.spxCloseable && this.isSeverityInfo"
-    [class.over:border-cyan-600]="this.spxCloseable && this.isSeverityInfo"
-    [class.focus:ring-lime-600]="this.spxCloseable && this.isSeveritySuccess"
-    [class.hover:bg-lime-200]="this.spxCloseable && this.isSeveritySuccess"
-    [class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
-    [class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
-    [class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
-    [class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
-    (click)="onClose()">
-    @if (this.isSeverityInfo) {
-      <fa-icon
-      [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
-    }
-    @if (this.isSeverityError) {
-      <fa-icon
-      [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
-    }
-    @if (this.isSeveritySuccess) {
-      <fa-icon
-      [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
-    }
-    @if (this.isSeverityWarning) {
-      <fa-icon
-      [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
-    }
-    <div class="grow">
-      @if (this.spxTitle && !this.spxHideTitle) {
-        <p class="font-bold">{{this.spxTitle}}</p>
-      }
-      <p class="text-sm">
-        <ng-content></ng-content>
-      </p>
-    </div>
-    @if (this.spxCloseable) {
-      <fa-icon
-      [icon]="faTimes" class="block text-xl"></fa-icon>
-    }
-  </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxAlertComponent, isStandalone: true, selector: "spx-alert", inputs: { spxAutoclose: "spxAutoclose", spxCloseable: "spxCloseable", spxHideTitle: "spxHideTitle", spxTitle: "spxTitle", spxMarginTop: "spxMarginTop", spxSeverity: "spxSeverity", tick: "tick" }, outputs: { spxClose: "spxClose" }, ngImport: i0, template: `
+  <div class="flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md"
+    [class.cursor-pointer]="this.spxCloseable"
+    [class.bg-red-100]="this.isSeverityError"
+    [class.border-red-500]="this.isSeverityError"
+    [class.text-red-900]="this.isSeverityError"
+    [class.bg-cyan-100]="this.isSeverityInfo"
+    [class.border-cyan-500]="this.isSeverityInfo"
+    [class.text-cyan-900]="this.isSeverityInfo"
+    [class.bg-lime-100]="this.isSeveritySuccess"
+    [class.border-lime-500]="this.isSeveritySuccess"
+    [class.text-lime-900]="this.isSeveritySuccess"
+    [class.bg-amber-100]="this.isSeverityWarning"
+    [class.border-amber-500]="this.isSeverityWarning"
+    [class.text-amber-900]="this.isSeverityWarning"
+    [class.focus:ring-red-600]="this.spxCloseable && this.isSeverityError"
+    [class.hover:bg-red-200]="this.spxCloseable && this.isSeverityError"
+    [class.over:border-red-600]="this.spxCloseable && this.isSeverityError"
+    [class.focus:ring-cyan-600]="this.spxCloseable && this.isSeverityInfo"
+    [class.hover:bg-cyan-200]="this.spxCloseable && this.isSeverityInfo"
+    [class.over:border-cyan-600]="this.spxCloseable && this.isSeverityInfo"
+    [class.focus:ring-lime-600]="this.spxCloseable && this.isSeveritySuccess"
+    [class.hover:bg-lime-200]="this.spxCloseable && this.isSeveritySuccess"
+    [class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
+    [class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
+    [class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
+    [class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
+    (click)="onClose()">
+    @if (this.isSeverityInfo) {
+      <fa-icon
+      [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
+    }
+    @if (this.isSeverityError) {
+      <fa-icon
+      [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
+    }
+    @if (this.isSeveritySuccess) {
+      <fa-icon
+      [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
+    }
+    @if (this.isSeverityWarning) {
+      <fa-icon
+      [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
+    }
+    <div class="grow">
+      @if (this.spxTitle && !this.spxHideTitle) {
+        <p class="font-bold">{{this.spxTitle}}</p>
+      }
+      <p class="text-sm">
+        <ng-content></ng-content>
+      </p>
+    </div>
+    @if (this.spxCloseable) {
+      <fa-icon
+      [icon]="faTimes" class="block text-xl"></fa-icon>
+    }
+  </div>
   `, isInline: true, 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxAlertComponent, decorators: [{
@@ -125,63 +125,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     imports: [
                         FontAwesomeModule
                     ],
-                    template: `
-  <div class="flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md"
-    [class.cursor-pointer]="this.spxCloseable"
-    [class.bg-red-100]="this.isSeverityError"
-    [class.border-red-500]="this.isSeverityError"
-    [class.text-red-900]="this.isSeverityError"
-    [class.bg-cyan-100]="this.isSeverityInfo"
-    [class.border-cyan-500]="this.isSeverityInfo"
-    [class.text-cyan-900]="this.isSeverityInfo"
-    [class.bg-lime-100]="this.isSeveritySuccess"
-    [class.border-lime-500]="this.isSeveritySuccess"
-    [class.text-lime-900]="this.isSeveritySuccess"
-    [class.bg-amber-100]="this.isSeverityWarning"
-    [class.border-amber-500]="this.isSeverityWarning"
-    [class.text-amber-900]="this.isSeverityWarning"
-    [class.focus:ring-red-600]="this.spxCloseable && this.isSeverityError"
-    [class.hover:bg-red-200]="this.spxCloseable && this.isSeverityError"
-    [class.over:border-red-600]="this.spxCloseable && this.isSeverityError"
-    [class.focus:ring-cyan-600]="this.spxCloseable && this.isSeverityInfo"
-    [class.hover:bg-cyan-200]="this.spxCloseable && this.isSeverityInfo"
-    [class.over:border-cyan-600]="this.spxCloseable && this.isSeverityInfo"
-    [class.focus:ring-lime-600]="this.spxCloseable && this.isSeveritySuccess"
-    [class.hover:bg-lime-200]="this.spxCloseable && this.isSeveritySuccess"
-    [class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
-    [class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
-    [class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
-    [class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
-    (click)="onClose()">
-    @if (this.isSeverityInfo) {
-      <fa-icon
-      [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
-    }
-    @if (this.isSeverityError) {
-      <fa-icon
-      [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
-    }
-    @if (this.isSeveritySuccess) {
-      <fa-icon
-      [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
-    }
-    @if (this.isSeverityWarning) {
-      <fa-icon
-      [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
-    }
-    <div class="grow">
-      @if (this.spxTitle && !this.spxHideTitle) {
-        <p class="font-bold">{{this.spxTitle}}</p>
-      }
-      <p class="text-sm">
-        <ng-content></ng-content>
-      </p>
-    </div>
-    @if (this.spxCloseable) {
-      <fa-icon
-      [icon]="faTimes" class="block text-xl"></fa-icon>
-    }
-  </div>
+                    template: `
+  <div class="flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md"
+    [class.cursor-pointer]="this.spxCloseable"
+    [class.bg-red-100]="this.isSeverityError"
+    [class.border-red-500]="this.isSeverityError"
+    [class.text-red-900]="this.isSeverityError"
+    [class.bg-cyan-100]="this.isSeverityInfo"
+    [class.border-cyan-500]="this.isSeverityInfo"
+    [class.text-cyan-900]="this.isSeverityInfo"
+    [class.bg-lime-100]="this.isSeveritySuccess"
+    [class.border-lime-500]="this.isSeveritySuccess"
+    [class.text-lime-900]="this.isSeveritySuccess"
+    [class.bg-amber-100]="this.isSeverityWarning"
+    [class.border-amber-500]="this.isSeverityWarning"
+    [class.text-amber-900]="this.isSeverityWarning"
+    [class.focus:ring-red-600]="this.spxCloseable && this.isSeverityError"
+    [class.hover:bg-red-200]="this.spxCloseable && this.isSeverityError"
+    [class.over:border-red-600]="this.spxCloseable && this.isSeverityError"
+    [class.focus:ring-cyan-600]="this.spxCloseable && this.isSeverityInfo"
+    [class.hover:bg-cyan-200]="this.spxCloseable && this.isSeverityInfo"
+    [class.over:border-cyan-600]="this.spxCloseable && this.isSeverityInfo"
+    [class.focus:ring-lime-600]="this.spxCloseable && this.isSeveritySuccess"
+    [class.hover:bg-lime-200]="this.spxCloseable && this.isSeveritySuccess"
+    [class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
+    [class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
+    [class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
+    [class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
+    (click)="onClose()">
+    @if (this.isSeverityInfo) {
+      <fa-icon
+      [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
+    }
+    @if (this.isSeverityError) {
+      <fa-icon
+      [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
+    }
+    @if (this.isSeveritySuccess) {
+      <fa-icon
+      [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
+    }
+    @if (this.isSeverityWarning) {
+      <fa-icon
+      [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
+    }
+    <div class="grow">
+      @if (this.spxTitle && !this.spxHideTitle) {
+        <p class="font-bold">{{this.spxTitle}}</p>
+      }
+      <p class="text-sm">
+        <ng-content></ng-content>
+      </p>
+    </div>
+    @if (this.spxCloseable) {
+      <fa-icon
+      [icon]="faTimes" class="block text-xl"></fa-icon>
+    }
+  </div>
   `,
                 }]
         }], propDecorators: { spxClose: [{

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.interface.ts","../../../../projects/softpak/components/spx-alert/softpak-components-spx-alert.ts"],"sourcesContent":["\nimport { Component, EventEmitter, Input, 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';\n\n@Component({\n  selector: 'spx-alert',\n  standalone: true,\n  imports: [\n    FontAwesomeModule\n],\n  template: `\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.isSeverityError\"\n    [class.border-red-500]=\"this.isSeverityError\"\n    [class.text-red-900]=\"this.isSeverityError\"\n    [class.bg-cyan-100]=\"this.isSeverityInfo\"\n    [class.border-cyan-500]=\"this.isSeverityInfo\"\n    [class.text-cyan-900]=\"this.isSeverityInfo\"\n    [class.bg-lime-100]=\"this.isSeveritySuccess\"\n    [class.border-lime-500]=\"this.isSeveritySuccess\"\n    [class.text-lime-900]=\"this.isSeveritySuccess\"\n    [class.bg-amber-100]=\"this.isSeverityWarning\"\n    [class.border-amber-500]=\"this.isSeverityWarning\"\n    [class.text-amber-900]=\"this.isSeverityWarning\"\n    [class.focus:ring-red-600]=\"this.spxCloseable && this.isSeverityError\"\n    [class.hover:bg-red-200]=\"this.spxCloseable && this.isSeverityError\"\n    [class.over:border-red-600]=\"this.spxCloseable && this.isSeverityError\"\n    [class.focus:ring-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\n    [class.hover:bg-cyan-200]=\"this.spxCloseable && this.isSeverityInfo\"\n    [class.over:border-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\n    [class.focus:ring-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\n    [class.hover:bg-lime-200]=\"this.spxCloseable && this.isSeveritySuccess\"\n    [class.over:border-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\n    [class.focus:ring-amber-600]=\"this.spxCloseable && this.isSeverityWarning\"\n    [class.hover:bg-amber-200]=\"this.spxCloseable && this.isSeverityWarning\"\n    [class.over:border-amber-600]=\"this.spxCloseable && this.isSeverityWarning\"\n    (click)=\"onClose()\">\n    @if (this.isSeverityInfo) {\n      <fa-icon\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\n    }\n    @if (this.isSeverityError) {\n      <fa-icon\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\n    }\n    @if (this.isSeveritySuccess) {\n      <fa-icon\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\n    }\n    @if (this.isSeverityWarning) {\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>\n  `,\n})\nexport class SpxAlertComponent {\n  _autoCloseTimeout: any;\n  @Output() spxClose: EventEmitter<void> = new EventEmitter<void>();\n  @Input() spxAutoclose?: number;\n  @Input() spxCloseable? = false;\n  @Input() spxHideTitle = false;\n  @Input() spxTitle?: string;\n  @Input() spxMarginTop = false;\n  @Input() spxSeverity?: SpxSeverityEnum;\n  @Input() tick = {};\n\n  get isSeverityError() { return this.spxSeverity === SpxSeverityEnum.error; }\n  get isSeverityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }\n  get isSeveritySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }\n  get isSeverityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }\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.tick = {};\n    }, this.spxAutoclose);\n  }\n\n  private _assignDefaultTitle(): void {\n    switch (this.spxSeverity) {\n      case SpxSeverityEnum.error:\n        this.spxTitle = 'Error';\n        break;\n      case SpxSeverityEnum.info:\n        this.spxTitle = 'Info';\n        break;\n      case SpxSeverityEnum.success:\n        this.spxTitle = 'Notification';\n        break;\n      case SpxSeverityEnum.warning:\n        this.spxTitle = 'Warning';\n        break;\n    }\n  }\n\n  onClose() {\n    if (this.spxCloseable) {\n      this.spxClose.emit();\n    }\n  }\n}\n","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.interface.ts","../../../../projects/softpak/components/spx-alert/softpak-components-spx-alert.ts"],"sourcesContent":["\r\nimport { Component, EventEmitter, Input, 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\n\r\n@Component({\r\n  selector: 'spx-alert',\r\n  standalone: true,\r\n  imports: [\r\n    FontAwesomeModule\r\n],\r\n  template: `\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.isSeverityError\"\r\n    [class.border-red-500]=\"this.isSeverityError\"\r\n    [class.text-red-900]=\"this.isSeverityError\"\r\n    [class.bg-cyan-100]=\"this.isSeverityInfo\"\r\n    [class.border-cyan-500]=\"this.isSeverityInfo\"\r\n    [class.text-cyan-900]=\"this.isSeverityInfo\"\r\n    [class.bg-lime-100]=\"this.isSeveritySuccess\"\r\n    [class.border-lime-500]=\"this.isSeveritySuccess\"\r\n    [class.text-lime-900]=\"this.isSeveritySuccess\"\r\n    [class.bg-amber-100]=\"this.isSeverityWarning\"\r\n    [class.border-amber-500]=\"this.isSeverityWarning\"\r\n    [class.text-amber-900]=\"this.isSeverityWarning\"\r\n    [class.focus:ring-red-600]=\"this.spxCloseable && this.isSeverityError\"\r\n    [class.hover:bg-red-200]=\"this.spxCloseable && this.isSeverityError\"\r\n    [class.over:border-red-600]=\"this.spxCloseable && this.isSeverityError\"\r\n    [class.focus:ring-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\r\n    [class.hover:bg-cyan-200]=\"this.spxCloseable && this.isSeverityInfo\"\r\n    [class.over:border-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\r\n    [class.focus:ring-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\r\n    [class.hover:bg-lime-200]=\"this.spxCloseable && this.isSeveritySuccess\"\r\n    [class.over:border-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\r\n    [class.focus:ring-amber-600]=\"this.spxCloseable && this.isSeverityWarning\"\r\n    [class.hover:bg-amber-200]=\"this.spxCloseable && this.isSeverityWarning\"\r\n    [class.over:border-amber-600]=\"this.spxCloseable && this.isSeverityWarning\"\r\n    (click)=\"onClose()\">\r\n    @if (this.isSeverityInfo) {\r\n      <fa-icon\r\n      [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\r\n    }\r\n    @if (this.isSeverityError) {\r\n      <fa-icon\r\n      [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\r\n    }\r\n    @if (this.isSeveritySuccess) {\r\n      <fa-icon\r\n      [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\r\n    }\r\n    @if (this.isSeverityWarning) {\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>\r\n  `,\r\n})\r\nexport class SpxAlertComponent {\r\n  _autoCloseTimeout: any;\r\n  @Output() spxClose: EventEmitter<void> = new EventEmitter<void>();\r\n  @Input() spxAutoclose?: number;\r\n  @Input() spxCloseable? = false;\r\n  @Input() spxHideTitle = false;\r\n  @Input() spxTitle?: string;\r\n  @Input() spxMarginTop = false;\r\n  @Input() spxSeverity?: SpxSeverityEnum;\r\n  @Input() tick = {};\r\n\r\n  get isSeverityError() { return this.spxSeverity === SpxSeverityEnum.error; }\r\n  get isSeverityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }\r\n  get isSeveritySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }\r\n  get isSeverityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }\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.tick = {};\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 = 'Error';\r\n        break;\r\n      case SpxSeverityEnum.info:\r\n        this.spxTitle = 'Info';\r\n        break;\r\n      case SpxSeverityEnum.success:\r\n        this.spxTitle = 'Notification';\r\n        break;\r\n      case SpxSeverityEnum.warning:\r\n        this.spxTitle = '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","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":"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"}

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,sBAKX;AALD,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALW,qBAAqB,KAArB,qBAAqB,GAKhC,EAAA,CAAA,CAAA;;ICLW,aAKX;AALD,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,YAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EALW,YAAY,KAAZ,YAAY,GAKvB,EAAA,CAAA,CAAA;;ICLW,eAGX;AAHD,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,IAAc,CAAA;AACd,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;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,sBAKX;AALD,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALW,qBAAqB,KAArB,qBAAqB,GAKhC,EAAA,CAAA,CAAA;;ICLW,aAKX;AALD,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,YAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EALW,YAAY,KAAZ,YAAY,GAKvB,EAAA,CAAA,CAAA;;ICLW,eAGX;AAHD,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,IAAc,CAAA;AACd,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;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: "18.2.13", ngImport: i0, type: SpxAppExpiryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: SpxAppExpiryComponent, decorators: [{
@@ -64,34 +64,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: 'spx-app-expiry',
                     standalone: true,
                     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  standalone: true,\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  standalone: true,\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-app-update.mjs

@@ -213,35 +213,35 @@ class SpxAppUpdateComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxAppUpdateComponent, deps: [{ token: i1.Deploy }, { token: i0.ChangeDetectorRef }, { token: i0.ApplicationRef }, { token: i2.TranslateService }, { token: i3.FormBuilder }, { token: i4.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxAppUpdateComponent, isStandalone: true, selector: "spx-app-update", inputs: { spxHomeUrl: "spxHomeUrl", spxIsSignedIn: "spxIsSignedIn", textCheckingForUpdates: "textCheckingForUpdates", textDownloadingUpdate: "textDownloadingUpdate", textErrorWhileUpdatingApp: "textErrorWhileUpdatingApp", textFinishedUpdating: "textFinishedUpdating", textNoUpdatesAvailable: "textNoUpdatesAvailable", textUnexpectedError: "textUnexpectedError", txtAppStoreVersion: "txtAppStoreVersion", txtChannel: "txtChannel", txtNextVersion: "txtNextVersion", txtUpdate: "txtUpdate", txtVersion: "txtVersion", spxAppId: "spxAppId" }, ngImport: i0, template: `<ion-header>
-    <ion-toolbar>
-      <ion-title>
-        {{ txtUpdate | translate | capitalize }}
-      </ion-title>
-    </ion-toolbar>
-  </ion-header>
-  
-  <ion-content class="ion-content--upd" [fullscreen]="true">
-    <div class="ion-padding">
-      <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
-      </spx-progress-bar>
-      <form [formGroup]="form" class="mt-3">
-        @if (ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value) {
-          <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
-            <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
-            [spxReadonly]="true"></spx-input>
-            <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
-            [spxReadonly]="true"></spx-input>
-            <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
-            [spxReadonly]="true"></spx-input>
-            @if (ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value) {
-              <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
-              [spxReadonly]="true"></spx-input>
-            }
-          </div>
-        }
-      </form>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxAppUpdateComponent, isStandalone: true, selector: "spx-app-update", inputs: { spxHomeUrl: "spxHomeUrl", spxIsSignedIn: "spxIsSignedIn", textCheckingForUpdates: "textCheckingForUpdates", textDownloadingUpdate: "textDownloadingUpdate", textErrorWhileUpdatingApp: "textErrorWhileUpdatingApp", textFinishedUpdating: "textFinishedUpdating", textNoUpdatesAvailable: "textNoUpdatesAvailable", textUnexpectedError: "textUnexpectedError", txtAppStoreVersion: "txtAppStoreVersion", txtChannel: "txtChannel", txtNextVersion: "txtNextVersion", txtUpdate: "txtUpdate", txtVersion: "txtVersion", spxAppId: "spxAppId" }, ngImport: i0, template: `<ion-header>
+    <ion-toolbar>
+      <ion-title>
+        {{ txtUpdate | translate | capitalize }}
+      </ion-title>
+    </ion-toolbar>
+  </ion-header>
+  
+  <ion-content class="ion-content--upd" [fullscreen]="true">
+    <div class="ion-padding">
+      <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
+      </spx-progress-bar>
+      <form [formGroup]="form" class="mt-3">
+        @if (ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value) {
+          <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
+            <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
+            [spxReadonly]="true"></spx-input>
+            <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
+            [spxReadonly]="true"></spx-input>
+            <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
+            [spxReadonly]="true"></spx-input>
+            @if (ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value) {
+              <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
+              [spxReadonly]="true"></spx-input>
+            }
+          </div>
+        }
+      </form>
+    </div>
   </ion-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i4.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i4.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i4.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i4.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxInputComponent, selector: "spx-input", inputs: ["spxLabel", "spxMax", "spxMin", "spxName", "spxReadonly", "spxAutocomplete", "spxAutofocus", "spxInputMode", "spxPattern", "spxRequired", "spxSelectMonth", "spxSelectDay", "spxShowEdit", "spxShowHelp", "spxShowLabel", "spxCompact", "spxShowClear", "spxShowSearch", "spxShowValidationMessages", "spxStep", "spxSuggestions", "spxType", "spxValidators", "value", "spxCapitalize", "spxFocused"], outputs: ["spxBlur", "spxClear", "spxChange", "spxFocus", "spxEdit", "spxHelp", "spxSearch"] }, { kind: "component", type: SpxProgressBarComponent, selector: "spx-progress-bar", inputs: ["spxPercentage", "spxTitle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxAppUpdateComponent, decorators: [{
@@ -258,35 +258,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SpxProgressBarComponent,
                         TranslateModule
                     ],
-                    template: `<ion-header>
-    <ion-toolbar>
-      <ion-title>
-        {{ txtUpdate | translate | capitalize }}
-      </ion-title>
-    </ion-toolbar>
-  </ion-header>
-  
-  <ion-content class="ion-content--upd" [fullscreen]="true">
-    <div class="ion-padding">
-      <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
-      </spx-progress-bar>
-      <form [formGroup]="form" class="mt-3">
-        @if (ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value) {
-          <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
-            <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
-            [spxReadonly]="true"></spx-input>
-            <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
-            [spxReadonly]="true"></spx-input>
-            <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
-            [spxReadonly]="true"></spx-input>
-            @if (ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value) {
-              <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
-              [spxReadonly]="true"></spx-input>
-            }
-          </div>
-        }
-      </form>
-    </div>
+                    template: `<ion-header>
+    <ion-toolbar>
+      <ion-title>
+        {{ txtUpdate | translate | capitalize }}
+      </ion-title>
+    </ion-toolbar>
+  </ion-header>
+  
+  <ion-content class="ion-content--upd" [fullscreen]="true">
+    <div class="ion-padding">
+      <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
+      </spx-progress-bar>
+      <form [formGroup]="form" class="mt-3">
+        @if (ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value) {
+          <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
+            <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
+            [spxReadonly]="true"></spx-input>
+            <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
+            [spxReadonly]="true"></spx-input>
+            <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
+            [spxReadonly]="true"></spx-input>
+            @if (ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value) {
+              <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
+              [spxReadonly]="true"></spx-input>
+            }
+          </div>
+        }
+      </form>
+    </div>
   </ion-content>`,
                 }]
         }], ctorParameters: () => [{ type: i1.Deploy }, { type: i0.ChangeDetectorRef }, { type: i0.ApplicationRef }, { type: i2.TranslateService }, { type: i3.FormBuilder }, { type: i4.NavController }], propDecorators: { spxHomeUrl: [{