@sumaris-net/ngx-components 2.4.68 → 2.4.70

package/fesm2020/sumaris-net.ngx-components.mjs

@@ -10476,6 +10476,10 @@ const SYSTEM_SOUNDS = [
     { assetId: 'beep-error', assetPath: 'assets/audio/beep-error.mp3', vibration: 1000 },
     { assetId: 'beep-notification', assetPath: 'assets/audio/beep-notification.mp3', vibration: [450, 150, 450] }
 ];
+const DEFAULT_AUDIO_MODE_RETURN = {
+    audioMode: AudioManagement.AudioMode.NORMAL,
+    label: 'Normal'
+};
 class AudioProvider extends StartableService {
     constructor(platform, audioManagement) {
         super(platform);
@@ -10526,10 +10530,14 @@ class AudioProvider extends StartableService {
         return this.play('startup');
     }
     async preload(sound) {
+        if (!sound?.assetId)
+            return; // Skip
+        if (!!this._preloadedSounds[sound.assetId])
+            return; // Already preloaded
         if (isNil(this._audioType))
             await this.ready();
         const assetPath = (this._assetPathPrefix || '') + sound.assetPath;
-        console.info(`[audio] Preloading audio file '${assetPath}'...`);
+        console.info(`[audio] Preloading sound '${sound.assetId}', from file '${assetPath}'...`);
         try {
             if (this._audioType === 'native') {
                 await NativeAudio.preload({
@@ -10544,10 +10552,10 @@ class AudioProvider extends StartableService {
             }
             // Add to map
             this._preloadedSounds[sound.assetId] = sound;
-            console.info(`[audio] Preloading audio file '${assetPath}' [OK]`);
+            console.info(`[audio] Preloading sound '${sound.assetId}' [OK]`);
         }
         catch (err) {
-            console.error(`[audio] Unable to preload audio file '${assetPath}': ${err && err.message || err}\n${err?.originalStack}`);
+            console.error(`[audio] Unable to preload sound '${sound.assetId}', from file '${assetPath}': ${err && err.message || err}\n${err?.originalStack || ''}`);
         }
     }
     async play(assetId, opts) {
@@ -10556,7 +10564,7 @@ class AudioProvider extends StartableService {
             await this.ready();
         const sound = this._preloadedSounds[assetId];
         if (!sound) {
-            throw Error(`Unable to find audio with id '${assetId}'. Please call preload() before playing a sound.`);
+            throw Error(`Unable to find sound '${assetId}'. Please call preload() before playing a sound.`);
         }
         // If silent: skip
         if (this._audioMode === AudioManagement.AudioMode.SILENT)
@@ -10647,9 +10655,13 @@ class AudioProvider extends StartableService {
     }
     /* -- protected methods  -- */
     async readAudioMode() {
-        const value = await this.audioManagement.getAudioMode();
-        this._audioMode = value && value.audioMode || AudioManagement.AudioMode.NORMAL;
-        console.debug(`[audio] Detected device audio mode {${value.label}} (${this._audioMode})`);
+        let value = await this.audioManagement.getAudioMode();
+        value = {
+            ...DEFAULT_AUDIO_MODE_RETURN,
+            ...value
+        };
+        console.debug(`[audio] Detected audio mode {label: '${value.label}', audioMode: ${value.audioMode}}`);
+        this._audioMode = value.audioMode;
     }
 }
 AudioProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioProvider, deps: [{ token: i1.Platform }, { token: i2$1.AudioManagement, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -32754,10 +32766,10 @@ class UserEventNotificationIcon {
     }
 }
 UserEventNotificationIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UserEventNotificationIcon, deps: [{ token: APP_USER_EVENT_SERVICE, optional: true }, { token: AccountService }, { token: i1.PopoverController }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-UserEventNotificationIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UserEventNotificationIcon, selector: "app-user-event-notification-icon", inputs: { debug: "debug", titleI18n: "titleI18n", disabled: "disabled", filter: "filter", autoHide: "autoHide" }, ngImport: i0, template: "<button\n  #button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  *ngIf=\"visible\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"countChanges | async\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >notifications\n  </mat-icon>\n</button>\n\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UserEventNotificationIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UserEventNotificationIcon, selector: "app-user-event-notification-icon", inputs: { debug: "debug", titleI18n: "titleI18n", disabled: "disabled", filter: "filter", autoHide: "autoHide" }, ngImport: i0, template: "<button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  *ngIf=\"visible\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"countChanges | async\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >notifications\n  </mat-icon>\n</button>\n\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UserEventNotificationIcon, decorators: [{
             type: Component,
-            args: [{ selector: 'app-user-event-notification-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  *ngIf=\"visible\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"countChanges | async\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >notifications\n  </mat-icon>\n</button>\n\n" }]
+            args: [{ selector: 'app-user-event-notification-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  mat-icon-button\n  [title]=\"titleI18n | translate\"\n  [disabled]=\"disabled\"\n  *ngIf=\"visible\"\n  (click)=\"showList($event)\"\n>\n  <mat-icon\n    [matBadge]=\"countChanges | async\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n  >notifications\n  </mat-icon>\n</button>\n\n" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {