@softpak/components 19.0.0-beta.1 → 19.0.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/fesm2022/softpak-components-spx-alert.mjs +54 -44
  2. package/fesm2022/softpak-components-spx-alert.mjs.map +1 -1
  3. package/fesm2022/softpak-components-spx-app-expiry.mjs +58 -41
  4. package/fesm2022/softpak-components-spx-app-expiry.mjs.map +1 -1
  5. package/fesm2022/softpak-components-spx-app-update.mjs +73 -68
  6. package/fesm2022/softpak-components-spx-app-update.mjs.map +1 -1
  7. package/fesm2022/softpak-components-spx-button.mjs +3 -3
  8. package/fesm2022/softpak-components-spx-capitalize.mjs +3 -3
  9. package/fesm2022/softpak-components-spx-card.mjs +159 -126
  10. package/fesm2022/softpak-components-spx-card.mjs.map +1 -1
  11. package/fesm2022/softpak-components-spx-change-details.mjs +4 -6
  12. package/fesm2022/softpak-components-spx-change-details.mjs.map +1 -1
  13. package/fesm2022/softpak-components-spx-channel-selection.mjs +8 -11
  14. package/fesm2022/softpak-components-spx-channel-selection.mjs.map +1 -1
  15. package/fesm2022/softpak-components-spx-check-digit.mjs +5 -8
  16. package/fesm2022/softpak-components-spx-check-digit.mjs.map +1 -1
  17. package/fesm2022/softpak-components-spx-form-section.mjs +20 -15
  18. package/fesm2022/softpak-components-spx-form-section.mjs.map +1 -1
  19. package/fesm2022/softpak-components-spx-form-view.mjs +145 -138
  20. package/fesm2022/softpak-components-spx-form-view.mjs.map +1 -1
  21. package/fesm2022/softpak-components-spx-helpers.mjs +1 -0
  22. package/fesm2022/softpak-components-spx-helpers.mjs.map +1 -1
  23. package/fesm2022/softpak-components-spx-inputs.mjs +809 -860
  24. package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
  25. package/fesm2022/softpak-components-spx-navigation.mjs +51 -51
  26. package/fesm2022/softpak-components-spx-navigation.mjs.map +1 -1
  27. package/fesm2022/softpak-components-spx-number-check.mjs +48 -42
  28. package/fesm2022/softpak-components-spx-number-check.mjs.map +1 -1
  29. package/fesm2022/softpak-components-spx-pagination.mjs +3 -3
  30. package/fesm2022/softpak-components-spx-patch.mjs +28 -22
  31. package/fesm2022/softpak-components-spx-patch.mjs.map +1 -1
  32. package/fesm2022/softpak-components-spx-progress-bar.mjs +3 -3
  33. package/fesm2022/softpak-components-spx-spinner.mjs +144 -143
  34. package/fesm2022/softpak-components-spx-spinner.mjs.map +1 -1
  35. package/fesm2022/softpak-components-spx-stock-info.mjs +7 -10
  36. package/fesm2022/softpak-components-spx-stock-info.mjs.map +1 -1
  37. package/fesm2022/softpak-components-spx-suggestion.mjs +41 -49
  38. package/fesm2022/softpak-components-spx-suggestion.mjs.map +1 -1
  39. package/fesm2022/softpak-components-spx-toaster.mjs +92 -97
  40. package/fesm2022/softpak-components-spx-toaster.mjs.map +1 -1
  41. package/fesm2022/softpak-components-spx-update.mjs +8 -10
  42. package/fesm2022/softpak-components-spx-update.mjs.map +1 -1
  43. package/fesm2022/softpak-components-spx-validation.mjs +5 -8
  44. package/fesm2022/softpak-components-spx-validation.mjs.map +1 -1
  45. package/package.json +23 -24
  46. package/spx-alert/spx-alert.component.d.ts +4 -4
  47. package/spx-app-update/spx-app-update.component.d.ts +3 -3
  48. package/spx-helpers/spx-severity.enum.d.ts +2 -1
  49. package/spx-inputs/spx-input-box.component.d.ts +4 -4
  50. package/spx-inputs/spx-input-date/spx-input-date.component.d.ts +43 -0
  51. package/spx-inputs/spx-input-float.component.d.ts +5 -4
  52. package/spx-inputs/spx-input-text.component.d.ts +2 -1
  53. package/spx-inputs/spx-input-time-modal.component.d.ts +1 -1
  54. package/spx-inputs/spx-input-time.component.d.ts +1 -1
  55. package/spx-inputs/spx-input.component.d.ts +2 -1
  56. package/spx-suggestion/spx-suggestion.component.d.ts +5 -5
  57. package/tailwind.css +1 -1
  58. package/spx-inputs/spx-input-date.component.d.ts +0 -50
@@ -1,8 +1,6 @@
1
- import * as i1 from '@angular/common';
2
- import { CommonModule, NgIf } from '@angular/common';
3
1
  import * as i0 from '@angular/core';
4
2
  import { EventEmitter, Component, Output, Input } from '@angular/core';
5
- import * as i2 from '@fortawesome/angular-fontawesome';
3
+ import * as i1 from '@fortawesome/angular-fontawesome';
6
4
  import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
7
5
  import { faCheck, faCircleInfo, faTriangleExclamation, faTimes } from '@fortawesome/free-solid-svg-icons';
8
6
  import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
@@ -59,8 +57,8 @@ class SpxAlertComponent {
59
57
  this.spxClose.emit();
60
58
  }
61
59
  }
62
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
63
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", 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: `
60
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
61
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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: `
64
62
  <div class="flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md"
65
63
  [class.cursor-pointer]="this.spxCloseable"
66
64
  [class.bg-red-100]="this.isSeverityError"
@@ -88,38 +86,43 @@ class SpxAlertComponent {
88
86
  [class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
89
87
  [class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
90
88
  (click)="onClose()">
89
+ @if (this.isSeverityInfo) {
91
90
  <fa-icon
92
- *ngIf="this.isSeverityInfo"
93
- [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
94
- <fa-icon
95
- *ngIf="this.isSeverityError"
96
- [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
91
+ [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
92
+ }
93
+ @if (this.isSeverityError) {
97
94
  <fa-icon
98
- *ngIf="this.isSeveritySuccess"
99
- [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
95
+ [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
96
+ }
97
+ @if (this.isSeveritySuccess) {
100
98
  <fa-icon
101
- *ngIf="this.isSeverityWarning"
102
- [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
103
- <div class="grow">
104
- <p *ngIf="this.spxTitle && !this.spxHideTitle" class="font-bold">{{this.spxTitle}}</p>
105
- <p class="text-sm">
106
- <ng-content></ng-content>
107
- </p>
108
- </div>
99
+ [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
100
+ }
101
+ @if (this.isSeverityWarning) {
109
102
  <fa-icon
110
- *ngIf="this.spxCloseable"
111
- [icon]="faTimes" class="block text-xl"></fa-icon>
103
+ [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
104
+ }
105
+ <div class="grow">
106
+ @if (this.spxTitle && !this.spxHideTitle) {
107
+ <p class="font-bold">{{this.spxTitle}}</p>
108
+ }
109
+ <p class="text-sm">
110
+ <ng-content></ng-content>
111
+ </p>
112
112
  </div>
113
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
113
+ @if (this.spxCloseable) {
114
+ <fa-icon
115
+ [icon]="faTimes" class="block text-xl"></fa-icon>
116
+ }
117
+ </div>
118
+ `, 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"] }] }); }
114
119
  }
115
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxAlertComponent, decorators: [{
120
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAlertComponent, decorators: [{
116
121
  type: Component,
117
122
  args: [{
118
123
  selector: 'spx-alert',
119
124
  imports: [
120
- CommonModule,
121
- FontAwesomeModule,
122
- NgIf,
125
+ FontAwesomeModule
123
126
  ],
124
127
  template: `
125
128
  <div class="flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md"
@@ -149,28 +152,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
149
152
  [class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
150
153
  [class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
151
154
  (click)="onClose()">
155
+ @if (this.isSeverityInfo) {
152
156
  <fa-icon
153
- *ngIf="this.isSeverityInfo"
154
- [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
155
- <fa-icon
156
- *ngIf="this.isSeverityError"
157
- [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
157
+ [icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
158
+ }
159
+ @if (this.isSeverityError) {
158
160
  <fa-icon
159
- *ngIf="this.isSeveritySuccess"
160
- [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
161
+ [icon]="faTriangleExclamation" class="block text-xl text-red-600"></fa-icon>
162
+ }
163
+ @if (this.isSeveritySuccess) {
161
164
  <fa-icon
162
- *ngIf="this.isSeverityWarning"
163
- [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
164
- <div class="grow">
165
- <p *ngIf="this.spxTitle && !this.spxHideTitle" class="font-bold">{{this.spxTitle}}</p>
166
- <p class="text-sm">
167
- <ng-content></ng-content>
168
- </p>
169
- </div>
165
+ [icon]="faCheck" class="block text-xl text-lime-600"></fa-icon>
166
+ }
167
+ @if (this.isSeverityWarning) {
170
168
  <fa-icon
171
- *ngIf="this.spxCloseable"
172
- [icon]="faTimes" class="block text-xl"></fa-icon>
169
+ [icon]="faTriangleExclamation" class="block text-xl text-amber-600"></fa-icon>
170
+ }
171
+ <div class="grow">
172
+ @if (this.spxTitle && !this.spxHideTitle) {
173
+ <p class="font-bold">{{this.spxTitle}}</p>
174
+ }
175
+ <p class="text-sm">
176
+ <ng-content></ng-content>
177
+ </p>
173
178
  </div>
179
+ @if (this.spxCloseable) {
180
+ <fa-icon
181
+ [icon]="faTimes" class="block text-xl"></fa-icon>
182
+ }
183
+ </div>
174
184
  `
175
185
  }]
176
186
  }], propDecorators: { spxClose: [{
@@ -1 +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":["import { CommonModule, NgIf } from '@angular/common';\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 imports: [\n CommonModule,\n FontAwesomeModule,\n NgIf,\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 <fa-icon\n *ngIf=\"this.isSeverityInfo\"\n [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeverityError\"\n [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeveritySuccess\"\n [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeverityWarning\"\n [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\n <div class=\"grow\">\n <p *ngIf=\"this.spxTitle && !this.spxHideTitle\" class=\"font-bold\">{{this.spxTitle}}</p>\n <p class=\"text-sm\">\n <ng-content></ng-content>\n </p>\n </div>\n <fa-icon\n *ngIf=\"this.spxCloseable\"\n [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\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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"}
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 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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"}
@@ -1,4 +1,3 @@
1
- import { NgIf } from '@angular/common';
2
1
  import * as i0 from '@angular/core';
3
2
  import { Component, Input } from '@angular/core';
4
3
  import { DateTime } from 'luxon';
@@ -28,53 +27,71 @@ class SpxAppExpiryComponent {
28
27
  this.warning = spxCheckExpiryWarning(this.spxVersion, this.spxExpiry) && !this.finalWarning && !this.expired;
29
28
  }
30
29
  }
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxAppExpiryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", 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: `
33
- <div class="m-3" *ngIf="warning || finalWarning || expired">
34
- <div
35
- class="p-3 font-bold text-white rounded-t text-xl"
36
- [class.bg-lime-600]="warning"
37
- [class.bg-red-600]="expired"
38
- [class.bg-amber-600]="finalWarning">
39
- <ng-container *ngIf="warning">{{ txtUpdateAvailable }}</ng-container>
40
- <ng-container *ngIf="finalWarning">{{ txtLastReminder }}</ng-container>
41
- <ng-container *ngIf="expired">{{ txtExpired }}</ng-container>
42
- </div>
43
- <div
44
- class="bg-amber-50 p-3 text-black rounded-b mb-3">
45
- <div>{{ txtPleaseOpenTheAppStore }}.</div>
46
- <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
47
- <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
48
- <div *ngIf="finalWarning">{{ txtThisVersionWillExpireSoon }}.</div>
30
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAppExpiryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
31
+ 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: `
32
+ @if (warning || finalWarning || expired) {
33
+ <div class="m-3">
34
+ <div
35
+ class="p-3 font-bold text-white rounded-t text-xl"
36
+ [class.bg-lime-600]="warning"
37
+ [class.bg-red-600]="expired"
38
+ [class.bg-amber-600]="finalWarning">
39
+ @if (warning) {
40
+ {{ txtUpdateAvailable }}
41
+ }
42
+ @if (finalWarning) {
43
+ {{ txtLastReminder }}
44
+ }
45
+ @if (expired) {
46
+ {{ txtExpired }}
47
+ }
48
+ </div>
49
+ <div
50
+ class="bg-amber-50 p-3 text-black rounded-b mb-3">
51
+ <div>{{ txtPleaseOpenTheAppStore }}.</div>
52
+ <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
53
+ <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
54
+ @if (finalWarning) {
55
+ <div>{{ txtThisVersionWillExpireSoon }}.</div>
56
+ }
57
+ </div>
49
58
  </div>
50
- </div>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
59
+ }`, isInline: true }); }
51
60
  }
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxAppExpiryComponent, decorators: [{
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAppExpiryComponent, decorators: [{
53
62
  type: Component,
54
63
  args: [{
55
64
  selector: 'spx-app-expiry',
56
- imports: [
57
- NgIf,
58
- ],
65
+ imports: [],
59
66
  template: `
60
- <div class="m-3" *ngIf="warning || finalWarning || expired">
61
- <div
62
- class="p-3 font-bold text-white rounded-t text-xl"
63
- [class.bg-lime-600]="warning"
64
- [class.bg-red-600]="expired"
65
- [class.bg-amber-600]="finalWarning">
66
- <ng-container *ngIf="warning">{{ txtUpdateAvailable }}</ng-container>
67
- <ng-container *ngIf="finalWarning">{{ txtLastReminder }}</ng-container>
68
- <ng-container *ngIf="expired">{{ txtExpired }}</ng-container>
69
- </div>
70
- <div
71
- class="bg-amber-50 p-3 text-black rounded-b mb-3">
72
- <div>{{ txtPleaseOpenTheAppStore }}.</div>
73
- <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
74
- <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
75
- <div *ngIf="finalWarning">{{ txtThisVersionWillExpireSoon }}.</div>
67
+ @if (warning || finalWarning || expired) {
68
+ <div class="m-3">
69
+ <div
70
+ class="p-3 font-bold text-white rounded-t text-xl"
71
+ [class.bg-lime-600]="warning"
72
+ [class.bg-red-600]="expired"
73
+ [class.bg-amber-600]="finalWarning">
74
+ @if (warning) {
75
+ {{ txtUpdateAvailable }}
76
+ }
77
+ @if (finalWarning) {
78
+ {{ txtLastReminder }}
79
+ }
80
+ @if (expired) {
81
+ {{ txtExpired }}
82
+ }
83
+ </div>
84
+ <div
85
+ class="bg-amber-50 p-3 text-black rounded-b mb-3">
86
+ <div>{{ txtPleaseOpenTheAppStore }}.</div>
87
+ <div>{{ txtUpdateTheAppToTheLatestVersion }}.</div>
88
+ <div>{{ txtContactHelpdeskOrSoftpak }}.</div>
89
+ @if (finalWarning) {
90
+ <div>{{ txtThisVersionWillExpireSoon }}.</div>
91
+ }
92
+ </div>
76
93
  </div>
77
- </div>`
94
+ }`
78
95
  }]
79
96
  }], propDecorators: { txtContactHelpdeskOrSoftpak: [{
80
97
  type: Input
@@ -1 +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}","import { NgIf } from '@angular/common';\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 NgIf,\n ],\n template: `\n <div class=\"m-3\" *ngIf=\"warning || finalWarning || expired\">\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 <ng-container *ngIf=\"warning\">{{ txtUpdateAvailable }}</ng-container>\n <ng-container *ngIf=\"finalWarning\">{{ txtLastReminder }}</ng-container>\n <ng-container *ngIf=\"expired\">{{ txtExpired }}</ng-container>\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 <div *ngIf=\"finalWarning\">{{ txtThisVersionWillExpireSoon }}.</div>\n </div>\n </div>`\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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"}
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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"}
@@ -1,9 +1,8 @@
1
- import { NgIf, NgClass } from '@angular/common';
2
1
  import * as i0 from '@angular/core';
3
2
  import { Component, Input } from '@angular/core';
4
- import * as i4 from '@angular/forms';
3
+ import * as i3 from '@angular/forms';
5
4
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
6
- import * as i3 from '@ngx-translate/core';
5
+ import * as i2 from '@ngx-translate/core';
7
6
  import { TranslateModule } from '@ngx-translate/core';
8
7
  import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
9
8
  import { SpxInputComponent } from '@softpak/components/spx-inputs';
@@ -11,22 +10,22 @@ import { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';
11
10
  import { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';
12
11
  import { Device } from '@capacitor/device';
13
12
  import { getCurrentScope } from '@sentry/angular';
14
- import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
13
+ import * as i4 from '@ionic/angular/standalone';
14
+ import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
15
15
  import * as i1 from 'cordova-plugin-ionic/dist/ngx';
16
- import * as i2 from '@angular/router';
17
16
 
18
17
  const ctrlNextVersionNumber = 'ctrlNextVersionNumber';
19
18
  const ctrlVersionNumber = 'ctrlVersionNumber';
20
19
  const ctrlConfiguredChannel = 'ctrlConfiguredChannel';
21
20
  const ctrlAppStoreVersion = 'ctrlAppStoreVersion';
22
21
  class SpxAppUpdateComponent {
23
- constructor(deploy, router, changeDetector, applicationRef, translateService, formBuilder) {
22
+ constructor(deploy, changeDetector, applicationRef, translateService, formBuilder, navController) {
24
23
  this.deploy = deploy;
25
- this.router = router;
26
24
  this.changeDetector = changeDetector;
27
25
  this.applicationRef = applicationRef;
28
26
  this.translateService = translateService;
29
27
  this.formBuilder = formBuilder;
28
+ this.navController = navController;
30
29
  this.delayedPercentage = 0;
31
30
  this.percentage = 0;
32
31
  this.syncTruckInterval = null;
@@ -191,11 +190,11 @@ class SpxAppUpdateComponent {
191
190
  setTimeout(() => {
192
191
  if (SpxStorage.getSetting(SpxStorageKeyEnum.afterSignIn) &&
193
192
  this.spxIsSignedIn) {
194
- this.router.navigate([SpxStorage.getSetting(SpxStorageKeyEnum.afterSignIn)]);
193
+ this.navController.navigateRoot([SpxStorage.getSetting(SpxStorageKeyEnum.afterSignIn)]);
195
194
  SpxStorage.clearSetting(SpxStorageKeyEnum.afterSignIn);
196
195
  }
197
196
  else {
198
- this.router.navigate([this.spxHomeUrl]);
197
+ this.navController.navigateRoot([this.spxHomeUrl]);
199
198
  }
200
199
  }, 0);
201
200
  }
@@ -213,80 +212,86 @@ class SpxAppUpdateComponent {
213
212
  this.syncTruckInterval = null;
214
213
  }
215
214
  }
216
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxAppUpdateComponent, deps: [{ token: i1.Deploy }, { token: i2.Router }, { token: i0.ChangeDetectorRef }, { token: i0.ApplicationRef }, { token: i3.TranslateService }, { token: i4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
217
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", 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>
218
- <ion-toolbar>
219
- <ion-title>
220
- {{ txtUpdate | translate | capitalize }}
221
- </ion-title>
222
- </ion-toolbar>
223
- </ion-header>
224
-
225
- <ion-content class="ion-content--upd" [fullscreen]="true">
226
- <div class="ion-padding">
227
- <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
228
- </spx-progress-bar>
229
- <form [formGroup]="form" class="mt-3">
230
- <div *ngIf="ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value" class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
231
- <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
232
- [spxReadonly]="true"></spx-input>
233
- <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
234
- [spxReadonly]="true"></spx-input>
235
- <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
236
- [spxReadonly]="true"></spx-input>
237
- <spx-input *ngIf="ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value" [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
238
- [spxReadonly]="true"></spx-input>
239
- </div>
240
- </form>
241
- </div>
242
- </ion-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.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", "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: i3.TranslatePipe, name: "translate" }] }); }
215
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", 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 }); }
216
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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>
217
+ <ion-toolbar>
218
+ <ion-title>
219
+ {{ txtUpdate | translate | capitalize }}
220
+ </ion-title>
221
+ </ion-toolbar>
222
+ </ion-header>
223
+
224
+ <ion-content class="ion-content--upd" [fullscreen]="true">
225
+ <div class="ion-padding">
226
+ <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
227
+ </spx-progress-bar>
228
+ <form [formGroup]="form" class="mt-3">
229
+ @if (ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value) {
230
+ <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
231
+ <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
232
+ [spxReadonly]="true"></spx-input>
233
+ <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
234
+ [spxReadonly]="true"></spx-input>
235
+ <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
236
+ [spxReadonly]="true"></spx-input>
237
+ @if (ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value) {
238
+ <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
239
+ [spxReadonly]="true"></spx-input>
240
+ }
241
+ </div>
242
+ }
243
+ </form>
244
+ </div>
245
+ </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: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { 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" }] }); }
243
246
  }
244
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxAppUpdateComponent, decorators: [{
247
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxAppUpdateComponent, decorators: [{
245
248
  type: Component,
246
249
  args: [{
247
250
  selector: 'spx-app-update',
248
251
  imports: [
249
252
  FormsModule,
250
- IonContent,
251
253
  IonHeader,
252
- IonTitle,
253
254
  IonToolbar,
254
- NgClass,
255
- NgIf,
255
+ IonTitle,
256
+ IonContent,
256
257
  ReactiveFormsModule,
257
258
  SpxCapitalizePipe,
258
259
  SpxInputComponent,
259
260
  SpxProgressBarComponent,
260
- TranslateModule,
261
+ TranslateModule
261
262
  ],
262
263
  template: `<ion-header>
263
- <ion-toolbar>
264
- <ion-title>
265
- {{ txtUpdate | translate | capitalize }}
266
- </ion-title>
267
- </ion-toolbar>
268
- </ion-header>
269
-
270
- <ion-content class="ion-content--upd" [fullscreen]="true">
271
- <div class="ion-padding">
272
- <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
273
- </spx-progress-bar>
274
- <form [formGroup]="form" class="mt-3">
275
- <div *ngIf="ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value" class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
276
- <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
277
- [spxReadonly]="true"></spx-input>
278
- <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
279
- [spxReadonly]="true"></spx-input>
280
- <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
281
- [spxReadonly]="true"></spx-input>
282
- <spx-input *ngIf="ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value" [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
283
- [spxReadonly]="true"></spx-input>
284
- </div>
285
- </form>
286
- </div>
287
- </ion-content>`
264
+ <ion-toolbar>
265
+ <ion-title>
266
+ {{ txtUpdate | translate | capitalize }}
267
+ </ion-title>
268
+ </ion-toolbar>
269
+ </ion-header>
270
+
271
+ <ion-content class="ion-content--upd" [fullscreen]="true">
272
+ <div class="ion-padding">
273
+ <spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="updateStatus | capitalize">
274
+ </spx-progress-bar>
275
+ <form [formGroup]="form" class="mt-3">
276
+ @if (ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value) {
277
+ <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
278
+ <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | translate | capitalize"
279
+ [spxReadonly]="true"></spx-input>
280
+ <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | translate | capitalize"
281
+ [spxReadonly]="true"></spx-input>
282
+ <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | translate | capitalize"
283
+ [spxReadonly]="true"></spx-input>
284
+ @if (ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value) {
285
+ <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | translate | capitalize"
286
+ [spxReadonly]="true"></spx-input>
287
+ }
288
+ </div>
289
+ }
290
+ </form>
291
+ </div>
292
+ </ion-content>`
288
293
  }]
289
- }], ctorParameters: () => [{ type: i1.Deploy }, { type: i2.Router }, { type: i0.ChangeDetectorRef }, { type: i0.ApplicationRef }, { type: i3.TranslateService }, { type: i4.FormBuilder }], propDecorators: { spxHomeUrl: [{
294
+ }], ctorParameters: () => [{ type: i1.Deploy }, { type: i0.ChangeDetectorRef }, { type: i0.ApplicationRef }, { type: i2.TranslateService }, { type: i3.FormBuilder }, { type: i4.NavController }], propDecorators: { spxHomeUrl: [{
290
295
  type: Input
291
296
  }], spxIsSignedIn: [{
292
297
  type: Input