@sumaris-net/ngx-components 1.0.10 → 1.2.1

package/fesm2015/sumaris-net.ngx-components.js

@@ -2120,6 +2120,14 @@ class DateUtils {
     static max(date1, date2) {
         return !date1 ? date2 : (!date2 || date1.isSameOrAfter(date2) ? date1 : date2);
     }
+    static equals(date1, date2) {
+        return DateUtils.isSame(date1, date2);
+    }
+    static isSame(date1, date2, granularity) {
+        const d1 = fromDateISOString(date1);
+        const d2 = fromDateISOString(date2);
+        return (!d1 && !d2) || d1.isSame(d2, granularity);
+    }
 }
 function toDateISOString(value) {
     if (!value)
@@ -3185,7 +3193,7 @@ function adaptValueToControl(source, control, path) {
             source = source.split('|');
         }
         // Skip if value is not an array
-        if (!(source instanceof Array) || control.length === 0) {
+        if (!Array.isArray(source) || control.length === 0) {
             if (isNotEmptyArray(source))
                 console.warn(`WARN: please resize the FormArray '${path}' to the same length of the input array`);
             return [];
@@ -7715,7 +7723,7 @@ class AppFormField {
     }
     computeValuesFromToken(token) {
         const values = this.injector.get(token);
-        return values instanceof Array ? values : [];
+        return Array.isArray(values) ? values : [];
     }
     checkAndResolveFormControl() {
         if (this.formControl)
@@ -8755,7 +8763,7 @@ class EntityUtils {
         }, {});
     }
     static getMapAsArray(source) {
-        if (source instanceof Array)
+        if (Array.isArray(source))
             return source;
         return Object.getOwnPropertyNames(source || {})
             .map(key => ({
@@ -10866,8 +10874,8 @@ class EntityStore {
                 this.storage.get(this._storageKey),
                 this.storage.get(this.storageKeyById)
             ]);
-            const values = res[0] && res[0] instanceof Array ? res[0] : null;
-            const ids = res[1] && res[1] instanceof Array ? res[1] : null;
+            const values = res[0] && Array.isArray(res[0]) ? res[0] : null;
+            const ids = res[1] && Array.isArray(res[1]) ? res[1] : null;
             let migration = false;
             let oldKeysToClean;
             // "Split by id" mode
@@ -12148,7 +12156,7 @@ class GraphqlService extends StartableService {
                 update: opts.update
             })
                 .pipe(catchError(error => this.onApolloError(error, opts.error)), first()).toPromise();
-            if (res.errors instanceof Array) {
+            if (Array.isArray(res.errors)) {
                 throw res.errors[0];
             }
             return res.data;
@@ -12776,7 +12784,7 @@ class BaseGraphqlService extends StartableService {
         if (!queries.length)
             return;
         queries.forEach(query => {
-            if (opts.data instanceof Array) {
+            if (Array.isArray(opts.data)) {
                 // Filter values, if a filter function exists
                 const data = query.insertFilterFn ? opts.data.filter(i => query.insertFilterFn(i)) : opts.data;
                 if (isNotEmptyArray(data)) {
@@ -12813,7 +12821,7 @@ class BaseGraphqlService extends StartableService {
             return;
         console.debug(`[base-data-service] Removing data from watching queries: `, queries);
         return queries.map(query => {
-            if (opts.ids instanceof Array) {
+            if (Array.isArray(opts.ids)) {
                 return this.graphql.removeFromCachedQueryByIds(cache, {
                     query: query.query,
                     variables: query.variables,
@@ -14005,7 +14013,7 @@ let Software = Software_1 = class Software extends Entity {
         this.comments = source.comments;
         this.creationDate = fromDateISOString(source.creationDate);
         this.statusId = source.statusId;
-        if (source.properties && source.properties instanceof Array) {
+        if (source.properties && Array.isArray(source.properties)) {
             this.properties = EntityUtils.getPropertyArrayAsObject(source.properties);
         }
         else {
@@ -18621,7 +18629,7 @@ class AppPropertiesForm extends AppForm {
 AppPropertiesForm.decorators = [
     { type: Component, args: [{
                 selector: 'app-properties-form',
-                template: "\n<!-- Properties -->\n<form [formGroup]=\"form\" class=\"form-container\">\n  <ion-grid *ngIf=\"!loading; else propertiesSkeleton\"\n            formArrayName=\"properties\" class=\"ion-no-padding\" >\n    <ion-row class=\"ion-no-padding\">\n      <ion-col class=\"ion-no-padding ion-align-self-end\" size=\"12\">\n        <span class=\"toolbar-spacer\"></span>\n\n        <!-- Show more options -->\n        <ion-button color=\"light\" *ngIf=\"formArray?.length === 0\"\n                    [title]=\"'SETTINGS.BTN_SHOW_MORE_HELP'|translate\"\n                    (click)=\"helper.add()\">\n          <ion-label translate>COMMON.BTN_SHOW_MORE</ion-label>\n          <mat-icon slot=\"end\">arrow_drop_down</mat-icon>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n    <ng-container *ngFor=\"let fieldForm of fieldForms; let i=index\">\n      <ion-row class=\"ion-no-padding\" [formGroupName]=\"i\">\n\n        <!-- property key -->\n        <ion-col size=\"6\" class=\"ion-no-padding\">\n          <mat-form-field floatLabel=\"never\">\n            <mat-select [formControl]=\"fieldForm.controls.key\"\n                        [placeholder]=\"'SETTINGS.PROPERTY_KEY'|translate\"\n                        (selectionChange)=\"updateDefinitionAt(i)\"\n                        [tabindex]=\"20+i*2\"\n                        required>\n\n              <!-- When option's key not a well known option, add it as first select option -->\n              <mat-option *ngIf=\"isUnknownField(fieldForm)\" [value]=\"fieldForm.controls.key.value\">\n                {{fieldForm.controls.key.value}}\n              </mat-option>\n\n              <mat-option *ngFor=\"let item of definitions\" [value]=\"item.key\">{{ item.label | translate }}\n              </mat-option>\n\n            </mat-select>\n\n            <mat-error *ngIf=\"fieldForm.controls.key.hasError('required') && !helper.isLast(i)\"\n                       translate>ERROR.FIELD_REQUIRED\n            </mat-error>\n          </mat-form-field>\n        </ion-col>\n\n        <!-- property value -->\n        <ion-col class=\"ion-no-padding\" padding-left >\n          <app-form-field *ngIf=\"getDefinitionAt(i) else unknownValue; let definition; \"\n                          floatLabel=\"never\"\n                          [definition]=\"definition\"\n                          [formControl]=\"fieldForm.controls.value\"\n                          [placeholder]=\"'SETTINGS.PROPERTY_VALUE' | translate\"\n                          [required]=\"true\"\n                          [tabindex]=\"20+i*2 + 1\">\n          </app-form-field>\n          <ng-template #unknownValue>\n            <mat-form-field floatLabel=\"never\">\n              <input type=\"text\" matInput\n                     [placeholder]=\"'SETTINGS.PROPERTY_VALUE' | translate\"\n                     [formControl]=\"fieldForm.controls.value\"\n                     [required]=\"true\"\n                     [tabindex]=\"20+i*2 + 1\">\n            </mat-form-field>\n          </ng-template>\n        </ion-col>\n\n        <ion-col size=\"auto\" class=\"ion-no-padding\">\n          <button type=\"button\" mat-icon-button color=\"light\"\n                  [disabled]=\"disabled\"\n                  [title]=\"'COMMON.BTN_DELETE'|translate\"\n                  (click)=\"removeAt(i)\">\n            <mat-icon>close</mat-icon>\n          </button>\n          <button [hidden]=\"!helper.isLast(i)\"\n                  type=\"button\"\n                  mat-icon-button\n                  color=\"light\"\n                  [disabled]=\"disabled\"\n                  [title]=\"'CONFIGURATION.BTN_ADD_PROPERTY'|translate\"\n                  (click)=\"helper.add()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </ion-col>\n      </ion-row>\n    </ng-container>\n  </ion-grid>\n</form>\n\n<ng-template #propertiesSkeleton>\n\n  <ion-grid class=\"ion-no-padding\">\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n  </ion-grid>\n\n</ng-template>\n\n<ng-template #propertyRowSkeleton>\n\n  <ion-row>\n    <!-- property key -->\n    <ion-col>\n      <mat-form-field>\n        <input matInput hidden>\n        <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n        <ion-icon name=\"arrow-dropdown\" matSuffix></ion-icon>\n      </mat-form-field>\n    </ion-col>\n    <!-- value -->\n    <ion-col>\n      <mat-form-field>\n        <input matInput hidden>\n        <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n      </mat-form-field>\n    </ion-col>\n    <!-- buttons -->\n    <ion-col size=\"2\">\n      <button type=\"button\" mat-icon-button color=\"light\"\n              [disabled]=\"true\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </ion-col>\n  </ion-row>\n\n</ng-template>\n",
+                template: "\n<!-- Properties -->\n<form [formGroup]=\"form\" class=\"form-container\">\n  <ion-grid *ngIf=\"!loading; else propertiesSkeleton\"\n            formArrayName=\"properties\" class=\"ion-no-padding\" >\n    <ion-row class=\"ion-no-padding\">\n      <ion-col class=\"ion-no-padding ion-align-self-end\" size=\"12\">\n        <span class=\"toolbar-spacer\"></span>\n\n        <!-- Show more options -->\n        <ion-button color=\"light\" *ngIf=\"formArray?.length === 0\"\n                    [title]=\"'SETTINGS.BTN_SHOW_MORE_HELP'|translate\"\n                    (click)=\"helper.add()\">\n          <ion-label translate>COMMON.BTN_SHOW_MORE</ion-label>\n          <mat-icon slot=\"end\">arrow_drop_down</mat-icon>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n    <ng-container *ngFor=\"let fieldForm of fieldForms; let i=index\">\n      <ion-row class=\"ion-no-padding\" [formGroupName]=\"i\">\n\n        <!-- property key -->\n        <ion-col size=\"6\" class=\"ion-no-padding\">\n          <mat-form-field floatLabel=\"never\">\n            <mat-select [formControl]=\"fieldForm.controls.key\"\n                        [placeholder]=\"'SETTINGS.PROPERTY_KEY'|translate\"\n                        (selectionChange)=\"updateDefinitionAt(i)\"\n                        [tabindex]=\"20+i*2\"\n                        required>\n\n              <!-- When option's key not a well known option, add it as first select option -->\n              <mat-option *ngIf=\"isUnknownField(fieldForm)\" [value]=\"fieldForm.controls.key.value\">\n                {{fieldForm.controls.key.value}}\n              </mat-option>\n\n              <mat-option *ngFor=\"let item of definitions\" [value]=\"item.key\">{{ item.label | translate }}\n              </mat-option>\n\n            </mat-select>\n\n            <mat-error *ngIf=\"fieldForm.controls.key.hasError('required') && !helper.isLast(i)\"\n                       translate>ERROR.FIELD_REQUIRED\n            </mat-error>\n          </mat-form-field>\n        </ion-col>\n\n        <!-- property value -->\n        <ion-col class=\"ion-no-padding\" padding-left >\n          <app-form-field *ngIf=\"getDefinitionAt(i) else unknownValue; let definition; \"\n                          floatLabel=\"never\"\n                          [definition]=\"definition\"\n                          [formControl]=\"fieldForm.controls.value\"\n                          [placeholder]=\"'SETTINGS.PROPERTY_VALUE' | translate\"\n                          [required]=\"true\"\n                          [tabindex]=\"20+i*2 + 1\">\n          </app-form-field>\n          <ng-template #unknownValue>\n            <mat-form-field floatLabel=\"never\">\n              <input type=\"text\" matInput\n                     [placeholder]=\"'SETTINGS.PROPERTY_VALUE' | translate\"\n                     [formControl]=\"fieldForm.controls.value\"\n                     [required]=\"true\"\n                     [tabindex]=\"20+i*2 + 1\">\n            </mat-form-field>\n          </ng-template>\n        </ion-col>\n\n        <ion-col size=\"auto\" class=\"ion-no-padding\">\n          <button type=\"button\" mat-icon-button color=\"light\"\n                  [disabled]=\"disabled\"\n                  [title]=\"'COMMON.BTN_DELETE'|translate\"\n                  (click)=\"removeAt(i)\">\n            <mat-icon>close</mat-icon>\n          </button>\n          <button [hidden]=\"!helper.isLast(i)\"\n                  type=\"button\"\n                  mat-icon-button\n                  color=\"light\"\n                  [disabled]=\"disabled\"\n                  [title]=\"'SETTINGS.BTN_ADD_PROPERTY'|translate\"\n                  (click)=\"helper.add()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </ion-col>\n      </ion-row>\n    </ng-container>\n  </ion-grid>\n</form>\n\n<ng-template #propertiesSkeleton>\n\n  <ion-grid class=\"ion-no-padding\">\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n  </ion-grid>\n\n</ng-template>\n\n<ng-template #propertyRowSkeleton>\n\n  <ion-row>\n    <!-- property key -->\n    <ion-col>\n      <mat-form-field>\n        <input matInput hidden>\n        <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n        <ion-icon name=\"arrow-dropdown\" matSuffix></ion-icon>\n      </mat-form-field>\n    </ion-col>\n    <!-- value -->\n    <ion-col>\n      <mat-form-field>\n        <input matInput hidden>\n        <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n      </mat-form-field>\n    </ion-col>\n    <!-- buttons -->\n    <ion-col size=\"2\">\n      <button type=\"button\" mat-icon-button color=\"light\"\n              [disabled]=\"true\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </ion-col>\n  </ion-row>\n\n</ng-template>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
@@ -18955,12 +18963,21 @@ class AppInstallUpgradeCard {
                 console.error('[install-upgrade-card] Missing required argument \'link.url\'');
                 return; // Skip
             }
-            return this.listenDownloadJob(link.url, this.platform.download({
-                uri: link.url,
-                title: link.title,
-                filename: link.filename,
-                mimeType: link.mimeType
-            }));
+            // Mark link as downloading
+            link.downloading = true;
+            this.markForCheck();
+            try {
+                yield this.listenDownloadJob(link.url, this.platform.download({
+                    uri: link.url,
+                    title: link.title,
+                    filename: link.filename,
+                    mimeType: link.mimeType
+                }));
+            }
+            finally {
+                link.downloading = false;
+                this.markForCheck();
+            }
         });
     }
     tryOnline() {
@@ -19129,10 +19146,13 @@ class AppInstallUpgradeCard {
             try {
                 // Mark as downloading
                 if (!this.downloading) {
-                    console.info(`[install-upgrade-card] Platform is already downloading \'${url}\' ...`);
+                    console.info(`[install-upgrade-card] Asking platform to download '${url}'...`);
                     this.downloading = true;
                     this.markForCheck();
                 }
+                else {
+                    console.info(`[install-upgrade-card] Platform is already downloading!`);
+                }
                 const location = yield job.toPromise();
                 if (location) {
                     console.info('[install-upgrade-card] File downloaded at: ' + location);
@@ -19249,7 +19269,7 @@ AccountToStringPipe.decorators = [
 
 class DepartmentToStringPipe {
     transform(value, separator) {
-        if (value instanceof Array)
+        if (Array.isArray(value))
             return departmentsToString(value, separator);
         return departmentToString(value);
     }
@@ -22255,10 +22275,12 @@ class AppEditor {
         var _a;
         if (this._loading) {
             this._loading = false;
-            if (!opts || opts.emitEvent !== false) {
+            if (!opts || opts.onlySelf !== true) {
                 // Emit to children forms
                 // Tables should be changed by parent
                 (_a = this.forms) === null || _a === void 0 ? void 0 : _a.forEach(c => c.markAsLoaded(opts));
+            }
+            if (!opts || opts.emitEvent !== false) {
                 this.markForCheck();
             }
         }