npm - @softpak/components - Versions diffs - 19.0.0-beta.1 → 19.0.0-beta.11 - Mend

@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

package/fesm2022/softpak-components-spx-app-update.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"softpak-components-spx-app-update.mjs","sources":["../../../../projects/softpak/components/spx-app-update/spx-app-update.component.ts","../../../../projects/softpak/components/spx-app-update/softpak-components-spx-app-update.ts"],"sourcesContent":["import { NgClass, NgIf } from '@angular/common';\nimport { ApplicationRef, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxInputComponent } from '@softpak/components/spx-inputs';\nimport { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { Device } from '@capacitor/device';\nimport { Deploy } from 'cordova-plugin-ionic/dist/ngx';\nimport { getCurrentScope } from '@sentry/angular';\nimport { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';\n\nconst ctrlNextVersionNumber = 'ctrlNextVersionNumber';\nconst ctrlVersionNumber = 'ctrlVersionNumber';\nconst ctrlConfiguredChannel = 'ctrlConfiguredChannel';\nconst ctrlAppStoreVersion = 'ctrlAppStoreVersion';\n\n@Component({\n selector: 'spx-app-update',\n imports: [\n FormsModule,\n IonContent,\n IonHeader,\n IonTitle,\n IonToolbar,\n NgClass,\n NgIf,\n ReactiveFormsModule,\n SpxCapitalizePipe,\n SpxInputComponent,\n SpxProgressBarComponent,\n TranslateModule,\n ],\n template: `<ion-header>\n <ion-toolbar>\n <ion-title>\n {{ txtUpdate \| translate \| capitalize }}\n </ion-title>\n </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-content--upd\" [fullscreen]=\"true\">\n <div class=\"ion-padding\">\n <spx-progress-bar [spxPercentage]=\"delayedPercentage\" [spxTitle]=\"updateStatus \| capitalize\">\n </spx-progress-bar>\n <form [formGroup]=\"form\" class=\"mt-3\">\n <div ngIf=\"ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value\" class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3\">\n <spx-input [formControl]=\"ctrlAppStoreVersion\" [spxLabel]=\"txtAppStoreVersion \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n <spx-input [formControl]=\"ctrlConfiguredChannel\" [spxLabel]=\"txtChannel \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n <spx-input [formControl]=\"ctrlVersionNumber\" [spxLabel]=\"txtVersion \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n <spx-input ngIf=\"ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value\" [formControl]=\"ctrlNextVersionNumber\" [spxLabel]=\"txtNextVersion \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n </div>\n </form>\n </div>\n</ion-content>`\n})\nexport class SpxAppUpdateComponent {\n @Input() spxHomeUrl!: string;\n @Input() spxIsSignedIn!: boolean;\n @Input() textCheckingForUpdates!: string;\n @Input() textDownloadingUpdate!: string;\n @Input() textErrorWhileUpdatingApp!: string;\n @Input() textFinishedUpdating!: string;\n @Input() textNoUpdatesAvailable!: string;\n @Input() textUnexpectedError!: string;\n @Input() txtAppStoreVersion!: string;\n @Input() txtChannel!: string;\n @Input() txtNextVersion!: string;\n @Input() txtUpdate!: string;\n @Input() txtVersion!: string;\n @Input() spxAppId!: string;\n\n form: FormGroup;\n\n delayedPercentage: number = 0;\n percentage: number = 0;\n syncTruckInterval: any \| null = null;\n updateStatus: string = this.textCheckingForUpdates;\n\n constructor(\n private readonly deploy: Deploy,\n private readonly router: Router,\n private readonly changeDetector: ChangeDetectorRef,\n private readonly applicationRef: ApplicationRef,\n private readonly translateService: TranslateService,\n private readonly formBuilder: FormBuilder,\n ) {\n this.form = this.formBuilder.group({\n [ctrlNextVersionNumber]: [null, []],\n [ctrlVersionNumber]: [null, []],\n [ctrlConfiguredChannel]: [null, []],\n [ctrlAppStoreVersion]: [null, []],\n });\n }\n\n get ctrlVersionNumber(): FormControl { return this.form.get(ctrlVersionNumber) as FormControl; }\n get ctrlNextVersionNumber(): FormControl { return this.form.get(ctrlNextVersionNumber) as FormControl; }\n get ctrlConfiguredChannel(): FormControl { return this.form.get(ctrlConfiguredChannel) as FormControl; }\n get ctrlAppStoreVersion(): FormControl { return this.form.get(ctrlAppStoreVersion) as FormControl; }\n\n init() {\n this.delayedPercentage = 0;\n this.percentage = 0;\n this.performAutomaticUpdate().then(() => { });\n this.startLoaderSync();\n this.changeStatus({\n percentage: 0,\n text: this.translateService.instant(this.textCheckingForUpdates),\n });\n }\n\n destroy() {\n this.stopLoaderSync();\n }\n\n async performAutomaticUpdate() {\n const deviceInfo = await Device.getInfo();\n\n if (deviceInfo?.platform === 'web') {\n // Local? Skip the update page.\n this.closeUpdateScreen();\n }\n try {\n this.updateInfo();\n\n // Start upgrade\n const currentVersion = await this.deploy.getCurrentVersion();\n if (currentVersion?.binaryVersionName) {\n const binaryGroup = currentVersion.binaryVersionName.substring(0, 3); // e.g. \"1.4\"\n const channelGroup = currentVersion.channel.split('-')[1].substring(0, 3); // e.g. \"1.4\"\n const channelType = currentVersion.channel.split('-')[0];\n\n if (binaryGroup != channelGroup) {\n await this.deploy.configure({\n appId: this.spxAppId,\n channel: `${channelType}-${binaryGroup}.x`\n }).then(() => {\n this.sync().then(() => { });\n });\n } else {\n this.sync().then(() => { });\n }\n } else {\n this.sync().then(() => { });\n }\n // End upgrade\n } catch (error: any) {\n this.changeStatus({\n closeScreen: true,\n error,\n percentage: 100,\n text: this.translateService.instant(this.textUnexpectedError)\n });\n }\n }\n\n private async sync() {\n try {\n this.updateInfo();\n\n const updateAvailableInfo = await this.deploy.checkForUpdate();\n if (!updateAvailableInfo.available) {\n // No update available\n this.changeStatus({\n closeScreen: true,\n percentage: 0,\n text: this.translateService.instant(this.textNoUpdatesAvailable),\n });\n } else {\n // Download update\n await this.deploy.sync({ updateMethod: 'auto' }, (percentage) => {\n this.changeStatus({\n percentage: percentage ?? 0,\n text: this.translateService.instant(this.textDownloadingUpdate, { percentage, version: updateAvailableInfo.build }),\n });\n }).catch((error) => {\n this.changeStatus({\n closeScreen: true,\n error,\n percentage: 100,\n text: this.translateService.instant(this.textErrorWhileUpdatingApp),\n });\n });\n\n this.changeStatus({\n closeScreen: true,\n percentage: 100,\n text: this.translateService.instant(this.textFinishedUpdating, { version: updateAvailableInfo.build })\n });\n }\n } catch (error: any) {\n // Catch unexpected plug-in errors\n this.changeStatus({\n closeScreen: true,\n error,\n percentage: 100,\n text: this.translateService.instant(this.textUnexpectedError)\n });\n }\n }\n\n private async updateInfo(): Promise<void> {\n const currentVersion = await this.deploy.getCurrentVersion();\n const configuration = await this.deploy.getConfiguration();\n const updateAvailableInfo = await this.deploy.checkForUpdate();\n\n if (currentVersion) {\n this.ctrlVersionNumber.setValue({\n value: configuration?.currentBuildId,\n });\n this.ctrlNextVersionNumber.setValue({\n value: updateAvailableInfo?.build\n });\n this.ctrlConfiguredChannel.setValue({\n value: configuration ? configuration.channel : null\n });\n this.ctrlAppStoreVersion.setValue({\n value: configuration ? configuration.binaryVersionName : null\n });\n\n {\n const scope = getCurrentScope();\n scope.setTag('version_binary_code', currentVersion?.binaryVersionCode);\n scope.setTag('version_binary_name', currentVersion?.binaryVersionName);\n scope.setTag('version_build_id', currentVersion?.buildId);\n scope.setTag('channel_type', currentVersion?.channel);\n scope.setTag('version_snapshot_id', currentVersion?.versionId);\n };\n\n this.changeDetector.markForCheck();\n this.applicationRef.tick();\n }\n }\n\n private changeStatus(status: {\n error?: string;\n text: string;\n closeScreen?: boolean;\n percentage: number;\n }) {\n this.updateStatus = status.text;\n this.percentage = status.percentage;\n if (status.closeScreen) {\n this.closeUpdateScreen();\n }\n if (status.error) {\n // this.appStore.dispatch(\n // sharedToasterActions.CREATE_ERROR({\n // messageText: status.error,\n // })\n // );\n }\n this.changeDetector.markForCheck();\n this.applicationRef.tick();\n }\n\n private closeUpdateScreen() {\n // Allowing some time to make a screenshot of version info\n SpxStorage.clearSetting<any>(SpxStorageKeyEnum.updateInProgress);\n setTimeout(() => {\n if (\n SpxStorage.getSetting<any>(SpxStorageKeyEnum.afterSignIn) &&\n this.spxIsSignedIn\n ) {\n this.router.navigate([SpxStorage.getSetting<any>(SpxStorageKeyEnum.afterSignIn)]);\n SpxStorage.clearSetting<any>(SpxStorageKeyEnum.afterSignIn)\n } else {\n this.router.navigate([this.spxHomeUrl]);\n }\n }, 0);\n }\n\n private startLoaderSync() {\n SpxStorage.setSetting<any>(SpxStorageKeyEnum.updateInProgress, '1');\n if (this.syncTruckInterval === null) {\n this.syncTruckInterval = setInterval(() => {\n this.delayedPercentage = this.percentage;\n }, 200);\n }\n }\n\n private stopLoaderSync() {\n if (this.syncTruckInterval !== null) {\n clearInterval(this.syncTruckInterval);\n this.syncTruckInterval = null;\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,qBAAqB,GAAG,uBAAuB;AACrD,MAAM,iBAAiB,GAAG,mBAAmB;AAC7C,MAAM,qBAAqB,GAAG,uBAAuB;AACrD,MAAM,mBAAmB,GAAG,qBAAqB;MA6CpC,qBAAqB,CAAA;IAuBhC,WACmB,CAAA,MAAc,EACd,MAAc,EACd,cAAiC,EACjC,cAA8B,EAC9B,gBAAkC,EAClC,WAAwB,EAAA;QALxB,IAAM,CAAA,MAAA,GAAN,MAAM;QACN,IAAM,CAAA,MAAA,GAAN,MAAM;QACN,IAAc,CAAA,cAAA,GAAd,cAAc;QACd,IAAc,CAAA,cAAA,GAAd,cAAc;QACd,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB;QAChB,IAAW,CAAA,WAAA,GAAX,WAAW;QAX9B,IAAiB,CAAA,iBAAA,GAAW,CAAC;QAC7B,IAAU,CAAA,UAAA,GAAW,CAAC;QACtB,IAAiB,CAAA,iBAAA,GAAe,IAAI;AACpC,QAAA,IAAA,CAAA,YAAY,GAAW,IAAI,CAAC,sBAAsB;QAUhD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACjC,YAAA,CAAC,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;AACnC,YAAA,CAAC,iBAAiB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;AAC/B,YAAA,CAAC,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;AACnC,YAAA,CAAC,mBAAmB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;AAClC,SAAA,CAAC;;AAGJ,IAAA,IAAI,iBAAiB,GAAA,EAAkB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAgB,CAAC;AAC9F,IAAA,IAAI,qBAAqB,GAAA,EAAkB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAgB,CAAC;AACtG,IAAA,IAAI,qBAAqB,GAAA,EAAkB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAgB,CAAC;AACtG,IAAA,IAAI,mBAAmB,GAAA,EAAkB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAgB,CAAC;IAElG,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,iBAAiB,GAAG,CAAC;AAC1B,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC;QACnB,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,CAAC,MAAK,GAAI,CAAC;QAC7C,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,YAAY,CAAC;AAChB,YAAA,UAAU,EAAE,CAAC;YACb,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC;AACjE,SAAA,CAAC;;IAGJ,OAAO,GAAA;QACL,IAAI,CAAC,cAAc,EAAE;;AAGvB,IAAA,MAAM,sBAAsB,GAAA;AAC1B,QAAA,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,OAAO,EAAE;AAEzC,QAAA,IAAI,UAAU,EAAE,QAAQ,KAAK,KAAK,EAAE;;YAElC,IAAI,CAAC,iBAAiB,EAAE;;AAE1B,QAAA,IAAI;YACF,IAAI,CAAC,UAAU,EAAE;;YAGjB,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;AAC5D,YAAA,IAAI,cAAc,EAAE,iBAAiB,EAAE;AACrC,gBAAA,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrE,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1E,gBAAA,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAExD,gBAAA,IAAI,WAAW,IAAI,YAAY,EAAE;AAC/B,oBAAA,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;wBAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ;AACpB,wBAAA,OAAO,EAAE,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,WAAW,CAAI,EAAA;AAC3C,qBAAA,CAAC,CAAC,IAAI,CAAC,MAAK;wBACX,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,MAAK,GAAI,CAAC;AAC7B,qBAAC,CAAC;;qBACG;oBACL,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,MAAK,GAAI,CAAC;;;iBAExB;gBACL,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,MAAK,GAAI,CAAC;;;;QAG7B,OAAO,KAAU,EAAE;YACnB,IAAI,CAAC,YAAY,CAAC;AAChB,gBAAA,WAAW,EAAE,IAAI;gBACjB,KAAK;AACL,gBAAA,UAAU,EAAE,GAAG;gBACf,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB;AAC7D,aAAA,CAAC;;;AAIE,IAAA,MAAM,IAAI,GAAA;AAChB,QAAA,IAAI;YACF,IAAI,CAAC,UAAU,EAAE;YAEjB,MAAM,mBAAmB,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;AAC9D,YAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE;;gBAElC,IAAI,CAAC,YAAY,CAAC;AAChB,oBAAA,WAAW,EAAE,IAAI;AACjB,oBAAA,UAAU,EAAE,CAAC;oBACb,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC;AACjE,iBAAA,CAAC;;iBACG;;AAEL,gBAAA,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,KAAI;oBAC9D,IAAI,CAAC,YAAY,CAAC;wBAChB,UAAU,EAAE,UAAU,IAAI,CAAC;wBAC3B,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,mBAAmB,CAAC,KAAK,EAAE,CAAC;AACpH,qBAAA,CAAC;AACJ,iBAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAI;oBACjB,IAAI,CAAC,YAAY,CAAC;AAChB,wBAAA,WAAW,EAAE,IAAI;wBACjB,KAAK;AACL,wBAAA,UAAU,EAAE,GAAG;wBACf,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;AACpE,qBAAA,CAAC;AACJ,iBAAC,CAAC;gBAEF,IAAI,CAAC,YAAY,CAAC;AAChB,oBAAA,WAAW,EAAE,IAAI;AACjB,oBAAA,UAAU,EAAE,GAAG;AACf,oBAAA,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,OAAO,EAAE,mBAAmB,CAAC,KAAK,EAAE;AACtG,iBAAA,CAAC;;;QAEJ,OAAO,KAAU,EAAE;;YAEnB,IAAI,CAAC,YAAY,CAAC;AAChB,gBAAA,WAAW,EAAE,IAAI;gBACjB,KAAK;AACL,gBAAA,UAAU,EAAE,GAAG;gBACf,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB;AAC7D,aAAA,CAAC;;;AAIE,IAAA,MAAM,UAAU,GAAA;QACtB,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;QAC5D,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;QAC1D,MAAM,mBAAmB,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;QAE9D,IAAI,cAAc,EAAE;AAClB,YAAA,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;gBAC9B,KAAK,EAAE,aAAa,EAAE,cAAc;AACrC,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;gBAClC,KAAK,EAAE,mBAAmB,EAAE;AAC7B,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;gBAClC,KAAK,EAAE,aAAa,GAAG,aAAa,CAAC,OAAO,GAAG;AAChD,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC;gBAChC,KAAK,EAAE,aAAa,GAAG,aAAa,CAAC,iBAAiB,GAAG;AAC1D,aAAA,CAAC;YAEF;AACE,gBAAA,MAAM,KAAK,GAAG,eAAe,EAAE;gBAC/B,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,cAAc,EAAE,iBAAiB,CAAC;gBACtE,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,cAAc,EAAE,iBAAiB,CAAC;gBACtE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,EAAE,OAAO,CAAC;gBACzD,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,EAAE,OAAO,CAAC;gBACrD,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,cAAc,EAAE,SAAS,CAAC;;YAC/D;AAED,YAAA,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;AAClC,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;;;AAItB,IAAA,YAAY,CAAC,MAKpB,EAAA;AACC,QAAA,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI;AAC/B,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU;AACnC,QAAA,IAAI,MAAM,CAAC,WAAW,EAAE;YACtB,IAAI,CAAC,iBAAiB,EAAE;;AAE1B,QAAA,IAAI,MAAM,CAAC,KAAK,EAAE;;;;;;;AAOlB,QAAA,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;AAClC,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;;IAGpB,iBAAiB,GAAA;;AAEvB,QAAA,UAAU,CAAC,YAAY,CAAM,iBAAiB,CAAC,gBAAgB,CAAC;QAChE,UAAU,CAAC,MAAK;AACd,YAAA,IACE,UAAU,CAAC,UAAU,CAAM,iBAAiB,CAAC,WAAW,CAAC;gBACzD,IAAI,CAAC,aAAa,EAClB;AACA,gBAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,UAAU,CAAM,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC;AACjF,gBAAA,UAAU,CAAC,YAAY,CAAM,iBAAiB,CAAC,WAAW,CAAC;;iBACtD;gBACL,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;;SAE1C,EAAE,CAAC,CAAC;;IAGC,eAAe,GAAA;QACrB,UAAU,CAAC,UAAU,CAAM,iBAAiB,CAAC,gBAAgB,EAAE,GAAG,CAAC;AACnE,QAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,EAAE;AACnC,YAAA,IAAI,CAAC,iBAAiB,GAAG,WAAW,CAAC,MAAK;AACxC,gBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU;aACzC,EAAE,GAAG,CAAC;;;IAIH,cAAc,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,EAAE;AACnC,YAAA,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;;8GApOtB,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EA3BpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;eAyBC,EAtCP,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,4YACX,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,SAAS,EACT,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAQ,iFACR,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEV,IAAI,EACJ,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,8VACnB,iBAAiB,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,iBAAiB,EACjB,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,2BAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,OAAA,EAAA,eAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,mGACvB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FA6BV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBA3CjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,OAAO,EAAE;wBACL,WAAW;wBACX,UAAU;wBACV,SAAS;wBACT,QAAQ;wBACR,UAAU;wBACV,OAAO;wBACP,IAAI;wBACJ,mBAAmB;wBACnB,iBAAiB;wBACjB,iBAAiB;wBACjB,uBAAuB;wBACvB,eAAe;AAClB,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBC,cAAA;AACd,iBAAA;sNAEU,UAAU,EAAA,CAAA;sBAAlB;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBACQ,sBAAsB,EAAA,CAAA;sBAA9B;gBACQ,qBAAqB,EAAA,CAAA;sBAA7B;gBACQ,yBAAyB,EAAA,CAAA;sBAAjC;gBACQ,oBAAoB,EAAA,CAAA;sBAA5B;gBACQ,sBAAsB,EAAA,CAAA;sBAA9B;gBACQ,mBAAmB,EAAA,CAAA;sBAA3B;gBACQ,kBAAkB,EAAA,CAAA;sBAA1B;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;;;AC5EH;;AAEG;;;;"}
1	+ {"version":3,"file":"softpak-components-spx-app-update.mjs","sources":["../../../../projects/softpak/components/spx-app-update/spx-app-update.component.ts","../../../../projects/softpak/components/spx-app-update/softpak-components-spx-app-update.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { ApplicationRef, ChangeDetectorRef, Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxInputComponent } from '@softpak/components/spx-inputs';\nimport { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { Device } from '@capacitor/device';\nimport { Deploy } from 'cordova-plugin-ionic/dist/ngx';\nimport { getCurrentScope } from '@sentry/angular';\nimport { IonContent, IonHeader, IonTitle, IonToolbar, NavController } from '@ionic/angular/standalone';\n\nconst ctrlNextVersionNumber = 'ctrlNextVersionNumber';\nconst ctrlVersionNumber = 'ctrlVersionNumber';\nconst ctrlConfiguredChannel = 'ctrlConfiguredChannel';\nconst ctrlAppStoreVersion = 'ctrlAppStoreVersion';\n\n@Component({\n selector: 'spx-app-update',\n imports: [\n FormsModule,\n IonHeader,\n IonToolbar,\n IonTitle,\n IonContent,\n ReactiveFormsModule,\n SpxCapitalizePipe,\n SpxInputComponent,\n SpxProgressBarComponent,\n TranslateModule\n ],\n template: `<ion-header>\n <ion-toolbar>\n <ion-title>\n {{ txtUpdate \| translate \| capitalize }}\n </ion-title>\n </ion-toolbar>\n </ion-header>\n \n <ion-content class=\"ion-content--upd\" [fullscreen]=\"true\">\n <div class=\"ion-padding\">\n <spx-progress-bar [spxPercentage]=\"delayedPercentage\" [spxTitle]=\"updateStatus \| capitalize\">\n </spx-progress-bar>\n <form [formGroup]=\"form\" class=\"mt-3\">\n @if (ctrlAppStoreVersion.value && ctrlAppStoreVersion.value.value) {\n <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3\">\n <spx-input [formControl]=\"ctrlAppStoreVersion\" [spxLabel]=\"txtAppStoreVersion \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n <spx-input [formControl]=\"ctrlConfiguredChannel\" [spxLabel]=\"txtChannel \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n <spx-input [formControl]=\"ctrlVersionNumber\" [spxLabel]=\"txtVersion \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n @if (ctrlNextVersionNumber.value && ctrlNextVersionNumber.value.value) {\n <spx-input [formControl]=\"ctrlNextVersionNumber\" [spxLabel]=\"txtNextVersion \| translate \| capitalize\"\n [spxReadonly]=\"true\"></spx-input>\n }\n </div>\n }\n </form>\n </div>\n </ion-content>`\n})\nexport class SpxAppUpdateComponent {\n @Input() spxHomeUrl!: string;\n @Input() spxIsSignedIn!: boolean;\n @Input() textCheckingForUpdates!: string;\n @Input() textDownloadingUpdate!: string;\n @Input() textErrorWhileUpdatingApp!: string;\n @Input() textFinishedUpdating!: string;\n @Input() textNoUpdatesAvailable!: string;\n @Input() textUnexpectedError!: string;\n @Input() txtAppStoreVersion!: string;\n @Input() txtChannel!: string;\n @Input() txtNextVersion!: string;\n @Input() txtUpdate!: string;\n @Input() txtVersion!: string;\n @Input() spxAppId!: string;\n\n form: FormGroup;\n\n delayedPercentage: number = 0;\n percentage: number = 0;\n syncTruckInterval: any \| null = null;\n updateStatus: string = this.textCheckingForUpdates;\n\n constructor(\n private readonly deploy: Deploy,\n private readonly changeDetector: ChangeDetectorRef,\n private readonly applicationRef: ApplicationRef,\n private readonly translateService: TranslateService,\n private readonly formBuilder: FormBuilder,\n private readonly navController: NavController,\n ) {\n this.form = this.formBuilder.group({\n [ctrlNextVersionNumber]: [null, []],\n [ctrlVersionNumber]: [null, []],\n [ctrlConfiguredChannel]: [null, []],\n [ctrlAppStoreVersion]: [null, []],\n });\n }\n\n get ctrlVersionNumber(): FormControl { return this.form.get(ctrlVersionNumber) as FormControl; }\n get ctrlNextVersionNumber(): FormControl { return this.form.get(ctrlNextVersionNumber) as FormControl; }\n get ctrlConfiguredChannel(): FormControl { return this.form.get(ctrlConfiguredChannel) as FormControl; }\n get ctrlAppStoreVersion(): FormControl { return this.form.get(ctrlAppStoreVersion) as FormControl; }\n\n init() {\n this.delayedPercentage = 0;\n this.percentage = 0;\n this.performAutomaticUpdate().then(() => { });\n this.startLoaderSync();\n this.changeStatus({\n percentage: 0,\n text: this.translateService.instant(this.textCheckingForUpdates),\n });\n }\n\n destroy() {\n this.stopLoaderSync();\n }\n\n async performAutomaticUpdate() {\n const deviceInfo = await Device.getInfo();\n\n if (deviceInfo?.platform === 'web') {\n // Local? Skip the update page.\n this.closeUpdateScreen();\n }\n try {\n this.updateInfo();\n\n // Start upgrade\n const currentVersion = await this.deploy.getCurrentVersion();\n if (currentVersion?.binaryVersionName) {\n const binaryGroup = currentVersion.binaryVersionName.substring(0, 3); // e.g. \"1.4\"\n const channelGroup = currentVersion.channel.split('-')[1].substring(0, 3); // e.g. \"1.4\"\n const channelType = currentVersion.channel.split('-')[0];\n\n if (binaryGroup != channelGroup) {\n await this.deploy.configure({\n appId: this.spxAppId,\n channel: `${channelType}-${binaryGroup}.x`\n }).then(() => {\n this.sync().then(() => { });\n });\n } else {\n this.sync().then(() => { });\n }\n } else {\n this.sync().then(() => { });\n }\n // End upgrade\n } catch (error: any) {\n this.changeStatus({\n closeScreen: true,\n error,\n percentage: 100,\n text: this.translateService.instant(this.textUnexpectedError)\n });\n }\n }\n\n private async sync() {\n try {\n this.updateInfo();\n\n const updateAvailableInfo = await this.deploy.checkForUpdate();\n if (!updateAvailableInfo.available) {\n // No update available\n this.changeStatus({\n closeScreen: true,\n percentage: 0,\n text: this.translateService.instant(this.textNoUpdatesAvailable),\n });\n } else {\n // Download update\n await this.deploy.sync({ updateMethod: 'auto' }, (percentage) => {\n this.changeStatus({\n percentage: percentage ?? 0,\n text: this.translateService.instant(this.textDownloadingUpdate, { percentage, version: updateAvailableInfo.build }),\n });\n }).catch((error) => {\n this.changeStatus({\n closeScreen: true,\n error,\n percentage: 100,\n text: this.translateService.instant(this.textErrorWhileUpdatingApp),\n });\n });\n\n this.changeStatus({\n closeScreen: true,\n percentage: 100,\n text: this.translateService.instant(this.textFinishedUpdating, { version: updateAvailableInfo.build })\n });\n }\n } catch (error: any) {\n // Catch unexpected plug-in errors\n this.changeStatus({\n closeScreen: true,\n error,\n percentage: 100,\n text: this.translateService.instant(this.textUnexpectedError)\n });\n }\n }\n\n private async updateInfo(): Promise<void> {\n const currentVersion = await this.deploy.getCurrentVersion();\n const configuration = await this.deploy.getConfiguration();\n const updateAvailableInfo = await this.deploy.checkForUpdate();\n\n if (currentVersion) {\n this.ctrlVersionNumber.setValue({\n value: configuration?.currentBuildId,\n });\n this.ctrlNextVersionNumber.setValue({\n value: updateAvailableInfo?.build\n });\n this.ctrlConfiguredChannel.setValue({\n value: configuration ? configuration.channel : null\n });\n this.ctrlAppStoreVersion.setValue({\n value: configuration ? configuration.binaryVersionName : null\n });\n\n {\n const scope = getCurrentScope();\n scope.setTag('version_binary_code', currentVersion?.binaryVersionCode);\n scope.setTag('version_binary_name', currentVersion?.binaryVersionName);\n scope.setTag('version_build_id', currentVersion?.buildId);\n scope.setTag('channel_type', currentVersion?.channel);\n scope.setTag('version_snapshot_id', currentVersion?.versionId);\n };\n\n this.changeDetector.markForCheck();\n this.applicationRef.tick();\n }\n }\n\n private changeStatus(status: {\n error?: string;\n text: string;\n closeScreen?: boolean;\n percentage: number;\n }) {\n this.updateStatus = status.text;\n this.percentage = status.percentage;\n if (status.closeScreen) {\n this.closeUpdateScreen();\n }\n if (status.error) {\n // this.appStore.dispatch(\n // sharedToasterActions.CREATE_ERROR({\n // messageText: status.error,\n // })\n // );\n }\n this.changeDetector.markForCheck();\n this.applicationRef.tick();\n }\n\n private closeUpdateScreen() {\n // Allowing some time to make a screenshot of version info\n SpxStorage.clearSetting<any>(SpxStorageKeyEnum.updateInProgress);\n setTimeout(() => {\n if (\n SpxStorage.getSetting<any>(SpxStorageKeyEnum.afterSignIn) &&\n this.spxIsSignedIn\n ) {\n this.navController.navigateRoot([SpxStorage.getSetting<any>(SpxStorageKeyEnum.afterSignIn)]);\n SpxStorage.clearSetting<any>(SpxStorageKeyEnum.afterSignIn)\n } else {\n this.navController.navigateRoot([this.spxHomeUrl]);\n }\n }, 0);\n }\n\n private startLoaderSync() {\n SpxStorage.setSetting<any>(SpxStorageKeyEnum.updateInProgress, '1');\n if (this.syncTruckInterval === null) {\n this.syncTruckInterval = setInterval(() => {\n this.delayedPercentage = this.percentage;\n }, 200);\n }\n }\n\n private stopLoaderSync() {\n if (this.syncTruckInterval !== null) {\n clearInterval(this.syncTruckInterval);\n this.syncTruckInterval = null;\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -30,8 +30,8 @@ class SpxButtonComponent {
         console.log(this.buttonRef);
         this.buttonRef?.nativeElement?.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: "spxDisabled", spxClass: "spxClass", spxClassObject: "spxClassObject", spxForm: "spxForm", spxFullHeight: "spxFullHeight", spxFullWidth: "spxFullWidth", spxSeverity: "spxSeverity", spxSize: "spxSize", spxTabIndex: "spxTabIndex", spxType: "spxType" }, outputs: { spxClick: "spxClick" }, host: { properties: { "class.block": "this.hostClassBlock", "class.h-full": "this.hostClassHFull", "class.w-full": "this.hostClassWFull" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: "spxDisabled", spxClass: "spxClass", spxClassObject: "spxClassObject", spxForm: "spxForm", spxFullHeight: "spxFullHeight", spxFullWidth: "spxFullWidth", spxSeverity: "spxSeverity", spxSize: "spxSize", spxTabIndex: "spxTabIndex", spxType: "spxType" }, outputs: { spxClick: "spxClick" }, host: { properties: { "class.block": "this.hostClassBlock", "class.h-full": "this.hostClassHFull", "class.w-full": "this.hostClassWFull" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, static: true }], ngImport: i0, template: `
   <button
     #buttonRef
     class="border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r"
@@ -64,7 +64,7 @@ class SpxButtonComponent {
     (click)="this.handleClick()"
     part="button"><ng-content></ng-content></button>`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spx-button',

package/fesm2022/softpak-components-spx-capitalize.mjs CHANGED Viewed

@@ -8,10 +8,10 @@ class SpxCapitalizePipe {
     static transform(value, ..._args) {
         return new SpxCapitalizePipe().transform(value, _args);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: SpxCapitalizePipe, isStandalone: true, name: "capitalize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SpxCapitalizePipe, isStandalone: true, name: "capitalize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCapitalizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCapitalizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'capitalize',

package/fesm2022/softpak-components-spx-card.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { NgIf, NgClass } from '@angular/common';
+import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, HostBinding } from '@angular/core';
 import * as i1 from '@fortawesome/angular-fontawesome';
@@ -19,64 +19,67 @@ class SpxCardComponent {
     onClick() {
         this.clicked.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: SpxCardComponent, isStandalone: true, selector: "spx-card", inputs: { clickable: "clickable", hasContent: "hasContent", onDetailPage: "onDetailPage", text: "text", unit: "unit", tableView: "tableView" }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxCardComponent, isStandalone: true, selector: "spx-card", inputs: { clickable: "clickable", hasContent: "hasContent", onDetailPage: "onDetailPage", text: "text", unit: "unit", tableView: "tableView" }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
   <button type="button"
-  class="block w-full text-left rounded font-body items-stretch"
-  [class.flex]="tableView"
-  [class.cursor-pointer]="clickable"
-  [class.cursor-not-allowed]="!clickable"
-  [class.focus:ring-2]="clickable"
-  [class.focus:ring-offset-2]="clickable"
-  [class.focus:ring-blue-500]="clickable"
-  (click)="onClick()"
-  [tabIndex]="clickable ? 0 : -1">
-  <div class="text-gray-900 opacity-90" [class.w-96]="tableView">
-    <ng-content select="[card-header]"></ng-content>
-  </div>
-  <ng-content select="[card-content-top]"></ng-content>
-  <div *ngIf="hasContent" class="bg-white dark:bg-gray-600 p-3">
-    <ng-content select="[card-content]"></ng-content>
-  </div>
-  <ng-content select="[card-content-bottom]"></ng-content>
-  <div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
-    <ng-content select="[card-lines]"></ng-content>
-  </div>
-</button>
-`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    class="block w-full text-left rounded font-body items-stretch"
+    [class.flex]="tableView"
+    [class.cursor-pointer]="clickable"
+    [class.cursor-not-allowed]="!clickable"
+    [class.focus:ring-2]="clickable"
+    [class.focus:ring-offset-2]="clickable"
+    [class.focus:ring-blue-500]="clickable"
+    (click)="onClick()"
+    [tabIndex]="clickable ? 0 : -1">
+    <div class="text-gray-900 opacity-90" [class.w-96]="tableView">
+      <ng-content select="[card-header]"></ng-content>
+    </div>
+    <ng-content select="[card-content-top]"></ng-content>
+    @if (hasContent) {
+      <div class="bg-white dark:bg-gray-600 p-3">
+        <ng-content select="[card-content]"></ng-content>
+      </div>
+    }
+    <ng-content select="[card-content-bottom]"></ng-content>
+    <div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
+      <ng-content select="[card-lines]"></ng-content>
+    </div>
+  </button>
+  `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spx-card',
                     imports: [
-                        NgClass,
-                        NgIf,
+                        NgClass
                     ],
                     template: `
   <button type="button"
-  class="block w-full text-left rounded font-body items-stretch"
-  [class.flex]="tableView"
-  [class.cursor-pointer]="clickable"
-  [class.cursor-not-allowed]="!clickable"
-  [class.focus:ring-2]="clickable"
-  [class.focus:ring-offset-2]="clickable"
-  [class.focus:ring-blue-500]="clickable"
-  (click)="onClick()"
-  [tabIndex]="clickable ? 0 : -1">
-  <div class="text-gray-900 opacity-90" [class.w-96]="tableView">
-    <ng-content select="[card-header]"></ng-content>
-  </div>
-  <ng-content select="[card-content-top]"></ng-content>
-  <div *ngIf="hasContent" class="bg-white dark:bg-gray-600 p-3">
-    <ng-content select="[card-content]"></ng-content>
-  </div>
-  <ng-content select="[card-content-bottom]"></ng-content>
-  <div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
-    <ng-content select="[card-lines]"></ng-content>
-  </div>
-</button>
-`
+    class="block w-full text-left rounded font-body items-stretch"
+    [class.flex]="tableView"
+    [class.cursor-pointer]="clickable"
+    [class.cursor-not-allowed]="!clickable"
+    [class.focus:ring-2]="clickable"
+    [class.focus:ring-offset-2]="clickable"
+    [class.focus:ring-blue-500]="clickable"
+    (click)="onClick()"
+    [tabIndex]="clickable ? 0 : -1">
+    <div class="text-gray-900 opacity-90" [class.w-96]="tableView">
+      <ng-content select="[card-header]"></ng-content>
+    </div>
+    <ng-content select="[card-content-top]"></ng-content>
+    @if (hasContent) {
+      <div class="bg-white dark:bg-gray-600 p-3">
+        <ng-content select="[card-content]"></ng-content>
+      </div>
+    }
+    <ng-content select="[card-content-bottom]"></ng-content>
+    <div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
+      <ng-content select="[card-lines]"></ng-content>
+    </div>
+  </button>
+  `
                 }]
         }], ctorParameters: () => [], propDecorators: { clickable: [{
                 type: Input
@@ -109,8 +112,8 @@ class SpxCardItemComponent {
     get spxIconSeveritySuccess() { return this.spxIconSeverity === SpxSeverityEnum.success; }
     get spxIconSeverityUnknown() { return this.spxIconSeverity === SpxSeverityEnum.unknown; }
     get spxIconSeverityWarning() { return this.spxIconSeverity === SpxSeverityEnum.warning; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCardItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: SpxCardItemComponent, isStandalone: true, selector: "spx-card-item", inputs: { icon: "icon", iconOnly: "iconOnly", spxLabel: "spxLabel", spxValue: "spxValue", spxSeverity: "spxSeverity", spxIconSeverity: "spxIconSeverity" }, host: { properties: { "class.h-full": "this.hFull" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxCardItemComponent, isStandalone: true, selector: "spx-card-item", inputs: { icon: "icon", iconOnly: "iconOnly", spxLabel: "spxLabel", spxValue: "spxValue", spxSeverity: "spxSeverity", spxIconSeverity: "spxIconSeverity" }, host: { properties: { "class.h-full": "this.hFull" } }, ngImport: i0, template: `
     <div class='py-2 px-3 rounded h-full'
       [class.bg-slate-100]="!spxSeverity"
       [class.dark:bg-slate-600]="!spxSeverity"
@@ -119,36 +122,39 @@ class SpxCardItemComponent {
       [class.bg-red-700]="spxSeverityError"
       [class.bg-green-700]="spxSeveritySuccess"
       [class.bg-blue-700]="spxSeverityInfo"
-      [class.bg-grey-700]="spxSeverityUnknown"
+      [class.bg-gray-400]="spxSeverityUnknown"
       [class.bg-amber-700]="spxSeverityWarning">
       <div class="font-small leading-normal">{{ spxLabel }}</div>
       <div class="flex gap-4 text-lg leading-normal py-1">
-        <div *ngIf="icon" class="font-bold text-center leading-normal w-10 max-w-10 min-w-10" [class.grow]="iconOnly">
-          <div
-            class="px-3 py-1 text-white rounded"
-            [class.bg-black]="!spxIconSeverity"
-            [class.bg-red-700]="spxIconSeverityError"
-            [class.bg-green-700]="spxIconSeveritySuccess"
-            [class.bg-blue-700]="spxIconSeverityInfo"
-            [class.bg-grey-700]="spxIconSeverityUnknown"
-            [class.bg-amber-700]="spxIconSeverityWarning">
-            <fa-icon [icon]="icon"></fa-icon>
+        @if (icon) {
+          <div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
+            <div
+              class="px-3 py-1 text-white rounded"
+              [class.bg-black]="!spxIconSeverity"
+              [class.bg-red-700]="spxIconSeverityError"
+              [class.bg-green-700]="spxIconSeveritySuccess"
+              [class.bg-blue-700]="spxIconSeverityInfo"
+              [class.bg-gray-400]="spxIconSeverityUnknown"
+              [class.bg-amber-700]="spxIconSeverityWarning">
+              <fa-icon [icon]="icon"></fa-icon>
+            </div>
           </div>
-        </div>
+        }
         <div class="grow font-bold">
-          <ng-container *ngIf="!iconOnly"><ng-content></ng-content><div [innerHTML]="spxValue"></div></ng-container>
+          @if (!iconOnly) {
+            <ng-content></ng-content><div [innerHTML]="spxValue"></div>
+          }
         </div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    `, isInline: true, dependencies: [{ kind: "component", type: 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: "19.0.0", ngImport: i0, type: SpxCardItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spx-card-item',
                     imports: [
-                        FaIconComponent,
-                        NgIf,
+                        FaIconComponent
                     ],
                     template: `
     <div class='py-2 px-3 rounded h-full'
@@ -159,28 +165,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
       [class.bg-red-700]="spxSeverityError"
       [class.bg-green-700]="spxSeveritySuccess"
       [class.bg-blue-700]="spxSeverityInfo"
-      [class.bg-grey-700]="spxSeverityUnknown"
+      [class.bg-gray-400]="spxSeverityUnknown"
       [class.bg-amber-700]="spxSeverityWarning">
       <div class="font-small leading-normal">{{ spxLabel }}</div>
       <div class="flex gap-4 text-lg leading-normal py-1">
-        <div *ngIf="icon" class="font-bold text-center leading-normal w-10 max-w-10 min-w-10" [class.grow]="iconOnly">
-          <div
-            class="px-3 py-1 text-white rounded"
-            [class.bg-black]="!spxIconSeverity"
-            [class.bg-red-700]="spxIconSeverityError"
-            [class.bg-green-700]="spxIconSeveritySuccess"
-            [class.bg-blue-700]="spxIconSeverityInfo"
-            [class.bg-grey-700]="spxIconSeverityUnknown"
-            [class.bg-amber-700]="spxIconSeverityWarning">
-            <fa-icon [icon]="icon"></fa-icon>
+        @if (icon) {
+          <div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
+            <div
+              class="px-3 py-1 text-white rounded"
+              [class.bg-black]="!spxIconSeverity"
+              [class.bg-red-700]="spxIconSeverityError"
+              [class.bg-green-700]="spxIconSeveritySuccess"
+              [class.bg-blue-700]="spxIconSeverityInfo"
+              [class.bg-gray-400]="spxIconSeverityUnknown"
+              [class.bg-amber-700]="spxIconSeverityWarning">
+              <fa-icon [icon]="icon"></fa-icon>
+            </div>
           </div>
-        </div>
+        }
         <div class="grow font-bold">
-          <ng-container *ngIf="!iconOnly"><ng-content></ng-content><div [innerHTML]="spxValue"></div></ng-container>
+          @if (!iconOnly) {
+            <ng-content></ng-content><div [innerHTML]="spxValue"></div>
+          }
         </div>
       </div>
     </div>
-  `
+    `
                 }]
         }], propDecorators: { hFull: [{
                 type: HostBinding,
@@ -203,8 +213,8 @@ class SpxCardGridComponent {
     constructor() {
         this.minWidth2Columns = 460;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCardGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: SpxCardGridComponent, isStandalone: true, selector: "spx-card-grid", inputs: { minWidth2Columns: "minWidth2Columns" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SpxCardGridComponent, isStandalone: true, selector: "spx-card-grid", inputs: { minWidth2Columns: "minWidth2Columns" }, ngImport: i0, template: `
     <div class='grid gap-3 items-stretch'
     [class.min-[300px]:grid-cols-2]="minWidth2Columns == 300"
     [class.min-[320px]:grid-cols-2]="minWidth2Columns == 320"
@@ -219,7 +229,7 @@ class SpxCardGridComponent {
   </div>
   `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCardGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardGridComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spx-card-grid',
@@ -254,69 +264,92 @@ class SpxCardLineComponent {
     displayValue(val) {
         return val || val === 0 ? val : '—';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SpxCardLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: SpxCardLineComponent, isStandalone: true, selector: "spx-card-line", inputs: { icon: "icon", showPositiveOrNegative: "showPositiveOrNegative", text: "text", value: "value", secondValue: "secondValue", showProgress: "showProgress", unit: "unit", newOrderScreen: "newOrderScreen" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxCardLineComponent, isStandalone: true, selector: "spx-card-line", inputs: { icon: "icon", showPositiveOrNegative: "showPositiveOrNegative", text: "text", value: "value", secondValue: "secondValue", showProgress: "showProgress", unit: "unit", newOrderScreen: "newOrderScreen" }, ngImport: i0, template: `
 <div class="items-center" [class.flex]="!newOrderScreen">
   <div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
   <div class="flex">
-    <fa-icon *ngIf="icon" [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
-    <div *ngIf="showPositiveOrNegative && numericValue < 0" class="rounded-full w-4 h-4 mr-2 bg-sky-600">&nbsp;</div>
-    <span *ngIf="!showProgress" class="block font-medium grow whitespace-pre-line leading-5">
-      <span [innerHTML]="displayValue(value)"></span>
-      <ng-content></ng-content>
-      <span *ngIf="unit"> {{ unit }}</span>
-      <ng-container *ngIf="!unit && secondValue !== null && secondValue !== undefined"> / {{ displayValue(secondValue) }}</ng-container>
-    </span>
+    @if (icon) {
+      <fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
+    }
+    @if (showPositiveOrNegative && numericValue < 0) {
+      <div class="rounded-full w-4 h-4 mr-2 bg-sky-600">&nbsp;</div>
+    }
+    @if (!showProgress) {
+      <span class="block font-medium grow whitespace-pre-line leading-5">
+        <span [innerHTML]="displayValue(value)"></span>
+        <ng-content></ng-content>
+        @if (unit) {
+          <span> {{ unit }}</span>
+        }
+        @if (!unit && secondValue !== null && secondValue !== undefined) {
+          / {{ displayValue(secondValue) }}
+        }
+      </span>
+    }
   </div>
-  <div *ngIf="showProgress" class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
-    <div class="flex">
-      <div class="flex grow gap-2">
-        <div class="bg-gray-200 my-0.5 h-5 w-full rounded">
-          <div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
+  @if (showProgress) {
+    <div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
+      <div class="flex">
+        <div class="flex grow gap-2">
+          <div class="bg-gray-200 my-0.5 h-5 w-full rounded">
+            <div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
+          </div>
+        </div>
+        <div class="flex text-left pl-3 gap-2">
+          <div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
         </div>
-      </div>
-      <div class="flex text-left pl-3 gap-2">
-        <div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
       </div>
     </div>
-  </div>
+  }
 </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"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+`, 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: "19.0.0", ngImport: i0, type: SpxCardLineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxCardLineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spx-card-line',
                     imports: [
                         FontAwesomeModule,
-                        NgClass,
-                        NgIf,
+                        NgClass
                     ],
                     template: `
 <div class="items-center" [class.flex]="!newOrderScreen">
   <div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
   <div class="flex">
-    <fa-icon *ngIf="icon" [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
-    <div *ngIf="showPositiveOrNegative && numericValue < 0" class="rounded-full w-4 h-4 mr-2 bg-sky-600">&nbsp;</div>
-    <span *ngIf="!showProgress" class="block font-medium grow whitespace-pre-line leading-5">
-      <span [innerHTML]="displayValue(value)"></span>
-      <ng-content></ng-content>
-      <span *ngIf="unit"> {{ unit }}</span>
-      <ng-container *ngIf="!unit && secondValue !== null && secondValue !== undefined"> / {{ displayValue(secondValue) }}</ng-container>
-    </span>
+    @if (icon) {
+      <fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
+    }
+    @if (showPositiveOrNegative && numericValue < 0) {
+      <div class="rounded-full w-4 h-4 mr-2 bg-sky-600">&nbsp;</div>
+    }
+    @if (!showProgress) {
+      <span class="block font-medium grow whitespace-pre-line leading-5">
+        <span [innerHTML]="displayValue(value)"></span>
+        <ng-content></ng-content>
+        @if (unit) {
+          <span> {{ unit }}</span>
+        }
+        @if (!unit && secondValue !== null && secondValue !== undefined) {
+          / {{ displayValue(secondValue) }}
+        }
+      </span>
+    }
   </div>
-  <div *ngIf="showProgress" class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
-    <div class="flex">
-      <div class="flex grow gap-2">
-        <div class="bg-gray-200 my-0.5 h-5 w-full rounded">
-          <div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
+  @if (showProgress) {
+    <div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
+      <div class="flex">
+        <div class="flex grow gap-2">
+          <div class="bg-gray-200 my-0.5 h-5 w-full rounded">
+            <div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
+          </div>
+        </div>
+        <div class="flex text-left pl-3 gap-2">
+          <div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
         </div>
-      </div>
-      <div class="flex text-left pl-3 gap-2">
-        <div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
       </div>
     </div>
-  </div>
+  }
 </div>
 `
                 }]