@sumaris-net/ngx-components 1.23.0-rc4 → 1.23.0

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

@@ -22895,7 +22895,7 @@
     FormButtonsBarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-form-buttons-bar',
-                    template: "\n<ion-toolbar [class]=\"classList\">\n  <ion-row class=\"ion-no-padding\" nowrap>\n    <!-- show menu button -->\n    <ion-col size=\"auto\" class=\"hidden-xs hidden-sm\">\n      <ion-menu-toggle>\n        <button\n          mat-icon-button\n          color=\"accent\"\n          [title]=\"'COMMON.BTN_SHOW_MENU' | translate\"\n          (click)=\"menu.toggleSplitPaneWhen()\">\n          <mat-icon><span>&#xbb;</span></mat-icon>\n        </button>\n      </ion-menu-toggle>\n    </ion-col>\n\n    <ion-col>\n      <ng-content></ng-content>\n    </ion-col>\n\n    <ion-col size=\"auto\">\n\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- close (go back) -->\n      <ion-button fill=\"clear\" color=\"dark\" (click)=\"onBack.emit($event)\"\n                  (keyup.enter)=\"onBack.emit($event)\"\n                  *ngIf=\"onBack.observers | isNotEmptyArray\">\n        <ion-label translate>COMMON.BTN_CLOSE</ion-label>\n      </ion-button>\n\n      <!-- reload -->\n      <ion-button fill=\"clear\" color=\"dark\" (click)=\"onCancel.emit($event)\"\n                  (keyup.enter)=\"onCancel.emit($event)\"\n                  [disabled]=\"disabledCancel\">\n        <ion-icon slot=\"start\" name=\"refresh\"></ion-icon>\n        <ion-label translate>COMMON.BTN_RESET</ion-label>\n      </ion-button>\n\n      <!-- next -->\n      <ion-button fill=\"solid\" (click)=\"onNext.emit($event)\" (keyup.enter)=\"onNext.emit($event)\" *ngIf=\"onNext.observers | isNotEmptyArray\">\n        <ion-label translate>COMMON.BTN_NEXT</ion-label>\n        <ion-icon slot=\"end\" name=\"arrow-forward\"></ion-icon>\n      </ion-button>\n\n      <!-- save -->\n      <ion-button [fill]=\"disabled ? 'clear' : 'solid'\"\n                  (click)=\"onSave.emit($event)\"\n                  (keyup.enter)=\"onSave.emit($event)\" color=\"danger\"\n                  [disabled]=\"disabled\">\n        <ion-label [innerHTML]=\"'COMMON.BTN_SAVE_WITH_SHORTCUT'|translate\" [title]=\"'COMMON.BTN_SAVE_WITH_SHORTCUT_HELP'|translate\"></ion-label>\n      </ion-button>\n    </ion-col>\n  </ion-row>\n</ion-toolbar>\n",
+                    template: "\n<ion-toolbar [class]=\"classList\">\n  <ion-row class=\"ion-no-padding\" nowrap>\n    <!-- show menu button -->\n    <ion-col size=\"auto\" class=\"hidden-xs hidden-sm\">\n      <ion-menu-toggle>\n        <button\n          mat-icon-button\n          color=\"accent\"\n          [title]=\"'COMMON.BTN_SHOW_MENU' | translate\"\n          (click)=\"menu.toggleSplitPaneWhen()\">\n          <mat-icon><span>&#xbb;</span></mat-icon>\n        </button>\n      </ion-menu-toggle>\n    </ion-col>\n\n    <ion-col class=\"app-form-buttons-bar-content\">\n      <ng-content></ng-content>\n    </ion-col>\n\n    <ion-col size=\"auto\">\n\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- close (go back) -->\n      <ion-button fill=\"clear\" color=\"dark\" (click)=\"onBack.emit($event)\"\n                  (keyup.enter)=\"onBack.emit($event)\"\n                  *ngIf=\"onBack.observers | isNotEmptyArray\">\n        <ion-label translate>COMMON.BTN_CLOSE</ion-label>\n      </ion-button>\n\n      <!-- reload -->\n      <ion-button fill=\"clear\" color=\"dark\" (click)=\"onCancel.emit($event)\"\n                  (keyup.enter)=\"onCancel.emit($event)\"\n                  [disabled]=\"disabledCancel\">\n        <ion-icon slot=\"start\" name=\"refresh\"></ion-icon>\n        <ion-label translate>COMMON.BTN_RESET</ion-label>\n      </ion-button>\n\n      <!-- next -->\n      <ion-button fill=\"solid\" (click)=\"onNext.emit($event)\" (keyup.enter)=\"onNext.emit($event)\" *ngIf=\"onNext.observers | isNotEmptyArray\">\n        <ion-label translate>COMMON.BTN_NEXT</ion-label>\n        <ion-icon slot=\"end\" name=\"arrow-forward\"></ion-icon>\n      </ion-button>\n\n      <!-- save -->\n      <ion-button [fill]=\"disabled ? 'clear' : 'solid'\"\n                  (click)=\"onSave.emit($event)\"\n                  (keyup.enter)=\"onSave.emit($event)\" color=\"danger\"\n                  [disabled]=\"disabled\">\n        <ion-label [innerHTML]=\"'COMMON.BTN_SAVE_WITH_SHORTCUT'|translate\" [title]=\"'COMMON.BTN_SAVE_WITH_SHORTCUT_HELP'|translate\"></ion-label>\n      </ion-button>\n    </ion-col>\n  </ion-row>\n</ion-toolbar>\n",
                     providers: [
                         { provide: FormButtonsBarToken, useExisting: FormButtonsBarComponent }
                     ],
@@ -25831,15 +25831,43 @@
             return _this;
         }
         Object.defineProperty(EntitiesTableDataSource.prototype, "serviceOptions", {
+            /**
+             * @deprecated Use watchAllOptions or saveAllOptions
+             */
             get: function () {
-                return this.config.dataServiceOptions;
+                return this.config.dataServiceOptions
+                    || Object.assign(Object.assign({}, this.watchAllOptions), this.saveAllOptions);
             },
+            /**
+             * @deprecated Use watchAllOptions or saveAllOptions
+             */
             set: function (value) {
+                console.warn('dataSource.serviceOptions is deprecated! Please use \'watchAllOptions\' or \'saveAllOptions\' instead');
                 this.config.dataServiceOptions = value;
             },
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(EntitiesTableDataSource.prototype, "watchAllOptions", {
+            get: function () {
+                return this.config.watchAllOptions;
+            },
+            set: function (value) {
+                this.config.watchAllOptions = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(EntitiesTableDataSource.prototype, "saveAllOptions", {
+            get: function () {
+                return this.config.saveAllOptions;
+            },
+            set: function (value) {
+                this.config.saveAllOptions = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(EntitiesTableDataSource.prototype, "loaded", {
             get: function () {
                 return this.loadingSubject.value === false; // Should be false when undefined (initial state)
@@ -26604,11 +26632,12 @@
         });
         AppTable.prototype.ngOnInit = function () {
             var _this = this;
+            var _a;
             if (this._initialized)
                 return; // Init only once
             this._initialized = true;
             // Set defaults
-            this.readOnly = toBoolean(this.readOnly, false); // read/write by default
+            this.readOnly = toBoolean(this.readOnly, ((_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.config.readOnly) || false); // read/write by default
             this.inlineEdition = !this.readOnly && toBoolean(this.inlineEdition, false); // force to false when readonly
             this.saveBeforeDelete = toBoolean(this.saveBeforeDelete, !this.readOnly); // force to false when readonly
             this.saveBeforeSort = toBoolean(this.saveBeforeSort, !this.readOnly); // force to false when readonly
@@ -27774,23 +27803,25 @@
                 var row;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
-                        case 0:
-                            this.focusFirstColumn = true;
-                            this.focusColumn = (opts === null || opts === void 0 ? void 0 : opts.focusColumn) || this.firstUserColumn;
-                            return [4 /*yield*/, this._dataSource.createNew(insertAt, Object.assign({ editing: true }, opts))];
+                        case 0: return [4 /*yield*/, this._dataSource.createNew(insertAt, Object.assign({ editing: true }, opts))];
                         case 1:
                             row = _e.sent();
                             if (!row)
                                 return [2 /*return*/, undefined];
-                            // Emit start editing event
                             if (row.editing) {
+                                // Update focused column
+                                this.focusFirstColumn = true;
+                                this.focusColumn = (opts === null || opts === void 0 ? void 0 : opts.focusColumn) || this.firstUserColumn;
+                                // Emit start editing event
                                 this.editedRow = row;
                                 this.onStartEditingRow.emit(this.editedRow);
                             }
                             this.totalRowCount++;
                             this.visibleRowCount++;
                             this.markAsDirty({ emitEvent: false /*markForCheck() is called just after*/ });
-                            this.markForCheck();
+                            // Emit event
+                            if (!opts || opts.emitEvent !== false)
+                                this.markForCheck();
                             return [2 /*return*/, row];
                     }
                 });
@@ -33913,9 +33944,12 @@
                         case 1:
                             fetched = _a.sent();
                             if (!(fetched && (event === null || event === void 0 ? void 0 : event.target) && event.target.complete)) return [3 /*break*/, 3];
+                            // Wait end of load
                             return [4 /*yield*/, this.waitIdle()];
                         case 2:
+                            // Wait end of load
                             _a.sent();
+                            // Mark target event as completed (e.g. IonRefresher)
                             event.target.complete();
                             _a.label = 3;
                         case 3: return [2 /*return*/];