@sumaris-net/ngx-components 1.20.2 → 1.20.5

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

@@ -576,6 +576,8 @@
     function joinPropertiesPath(obj, properties, separator) {
         if (!obj)
             throw new Error('Could not display an undefined entity.');
+        if (!properties)
+            throw new Error('Missing \'properties\' argument');
         return properties
             .map(function (path) { return getPropertyByPath(obj, path); })
             .filter(isNotNilOrBlank)
@@ -3344,26 +3346,6 @@
         { type: i0.Injectable }
     ];
 
-    var PropertyGetPipe = /** @class */ (function () {
-        function PropertyGetPipe() {
-        }
-        PropertyGetPipe.prototype.transform = function (obj, args) {
-            return getPropertyByPath(obj, 
-            // Path
-            args && (typeof args === 'string' ? args : args.key), 
-            // Default value
-            args && args.defaultValue);
-        };
-        return PropertyGetPipe;
-    }());
-    PropertyGetPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function PropertyGetPipe_Factory() { return new PropertyGetPipe(); }, token: PropertyGetPipe, providedIn: "root" });
-    PropertyGetPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'propertyGet'
-                },] },
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-
     var NgInitDirective = /** @class */ (function () {
         function NgInitDirective() {
             this.ngInit = new i0.EventEmitter();
@@ -4737,10 +4719,9 @@
          * Clean any existing subscription to change events
          */
         FormErrorTranslatePipe.prototype._dispose = function () {
-            if (typeof this._onFormStatusChanges !== 'undefined') {
-                this._onFormStatusChanges.unsubscribe();
-                this._onFormStatusChanges = undefined;
-            }
+            var _a;
+            (_a = this._onFormStatusChanges) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this._onFormStatusChanges = undefined;
         };
         return FormErrorTranslatePipe;
     }());
@@ -4833,23 +4814,24 @@
             this.value = control === null || control === void 0 ? void 0 : control.value;
             // if there is a subscription to onLangChange, clean it
             this._dispose();
-            // subscribe to valueChanges event, in case control value change
-            if (!this._onControlValueChanges && control) {
+            if (control) {
+                // subscribe to valueChanges event
                 this._onControlValueChanges = control.valueChanges.subscribe(function (value) {
                     if (value !== _this.value) {
                         _this.value = value;
                         _this._ref.markForCheck();
                     }
                 });
-            }
-            if (listenStatusChanges && !this._onControlStatusChanges && control) {
-                this._onControlStatusChanges = control.statusChanges.subscribe(function (status) {
-                    var value = control.value;
-                    if (value !== _this.value) {
-                        _this.value = value;
-                        _this._ref.markForCheck();
-                    }
-                });
+                // subscribe to statusChanges event
+                if (listenStatusChanges) {
+                    this._onControlStatusChanges = control.statusChanges.subscribe(function (status) {
+                        var value = control.value;
+                        if (value !== _this.value) {
+                            _this.value = value;
+                            _this._ref.markForCheck();
+                        }
+                    });
+                }
             }
             return this.value;
         };
@@ -4860,14 +4842,11 @@
          * Clean any existing subscription to change events
          */
         FormGetValuePipe.prototype._dispose = function () {
-            if (typeof this._onControlValueChanges !== 'undefined') {
-                this._onControlValueChanges.unsubscribe();
-                this._onControlValueChanges = undefined;
-            }
-            if (typeof this._onControlStatusChanges !== 'undefined') {
-                this._onControlStatusChanges.unsubscribe();
-                this._onControlStatusChanges = undefined;
-            }
+            var _a, _b;
+            (_a = this._onControlValueChanges) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this._onControlValueChanges = undefined;
+            (_b = this._onControlStatusChanges) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+            this._onControlStatusChanges = undefined;
         };
         return FormGetValuePipe;
     }());
@@ -4882,6 +4861,109 @@
         { type: i0.ChangeDetectorRef }
     ]; };
 
+    var PropertyGetPipe = /** @class */ (function () {
+        function PropertyGetPipe() {
+        }
+        PropertyGetPipe.prototype.transform = function (obj, args) {
+            return getPropertyByPath(obj, 
+            // Path
+            args && (typeof args === 'string' ? args : args.key), 
+            // Default value
+            args && args.defaultValue);
+        };
+        return PropertyGetPipe;
+    }());
+    PropertyGetPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'propertyGet'
+                },] }
+    ];
+    var PropertyFormatPipe = /** @class */ (function () {
+        function PropertyFormatPipe(dateFormat, translate) {
+            this.dateFormat = dateFormat;
+            this.translate = translate;
+        }
+        PropertyFormatPipe.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this._subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        PropertyFormatPipe.prototype.transform = function (obj, keyOrDefinition) {
+            var _a, _b;
+            if (!obj)
+                return '';
+            var definition = keyOrDefinition && (typeof keyOrDefinition === 'object') && keyOrDefinition;
+            var key = (definition === null || definition === void 0 ? void 0 : definition.key) || keyOrDefinition;
+            if (!key) {
+                // Should never occur
+                console.warn('Invalid use of pipe \'formatProperty\': missing key or definition');
+                return '';
+            }
+            var value = obj[key];
+            if (isNil(value))
+                return value;
+            var type = (definition === null || definition === void 0 ? void 0 : definition.type) || typeof value;
+            switch (type) {
+                case 'date':
+                    return this.dateFormat.transform(value);
+                case 'dateTime':
+                    return this.dateFormat.transform(value, { time: true });
+                case 'enum':
+                    {
+                        // DEBUG
+                        // console.debug('formatProperty by definition (type='enum', key=' +definition.key+ '):', value );
+                        var item = (definition.values || [value]).find(function (item) { return (isNotNil(item.key) ? item.key : item) === value; });
+                        return item.value || item;
+                    }
+                case 'entity':
+                    {
+                        if ((_a = definition.autocomplete) === null || _a === void 0 ? void 0 : _a.displayWith) {
+                            return definition.autocomplete.displayWith(value);
+                        }
+                        return joinPropertiesPath(obj, ((_b = definition.autocomplete) === null || _b === void 0 ? void 0 : _b.attributes) || ['label', 'name']) || undefined;
+                    }
+                case 'boolean':
+                    return (obj === 1 || obj === true || obj === 'true') ? this.i18nYes : this.i18nNo;
+                case 'integer':
+                case 'double':
+                case 'string':
+                default:
+                    return value;
+            }
+        };
+        Object.defineProperty(PropertyFormatPipe.prototype, "i18nYes", {
+            get: function () {
+                if (!this._i18nYes) {
+                    this._i18nYes = this.translate.instant('COMMON.YES');
+                }
+                return this._i18nYes;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(PropertyFormatPipe.prototype, "i18nNo", {
+            get: function () {
+                if (!this._i18nNo) {
+                    this._i18nNo = this.translate.instant('COMMON.NO');
+                }
+                return this._i18nNo;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return PropertyFormatPipe;
+    }());
+    PropertyFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function PropertyFormatPipe_Factory() { return new PropertyFormatPipe(i0.ɵɵinject(DateFormatPipe), i0.ɵɵinject(i1$2.TranslateService)); }, token: PropertyFormatPipe, providedIn: "root" });
+    PropertyFormatPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'propertyFormat'
+                },] },
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    ];
+    PropertyFormatPipe.ctorParameters = function () { return [
+        { type: DateFormatPipe },
+        { type: i1$2.TranslateService }
+    ]; };
+
     var SharedPipesModule = /** @class */ (function () {
         function SharedPipesModule() {
         }
@@ -4896,6 +4978,7 @@
                     ],
                     declarations: [
                         PropertyGetPipe,
+                        PropertyFormatPipe,
                         DateFormatPipe,
                         DateDiffDurationPipe,
                         DurationPipe,
@@ -4932,10 +5015,12 @@
                         FormGetControlPipe,
                         FormGetArrayPipe,
                         FormGetGroupPipe,
-                        FormGetValuePipe
+                        FormGetValuePipe,
+                        PropertyFormatPipe
                     ],
                     exports: [
                         PropertyGetPipe,
+                        PropertyFormatPipe,
                         DateFormatPipe,
                         DateFromNowPipe,
                         DateDiffDurationPipe,
@@ -5143,6 +5228,33 @@
         ondrop: [{ type: i0.HostListener, args: ['drop', ['$event'],] }]
     };
 
+    var compatibleTagNames = ['ion-label', 'mat-label'];
+    var AutoTitleDirective = /** @class */ (function () {
+        function AutoTitleDirective(elementRef) {
+            var _a;
+            this.elementRef = elementRef;
+            // Check compatible tag
+            if (compatibleTagNames.includes((_a = elementRef.nativeElement.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase())) {
+                this.element = elementRef.nativeElement;
+            }
+        }
+        AutoTitleDirective.prototype.ngAfterContentChecked = function () {
+            // Update title if different
+            if (this.element && this.element.title !== this.element.textContent) {
+                this.element.title = this.element.textContent;
+            }
+        };
+        return AutoTitleDirective;
+    }());
+    AutoTitleDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[appAutoTitle]',
+                },] }
+    ];
+    AutoTitleDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef, decorators: [{ type: i0.Inject, args: [i0.ElementRef,] }] }
+    ]; };
+
     var SharedDirectivesModule = /** @class */ (function () {
         function SharedDirectivesModule() {
         }
@@ -5157,12 +5269,14 @@
                     declarations: [
                         AutofocusDirective,
                         NgVarDirective,
-                        DragAndDropDirective
+                        DragAndDropDirective,
+                        AutoTitleDirective
                     ],
                     exports: [
                         AutofocusDirective,
                         NgVarDirective,
-                        DragAndDropDirective
+                        DragAndDropDirective,
+                        AutoTitleDirective
                     ]
                 },] }
     ];
@@ -18241,6 +18355,8 @@
         };
         return FilesUtils;
     }());
+    FilesUtils.UTF8_BOM_CHAR = new Uint8Array([0xEF, 0xBB, 0xBF]); // UTF-8 BOM
+
     var UriUtils = /** @class */ (function () {
         function UriUtils() {
         }
@@ -20755,6 +20871,94 @@
         return JobUtils;
     }());
 
+    //@dynamic
+    var CsvUtils = /** @class */ (function () {
+        function CsvUtils() {
+        }
+        CsvUtils.exportToFile = function (rows, opts) {
+            if (!rows || !rows.length)
+                return; // Skip if empty
+            var filename = (opts === null || opts === void 0 ? void 0 : opts.filename) || 'export.csv';
+            var charset = ((opts === null || opts === void 0 ? void 0 : opts.encoding) || 'utf-8').toLowerCase();
+            var separator = (opts === null || opts === void 0 ? void 0 : opts.separator) || ',';
+            var protectCellRegexp = new RegExp("/(\"|" + separator + "|\n)/g");
+            var keys = Object.keys(rows[0]);
+            var headers = (opts === null || opts === void 0 ? void 0 : opts.headers) || keys;
+            var csvContent = 
+            // Header row
+            headers.join(separator) + '\n' +
+                // Data rows
+                rows.map(function (row) {
+                    return keys.map(function (k) {
+                        var cell = row[k] === null || row[k] === undefined ? '' : row[k];
+                        var cellStr = cell instanceof Date
+                            ? cell.toLocaleString()
+                            : cell.toString().replace(/"/g, '""');
+                        if (protectCellRegexp.test(cellStr)) {
+                            cellStr = "\"" + cellStr + "\"";
+                        }
+                        return cellStr;
+                    }).join(separator);
+                }).join('\n');
+            var blob = new Blob((charset === 'utf-8')
+                // Add UTF-8 BOM character
+                ? [FilesUtils.UTF8_BOM_CHAR, csvContent]
+                // Non UTF-8 charset
+                : [csvContent], { type: "text/csv;charset=" + charset + ";" });
+            if (navigator.msSaveBlob) { // IE 10+
+                navigator.msSaveBlob(blob, filename);
+            }
+            else {
+                var link = document.createElement('a');
+                if (link.download !== undefined) {
+                    // Browsers that support HTML5 download attribute
+                    var url = URL.createObjectURL(blob);
+                    link.setAttribute('href', url);
+                    link.setAttribute('download', filename);
+                    link.style.visibility = 'hidden';
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                }
+            }
+        };
+        CsvUtils.parseFile = function (file, opts) {
+            return FilesUtils.readAsText(file, opts === null || opts === void 0 ? void 0 : opts.encoding)
+                .pipe(operators.map(function (e) {
+                if (e.type === i2$1.HttpEventType.UploadProgress) {
+                    var loaded = Math.round(e.loaded * 0.8);
+                    return Object.assign(Object.assign({}, e), { loaded: loaded });
+                }
+                else if (e instanceof FileResponse) {
+                    var body = e.body;
+                    var data = CsvUtils.parseCSV(body, opts);
+                    return new FileResponse({ body: data });
+                }
+            }), operators.filter(isNotNil));
+        };
+        CsvUtils.parseCSV = function (body, opts) {
+            var separator = (opts === null || opts === void 0 ? void 0 : opts.separator) || ',';
+            var skipEmptyLine = !opts || opts.skipEmptyLine !== false;
+            // Protect special characters (quote and /n)
+            body = body.replace('""', '<quote>') // Protect double quote
+                .replace(/("[^\n"]+)\n\r?/gm, '"$1<br>') // Protect \n inside a quoted expression
+                .replace(/\n\r/gm, '\n'); // Windows CR
+            var headerAndRows = body.split('\n', 2);
+            var headers = headerAndRows[0].split(separator);
+            return body.split('\n') // split into rows
+                .filter(function (line) { return !skipEmptyLine || line.trim().length > 0; }) // Skip empty line
+                .map(function (line) {
+                var cells = line.split(separator, headers.length) // split into cells
+                    .map(function (cell) { return cell.replace(/^"([^"]*)"$/, '$1'); }) // Clean trailing quotes
+                    .map(function (cell) { return cell.replace('<quote>', '"'); }) // restore protected quote
+                    .map(function (cell) { return cell.replace('<br>', '\n'); }) // restore protected br
+                ;
+                return cells;
+            });
+        };
+        return CsvUtils;
+    }());
+
     /**
      * Define here theme colors
      */
@@ -32204,6 +32408,7 @@
     exports.AuthForm = AuthForm;
     exports.AuthGuardService = AuthGuardService;
     exports.AuthModal = AuthModal;
+    exports.AutoTitleDirective = AutoTitleDirective;
     exports.AutocompleteTestPage = AutocompleteTestPage;
     exports.AutofocusDirective = AutofocusDirective;
     exports.Base58 = Base58;
@@ -32223,6 +32428,7 @@
     exports.CoreModule = CoreModule;
     exports.CoreTestingModule = CoreTestingModule;
     exports.CryptoService = CryptoService;
+    exports.CsvUtils = CsvUtils;
     exports.DATE_ISO_PATTERN = DATE_ISO_PATTERN;
     exports.DATE_UNIX_MS_TIMESTAMP = DATE_UNIX_MS_TIMESTAMP;
     exports.DATE_UNIX_TIMESTAMP = DATE_UNIX_TIMESTAMP;
@@ -32343,6 +32549,7 @@
     exports.PlatformService = PlatformService;
     exports.ProgressBarService = ProgressBarService;
     exports.ProgressInterceptor = ProgressInterceptor;
+    exports.PropertyFormatPipe = PropertyFormatPipe;
     exports.PropertyGetPipe = PropertyGetPipe;
     exports.RESERVED_END_COLUMNS = RESERVED_END_COLUMNS;
     exports.RESERVED_START_COLUMNS = RESERVED_START_COLUMNS;