@sumaris-net/ngx-components 0.25.20 → 0.26.3

package/bundles/sumaris-net.ngx-components.umd.js

@@ -4018,8 +4018,8 @@
             }, "");
         };
         FormErrorAdapter.prototype.translateControlPath = function (path, opts) {
-            if (opts === null || opts === void 0 ? void 0 : opts.pathTranslateService) {
-                return opts === null || opts === void 0 ? void 0 : opts.pathTranslateService.translateControlPath(path);
+            if (opts === null || opts === void 0 ? void 0 : opts.controlPathTranslator) {
+                return opts === null || opts === void 0 ? void 0 : opts.controlPathTranslator.translateControlPath(path);
             }
             var i18nKey = (opts && opts.i18nPrefix || '') + changeCaseToUnderscore(path).toUpperCase();
             return this.translate.instant(i18nKey);
@@ -7760,6 +7760,89 @@
                 },] }
     ];
 
+    var MatBadgeIconDirective = /** @class */ (function () {
+        function MatBadgeIconDirective(el) {
+            this.el = el;
+        }
+        MatBadgeIconDirective.prototype.ngOnInit = function () {
+            this.size = this.size || 'medium';
+            this.color = this.color || 'primary';
+            if (this.color === 'warn')
+                this.color = 'warning';
+            var fontSize;
+            switch (this.size) {
+                case 'large':
+                    fontSize = '24px';
+                    break;
+                case 'medium':
+                    fontSize = '22px';
+                    break;
+                case 'small':
+                    fontSize = '16px';
+                    break;
+            }
+            var badge = this.el.nativeElement.querySelector('.mat-badge-content');
+            badge.style.display = 'flex';
+            badge.style.alignItems = 'center';
+            badge.style.justifyContent = 'center';
+            if (this.color !== 'accent') {
+                if (this.fill !== 'clear') {
+                    badge.style.background = "var(--ion-color-" + this.color + ")";
+                    badge.style.color = "var(--ion-color-" + this.color + "-contrast)";
+                }
+                else {
+                    badge.style.color = "var(--ion-color-" + this.color + ")";
+                    badge.style.background = 'transparent';
+                }
+            }
+            if (this.matIcon) {
+                badge.innerHTML = "<i class=\"material-icons\" style=\"font-size: " + fontSize + ";\">" + this.matIcon + "</i>";
+            }
+            else if (this.ionIcon) {
+                badge.innerHTML = "<ion-icon style=\"font-size: " + fontSize + ";\" name=\"" + this.ionIcon + "\"></ion-icon>";
+            }
+        };
+        return MatBadgeIconDirective;
+    }());
+    MatBadgeIconDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[matBadgeIcon], [ionBadgeIcon]',
+                    inputs: [
+                        'size: matBadgeSize',
+                        'color: matBadgeColor',
+                        'fill: matBadgeFill',
+                    ]
+                },] }
+    ];
+    MatBadgeIconDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+    MatBadgeIconDirective.propDecorators = {
+        matIcon: [{ type: i0.Input, args: ['matBadgeIcon',] }],
+        ionIcon: [{ type: i0.Input, args: ['ionBadgeIcon',] }]
+    };
+
+    var SharedMatBadgeIconModule = /** @class */ (function () {
+        function SharedMatBadgeIconModule() {
+        }
+        return SharedMatBadgeIconModule;
+    }());
+    SharedMatBadgeIconModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        i1$4.CommonModule,
+                        i1$5.IonicModule,
+                        badge.MatBadgeModule,
+                    ],
+                    exports: [
+                        MatBadgeIconDirective
+                    ],
+                    declarations: [
+                        MatBadgeIconDirective
+                    ]
+                },] }
+    ];
+
     var modules = [
         // Angular material components
         i1$3.MatCommonModule,
@@ -7801,7 +7884,8 @@
         SharedMatBooleanModule,
         SharedMatNumpadModule,
         SharedMatSwipeModule,
-        MaterialChipsModule
+        MaterialChipsModule,
+        SharedMatBadgeIconModule
     ];
     var SharedMaterialModule = /** @class */ (function () {
         function SharedMaterialModule() {
@@ -18462,7 +18546,7 @@
     MaterialTestingPage.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-material-testing',
-                    template: "\n<ion-header>\n  <ion-toolbar color=\"primary\">\n\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Material components</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n\n  <ion-list>\n\n    <ion-item-divider>Shared Material components</ion-item-divider>\n\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./datetime')\">\n      Date/Time field\n    </ion-item>\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./autocomplete')\">\n      Autocomplete field\n    </ion-item>\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./latlong')\">\n      Lat/Long field\n    </ion-item>\n<!--    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./numpad')\">-->\n<!--      Numeric pad component-->\n<!--    </ion-item>-->\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./swipe')\">\n      Swipe component\n    </ion-item>\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./chips')\">\n      Chips component\n    </ion-item>\n\n    <ng-container *ngIf=\"pages && pages.length\">\n      <ion-item-divider>Other components</ion-item-divider>\n\n      <ion-item *ngFor=\"let item of pages\"\n                tappable class=\"text-1x\"\n                (click)=\"openPage(item.page)\">{{item.label}}</ion-item>\n\n    </ng-container>\n  </ion-list>\n\n</ion-content>\n"
+                    template: "\n<ion-header>\n  <ion-toolbar color=\"primary\">\n\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Material components</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n\n  <ion-list>\n\n    <ion-item-divider>Shared Material components</ion-item-divider>\n\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./datetime')\">\n      Date/Time field\n    </ion-item>\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./autocomplete')\">\n      Autocomplete field\n    </ion-item>\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./latlong')\">\n      Lat/Long field\n    </ion-item>\n<!--    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./numpad')\">-->\n<!--      Numeric pad component-->\n<!--    </ion-item>-->\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./swipe')\">\n      Swipe component\n    </ion-item>\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./chips')\">\n      Chips component\n    </ion-item>\n\n    <ion-item-divider>Directive</ion-item-divider>\n    <ion-item tappable class=\"text-1x\" (click)=\"openPage('./badge-icon')\">\n      Badge icon directive\n    </ion-item>\n\n    <ng-container *ngIf=\"pages && pages.length\">\n      <ion-item-divider>Other components</ion-item-divider>\n\n      <ion-item *ngFor=\"let item of pages\"\n                tappable class=\"text-1x\"\n                (click)=\"openPage(item.page)\">{{item.label}}</ion-item>\n\n    </ng-container>\n  </ion-list>\n\n</ion-content>\n"
                 },] }
     ];
     MaterialTestingPage.ctorParameters = function () { return [
@@ -18747,6 +18831,18 @@
         { type: i1.FormBuilder }
     ]; };
 
+    var MatBadgeIconTestPage = /** @class */ (function () {
+        function MatBadgeIconTestPage() {
+        }
+        return MatBadgeIconTestPage;
+    }());
+    MatBadgeIconTestPage.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'mat-badge-icon-test',
+                    template: "\n<ion-header>\n  <ion-toolbar color=\"primary\">\n\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>matBadgeIcon directive</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n\n  <!-- small badge -->\n  <p>\n    <ion-text color=\"tertiary\">\n      <span matBadge matIcon=\"check\"\n            matBadgeSize=\"small\"\n            matBadgeColor=\"accent\"\n            matBadgeOverlap=\"false\">Small badge</span>\n    </ion-text>\n  </p>\n\n  <!-- medium badge -->\n  <p>\n    <ion-text matBadge matBadgeIcon=\"check\"\n              matBadgeSize=\"medium\"\n              matBadgeColor=\"tertiary\"\n              matBadgeOverlap=\"false\"\n    >Medium badge</ion-text>\n  </p>\n\n  <!-- small badge -->\n  <p>\n    <ion-label matBadge matBadgeIcon=\"close\" matBadgeSize=\"large\"\n          matBadgeOverlap=\"false\">Large badge</ion-label>\n  </p>\n\n  <!-- default size badge -->\n  <p>\n    <ion-label matBadge matBadgeIcon=\"check\" matBadgeColor=\"success\"\n            matBadgeOverlap=\"false\">Badge (no size, no color)\n    </ion-label>\n  </p>\n\n  <!-- ion icon -->\n  <p>\n    <ion-label matBadge\n               ionBadgeIcon=\"checkmark\"\n               matBadgeColor=\"success\"\n            matBadgeOverlap=\"false\">Badge with ion-icon\n    </ion-label>\n  </p>\n\n  <!-- ion icon clear -->\n  <p>\n    <ion-label matBadge\n               ionBadgeIcon=\"checkmark-circle\"\n               matBadgeColor=\"tertiary\"\n               matBadgeFill=\"clear\"\n               matBadgeOverlap=\"false\">Badge with clear icon\n    </ion-label>\n  </p>\n\n\n</ion-content>\n"
+                },] }
+    ];
+
     var routes$1 = [
         {
             path: '',
@@ -18782,6 +18878,11 @@
             path: 'chips',
             pathMatch: 'full',
             component: ChipsTestPage
+        },
+        {
+            path: 'badge-icon',
+            pathMatch: 'full',
+            component: MatBadgeIconTestPage
         }
     ];
     var MaterialTestingModule = /** @class */ (function () {
@@ -18806,7 +18907,8 @@
                         LatLongTestPage,
                         // NumpadTestPage,
                         SwipeTestPage,
-                        ChipsTestPage
+                        ChipsTestPage,
+                        MatBadgeIconTestPage
                     ],
                     exports: [
                         SharedMaterialModule,
@@ -18908,20 +19010,22 @@
 
     // eslint-disable-next-line @angular-eslint/directive-class-suffix
     var AppForm = /** @class */ (function () {
-        function AppForm(dateAdapter, form, settings) {
-            this.dateAdapter = dateAdapter;
-            this.settings = settings;
-            this._subscription = new rxjs.Subscription();
+        function AppForm(injector, form) {
+            var _this = this;
+            this.error = null;
             this._enable = false;
             this._loading = true;
-            this.error = null;
+            this.i18nFieldPrefix = null;
+            this._subscription = new rxjs.Subscription();
             this.debug = false;
             this.onCancel = new i0.EventEmitter();
             this.onSubmit = new i0.EventEmitter();
             if (form)
                 this.setForm(form);
-            this.autocompleteHelper = new MatAutocompleteConfigHolder(settings && {
-                getUserAttributes: function (a, b) { return settings.getFieldDisplayAttributes(a, b); }
+            this.settings = injector.get(LocalSettingsService);
+            this.errorTranslator = injector.get(FormErrorAdapter);
+            this.autocompleteHelper = new MatAutocompleteConfigHolder(this.settings && {
+                getUserAttributes: function (a, b) { return _this.settings.getFieldDisplayAttributes(a, b); }
             });
             this.autocompleteFields = this.autocompleteHelper.fields;
         }
@@ -19021,6 +19125,9 @@
         });
         AppForm.prototype.ngOnInit = function () {
             this._enable ? this.enable() : this.disable();
+            this.errorTranslatorOptions = this.errorTranslatorOptions || {
+                controlPathTranslator: this
+            };
         };
         AppForm.prototype.ngOnDestroy = function () {
             this._subscription.unsubscribe();
@@ -19130,7 +19237,18 @@
             if (!opts || opts.emitEvent !== false)
                 this.markForCheck();
         };
+        AppForm.prototype.translateControlPath = function (path) {
+            return this.getFieldName(path);
+        };
         /* -- protected methods -- */
+        AppForm.prototype.getFormError = function (form, opts) {
+            if (!form || !this.errorTranslator)
+                return undefined;
+            return this.errorTranslator.translateErrors(this.form, Object.assign({ controlPathTranslator: this }, opts));
+        };
+        AppForm.prototype.getFieldName = function (path) {
+            return (this.i18nFieldPrefix || '') + changeCaseToUnderscore(path).toUpperCase();
+        };
         AppForm.prototype.registerSubscription = function (sub) {
             return this._subscription.add(sub);
         };
@@ -19147,13 +19265,13 @@
         { type: i0.Directive }
     ];
     AppForm.ctorParameters = function () { return [
-        { type: undefined },
-        { type: i1.FormGroup },
-        { type: LocalSettingsService }
+        { type: i0.Injector },
+        { type: i1.FormGroup }
     ]; };
     AppForm.propDecorators = {
         debug: [{ type: i0.Input }],
         tabindex: [{ type: i0.Input }],
+        errorTranslatorOptions: [{ type: i0.Input }],
         form: [{ type: i0.Input }],
         onCancel: [{ type: i0.Output }],
         onSubmit: [{ type: i0.Output }]
@@ -19161,12 +19279,12 @@
 
     var AuthForm = /** @class */ (function (_super) {
         __extends(AuthForm, _super);
-        function AuthForm(platform, dateAdapter, formBuilder, settings, configService, modalCtrl, network, cd, environment) {
-            var _this = _super.call(this, dateAdapter, formBuilder.group({
+        function AuthForm(injector, platform, formBuilder, settings, configService, modalCtrl, network, cd, environment) {
+            var _this = _super.call(this, injector, formBuilder.group({
                 username: [null, i1.Validators.required],
                 password: [null, i1.Validators.required],
                 offline: [network.offline]
-            }), settings) || this;
+            })) || this;
             _this.configService = configService;
             _this.modalCtrl = modalCtrl;
             _this.network = network;
@@ -19270,8 +19388,8 @@
                 },] }
     ];
     AuthForm.ctorParameters = function () { return [
+        { type: i0.Injector },
         { type: PlatformService },
-        { type: i1$3.DateAdapter },
         { type: i1.FormBuilder },
         { type: LocalSettingsService },
         { type: ConfigService },
@@ -19974,9 +20092,8 @@
 
     var AccountPage = /** @class */ (function (_super) {
         __extends(AccountPage, _super);
-        function AccountPage(dateAdapter, router, formBuilder, accountService, validatorService, settingsValidatorService, translate, settings, cd, locales) {
-            var _this = _super.call(this, dateAdapter, validatorService.getFormGroup(accountService.account), settings) || this;
-            _this.dateAdapter = dateAdapter;
+        function AccountPage(injector, router, formBuilder, accountService, validatorService, settingsValidatorService, translate, settings, cd, locales) {
+            var _this = _super.call(this, injector, validatorService.getFormGroup(accountService.account)) || this;
             _this.router = router;
             _this.formBuilder = formBuilder;
             _this.accountService = accountService;
@@ -20172,7 +20289,7 @@
                 },] }
     ];
     AccountPage.ctorParameters = function () { return [
-        { type: i1$3.DateAdapter },
+        { type: i0.Injector },
         { type: i3.Router },
         { type: i1.FormBuilder },
         { type: AccountService },
@@ -20571,9 +20688,8 @@
 
     var SettingsPage = /** @class */ (function (_super_1) {
         __extends(SettingsPage, _super_1);
-        function SettingsPage(dateAdapter, platform, router, validatorService, alertCtrl, translate, formBuilder, accountService, settings, cd, network, locales) {
-            var _this = _super_1.call(this, dateAdapter, validatorService.getFormGroup(), settings) || this;
-            _this.dateAdapter = dateAdapter;
+        function SettingsPage(injector, platform, router, validatorService, alertCtrl, translate, formBuilder, accountService, settings, cd, network, locales) {
+            var _this = _super_1.call(this, injector, validatorService.getFormGroup()) || this;
             _this.platform = platform;
             _this.router = router;
             _this.validatorService = validatorService;
@@ -20927,7 +21043,7 @@
                 },] }
     ];
     SettingsPage.ctorParameters = function () { return [
-        { type: i1$3.DateAdapter },
+        { type: i0.Injector },
         { type: PlatformService },
         { type: i3.Router },
         { type: LocalSettingsValidatorService },
@@ -20944,8 +21060,7 @@
     var AppPropertiesForm = /** @class */ (function (_super) {
         __extends(AppPropertiesForm, _super);
         function AppPropertiesForm(injector, formBuilder, dateAdapter, settings, cd, formGroupDir) {
-            var _this = _super.call(this, dateAdapter, null, settings) || this;
-            _this.injector = injector;
+            var _this = _super.call(this, injector, null) || this;
             _this.formBuilder = formBuilder;
             _this.dateAdapter = dateAdapter;
             _this.settings = settings;
@@ -21069,7 +21184,7 @@
     var AppListForm = /** @class */ (function (_super) {
         __extends(AppListForm, _super);
         function AppListForm(injector, formBuilder, dateAdapter, settings, cd, formGroupDir) {
-            var _this = _super.call(this, dateAdapter, null, settings) || this;
+            var _this = _super.call(this, injector, null) || this;
             _this.injector = injector;
             _this.formBuilder = formBuilder;
             _this.dateAdapter = dateAdapter;
@@ -23714,7 +23829,7 @@
             this.saveBeforeSort = toBoolean(this.saveBeforeSort, !this.readOnly); // force to false when readonly
             this.saveBeforeFilter = toBoolean(this.saveBeforeFilter, !this.readOnly); // force to false when readonly
             this.keepEditedRowOnSave = toBoolean(this.keepEditedRowOnSave, this.inlineEdition);
-            this.translateErrorOptions = this.translateErrorOptions || { separator: ', ', pathTranslateService: this }; // Can be override in subclasses constructors
+            this.errorTranslatorOptions = this.errorTranslatorOptions || { separator: ', ', controlPathTranslator: this }; // Can be override in subclasses constructors
             // Check ask user confirmation is possible
             if (this.confirmBeforeDelete && !this.alertCtrl)
                 throw Error('Missing \'alertCtrl\' or \'injector\' in component\'s constructor.');
@@ -24791,7 +24906,7 @@
             return this._autocompleteConfigHolder.add(fieldName, options);
         };
         AppTable.prototype.getI18nColumnName = function (columnName) {
-            return this.i18nColumnPrefix + changeCaseToUnderscore(columnName).toUpperCase();
+            return (this.i18nColumnPrefix || '') + changeCaseToUnderscore(columnName).toUpperCase();
         };
         AppTable.prototype.generateTableId = function () {
             return this.location.path(true).replace(/[?].*$/g, '').replace(/\/[\d]+/g, '_id') + '_' + this.constructor.name;
@@ -24910,7 +25025,7 @@
             row = row || this.editedRow;
             if (!row || !this.formErrorAdapter)
                 return undefined;
-            return this.formErrorAdapter.translateErrors(row.validator, Object.assign(Object.assign({}, this.translateErrorOptions), opts));
+            return this.formErrorAdapter.translateErrors(row.validator, Object.assign(Object.assign({}, this.errorTranslatorOptions), opts));
         };
         AppTable.prototype.setError = function (value, opts) {
             if (this.errorSubject.value !== value) {
@@ -25755,6 +25870,7 @@
                 enableListenChanges: (injector.get(ENVIRONMENT).listenRemoteChanges === true), pathIdAttribute: 'id', autoLoad: true, autoUpdateRoute: true, i18nPrefix: ''
             }, options);
             _this.settings = injector.get(LocalSettingsService);
+            _this.formErrorAdapter = injector.get(FormErrorAdapter);
             _this.cd = injector.get(i0.ChangeDetectorRef);
             _this.dateFormat = injector.get(DateFormatPipe);
             _this.toastController = injector.get(i1$5.ToastController);
@@ -25856,7 +25972,6 @@
         /**
          * Load data from the snapshot route
          *
-         * @param route
          * @protected
          */
         AppEntityEditor.prototype.loadFromRoute = function () {
@@ -25965,7 +26080,7 @@
                             idChanged = isNotNil(data.id)
                                 && this.previousDataId !== undefined // Ignore if first loading (=undefined)
                                 && this.previousDataId !== data.id;
-                            opts = Object.assign({ updateRoute: this._autoUpdateRoute && idChanged && !this.loading, openTabIndex: this._autoOpenNextTab && idChanged && this.computeNextTabIndex() }, opts);
+                            opts = Object.assign({ updateRoute: this._autoUpdateRoute && idChanged && !this.loading, openTabIndex: this._autoOpenNextTab && idChanged && isNil(this.previousDataId) && this.computeNextTabIndex() }, opts);
                             this.data = data;
                             this.previousDataId = data.id || null;
                             promiseOrVoid = this.setValue(data);
@@ -25986,7 +26101,7 @@
                                         .then(function () { return _this.updateTitle(data); });
                                 }
                                 else {
-                                    // Update the tag group index
+                                    // Update the next tab
                                     this.updateTabIndex(opts.openTabIndex);
                                     // Update the title.
                                     this.updateTitle(data);
@@ -26021,7 +26136,7 @@
                     switch (_b.label) {
                         case 0:
                             this.queryParams = this.queryParams || {};
-                            // Open the tab group
+                            // Open the next tab
                             this.updateTabIndex(opts && opts.openTabIndex);
                             // Save the opened tab into the queryParams
                             this.queryParams.tab = this.selectedTabIndex;
@@ -26054,12 +26169,9 @@
          * Update the route location, and open the next tab
          */
         AppEntityEditor.prototype.updateTabIndex = function (tabIndex) {
-            // Open the second tab
-            if (isNotNil(tabIndex)) {
-                if (this.selectedTabIndex !== tabIndex) {
-                    this.selectedTabIndex = tabIndex;
-                    this.markForCheck();
-                }
+            if (isNotNil(tabIndex) && tabIndex > this.selectedTabIndex) {
+                this.selectedTabIndex = tabIndex;
+                this.markForCheck();
             }
         };
         AppEntityEditor.prototype.saveAndClose = function (event, options) {
@@ -26093,7 +26205,13 @@
                 });
             });
         };
-        AppEntityEditor.prototype.save = function (event, options) {
+        /**
+         * Save the editor, by calling the dataService.save().
+         * Ensure that editor if valid. If not, display an error
+         * @param event
+         * @param opts
+         */
+        AppEntityEditor.prototype.save = function (event, opts) {
             return __awaiter(this, void 0, void 0, function () {
                 var data, updatedData, err_2;
                 return __generator(this, function (_b) {
@@ -26131,14 +26249,14 @@
                         case 3:
                             data = _b.sent();
                             this.disable();
-                            return [4 /*yield*/, this.dataService.save(data, options)];
+                            return [4 /*yield*/, this.dataService.save(data, opts)];
                         case 4:
                             updatedData = _b.sent();
                             return [4 /*yield*/, this.onEntitySaved(updatedData)];
                         case 5:
                             _b.sent();
                             // Update the view (e.g metadata)
-                            return [4 /*yield*/, this.updateView(updatedData, options)];
+                            return [4 /*yield*/, this.updateView(updatedData, opts)];
                         case 6:
                             // Update the view (e.g metadata)
                             _b.sent();
@@ -26296,7 +26414,7 @@
             });
         };
         AppEntityEditor.prototype.setError = function (err) {
-            console.error('[data-editor] ' + err && err.message || err, err);
+            console.error('[entity-editor] Error: ' + err && err.message || '', err);
             var userMessage = err && err.message && this.translate.instant(err.message) || err;
             // Add details error (if any) under the main message
             var detailMessage = err && err.details && (err.details.message || err.details) || undefined;
@@ -26308,8 +26426,13 @@
             this.error = userMessage;
         };
         /* -- protected methods -- */
+        /**
+         * Return undefined to keep same tab
+         * @protected
+         */
         AppEntityEditor.prototype.computeNextTabIndex = function () {
-            return this.selectedTabIndex + 1 < this.tabCount ? this.selectedTabIndex + 1 : undefined;
+            var nextTabIndex = this.selectedTabIndex + 1;
+            return nextTabIndex < this.tabCount ? nextTabIndex : undefined;
         };
         AppEntityEditor.prototype.unload = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -28028,12 +28151,15 @@
     exports["ɵ0"] = ɵ0$5;
     exports["ɵa"] = CustomReuseStrategy;
     exports["ɵb"] = MatNumpadDomService;
-    exports["ɵc"] = isFocusableElement;
-    exports["ɵd"] = RegisterForm;
-    exports["ɵe"] = AccountValidatorService;
-    exports["ɵf"] = RegisterModal;
-    exports["ɵg"] = UserSettingsValidatorService;
-    exports["ɵh"] = LocalSettingsValidatorService;
+    exports["ɵc"] = SharedMatBadgeIconModule;
+    exports["ɵd"] = MatBadgeIconDirective;
+    exports["ɵe"] = isFocusableElement;
+    exports["ɵf"] = MatBadgeIconTestPage;
+    exports["ɵg"] = RegisterForm;
+    exports["ɵh"] = AccountValidatorService;
+    exports["ɵi"] = RegisterModal;
+    exports["ɵj"] = UserSettingsValidatorService;
+    exports["ɵk"] = LocalSettingsValidatorService;
 
     Object.defineProperty(exports, '__esModule', { value: true });