@sumaris-net/ngx-components 1.20.28 → 1.20.31

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

@@ -241,64 +241,6 @@ function changeCaseToUnderscore(value) {
 function removeDiacritics(text) {
     return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
-function suggestFromArray(items, value, opts) {
-    if (isNotNil(value) && typeof value === 'object')
-        return { data: [value] };
-    value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
-    const keys = opts && (opts.searchAttribute && [opts.searchAttribute] || opts.searchAttributes) || ['label'];
-    if (!items) {
-        return { data: [], total: 0 };
-    }
-    // Filter items
-    let filteredItems = items;
-    if (isNotNilOrBlank(value)) {
-        // If wildcard, search using regexp
-        if (value.indexOf('*') !== -1) {
-            value = value.replace(/[*]+/g, '.*');
-            filteredItems = filteredItems.filter(v => keys.findIndex(key => matchUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
-        }
-        // Else (no wildcard), search using startsWith
-        else {
-            filteredItems = filteredItems.filter(v => keys.findIndex(key => startsWithUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
-        }
-    }
-    // Exclude ids
-    if (isNotEmptyArray(opts === null || opts === void 0 ? void 0 : opts.excludedIds)) {
-        filteredItems = filteredItems.filter(v => !opts.excludedIds.includes(+v['id']));
-    }
-    // Sort
-    if (!opts || opts.skipSort !== true) {
-        // Make to copy input items, before sorting (if not yet already done)
-        if (filteredItems === items)
-            filteredItems = filteredItems.slice();
-        // Sort by keys
-        filteredItems.sort(propertiesPathComparator(keys));
-    }
-    const total = filteredItems.length || 0;
-    // Pagination (truncate if need)
-    let pageData = filteredItems;
-    if (opts) {
-        if ((opts.offset || 0) > 0) {
-            pageData = pageData.slice(opts.offset);
-        }
-        if (isNotNil(opts.size) && pageData.length > opts.size) {
-            pageData = pageData.slice(0, opts.size);
-        }
-    }
-    const result = {
-        data: pageData,
-        total
-    };
-    // Add fetch more capability, if total was fetched
-    const nextOffset = (opts && opts.offset || 0) + pageData.length;
-    if (nextOffset < total) {
-        result.fetchMore = (_) => __awaiter(this, void 0, void 0, function* () {
-            return suggestFromArray(filteredItems, undefined /*OPTIMISATION: already applied*/, Object.assign(Object.assign({}, opts), { offset: nextOffset, skipSort: true, excludedIds: undefined // OPTIMISATION: already filtered
-             }));
-        });
-    }
-    return result;
-}
 function suggestFromStringArray(values, value, options) {
     value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
     if (isNilOrBlank(value))
@@ -1100,6 +1042,65 @@ const isMobile = (win) => {
     return _cache.mobile;
 };
 
+function suggestFromArray(items, value, opts) {
+    if (isNotNil(value) && typeof value === 'object')
+        return { data: [value] };
+    value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
+    const keys = opts && (opts.searchAttribute && [opts.searchAttribute] || opts.searchAttributes) || ['label'];
+    if (!items) {
+        return { data: [], total: 0 };
+    }
+    // Filter items
+    let filteredItems = items;
+    if (isNotNilOrBlank(value)) {
+        // If wildcard, search using regexp
+        if (value.indexOf('*') !== -1) {
+            value = value.replace(/[*]+/g, '.*');
+            filteredItems = filteredItems.filter(v => keys.findIndex(key => matchUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
+        }
+        // Else (no wildcard), search using startsWith
+        else {
+            filteredItems = filteredItems.filter(v => keys.findIndex(key => startsWithUpperCase(getPropertyByPathAsString(v, key), value)) !== -1);
+        }
+    }
+    // Exclude ids
+    if (isNotEmptyArray(opts === null || opts === void 0 ? void 0 : opts.excludedIds)) {
+        filteredItems = filteredItems.filter(v => !opts.excludedIds.includes(+v['id']));
+    }
+    // Sort
+    if (!opts || opts.skipSort !== true) {
+        // Make to copy input items, before sorting (if not yet already done)
+        if (filteredItems === items)
+            filteredItems = filteredItems.slice();
+        // Sort by keys
+        filteredItems.sort(propertiesPathComparator(keys));
+    }
+    const total = filteredItems.length || 0;
+    // Pagination (truncate if need)
+    let pageData = filteredItems;
+    if (opts) {
+        if ((opts.offset || 0) > 0) {
+            pageData = pageData.slice(opts.offset);
+        }
+        if (isNotNil(opts.size) && pageData.length > opts.size) {
+            pageData = pageData.slice(0, opts.size);
+        }
+    }
+    const result = {
+        data: pageData,
+        total
+    };
+    // Add fetch more capability, if total was fetched
+    const nextOffset = (opts && opts.offset || 0) + pageData.length;
+    if (nextOffset < total) {
+        result.fetchMore = (_) => __awaiter(this, void 0, void 0, function* () {
+            return suggestFromArray(filteredItems, undefined /*OPTIMISATION: already applied*/, Object.assign(Object.assign({}, opts), { offset: nextOffset, skipSort: true, excludedIds: undefined // OPTIMISATION: already filtered
+             }));
+        });
+    }
+    return result;
+}
+
 class MatAutocompleteConfigHolder {
     constructor(options) {
         this.options = options;
@@ -2328,9 +2329,9 @@ class HighlightPipe {
             const cleanedSearchText = removeDiacritics(searchRegexp).toUpperCase();
             const index = removeDiacritics(value.toUpperCase()).indexOf(cleanedSearchText);
             if (index !== -1) {
-                return value.substr(0, index - 1) +
-                    '<b>' + value.substr(index, cleanedSearchText.length) + '</b>' +
-                    value.substr(index + cleanedSearchText.length);
+                return value.substring(0, index - 1) +
+                    '<b>' + value.substring(index, cleanedSearchText.length) + '</b>' +
+                    value.substring(index + cleanedSearchText.length);
             }
             return value;
         }
@@ -2728,60 +2729,50 @@ class IsNotNilOrBlankPipe {
         return isNotNilOrBlank(value);
     }
 }
-IsNotNilOrBlankPipe.ɵprov = ɵɵdefineInjectable({ factory: function IsNotNilOrBlankPipe_Factory() { return new IsNotNilOrBlankPipe(); }, token: IsNotNilOrBlankPipe, providedIn: "root" });
 IsNotNilOrBlankPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isNotNilOrBlank'
-            },] },
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+            },] }
 ];
 class IsNilOrBlankPipe {
     transform(value) {
         return isNilOrBlank(value);
     }
 }
-IsNilOrBlankPipe.ɵprov = ɵɵdefineInjectable({ factory: function IsNilOrBlankPipe_Factory() { return new IsNilOrBlankPipe(); }, token: IsNilOrBlankPipe, providedIn: "root" });
 IsNilOrBlankPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isNilOrBlank'
-            },] },
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+            },] }
 ];
 class ToStringPipe {
     transform(value) {
         return (value !== null && value !== undefined) ? value.toString() : '';
     }
 }
-ToStringPipe.ɵprov = ɵɵdefineInjectable({ factory: function ToStringPipe_Factory() { return new ToStringPipe(); }, token: ToStringPipe, providedIn: "root" });
 ToStringPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'toString'
-            },] },
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+            },] }
 ];
 class StrLengthPipe {
     transform(value) {
         return value && value.length || 0;
     }
 }
-StrLengthPipe.ɵprov = ɵɵdefineInjectable({ factory: function StrLengthPipe_Factory() { return new StrLengthPipe(); }, token: StrLengthPipe, providedIn: "root" });
 StrLengthPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'strLength'
-            },] },
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+            },] }
 ];
 class StrIncludesPipe {
     transform(value, searchString, position) {
         return (value === null || value === void 0 ? void 0 : value.includes(searchString, position)) || false;
     }
 }
-StrIncludesPipe.ɵprov = ɵɵdefineInjectable({ factory: function StrIncludesPipe_Factory() { return new StrIncludesPipe(); }, token: StrIncludesPipe, providedIn: "root" });
 StrIncludesPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'strIncludes'
-            },] },
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+            },] }
 ];
 
 class TranslateContextService {
@@ -4232,8 +4223,7 @@ FormGetGroupPipe.decorators = [
             },] }
 ];
 class FormGetValuePipe {
-    constructor(adapter, _ref) {
-        this.adapter = adapter;
+    constructor(_ref) {
         this._ref = _ref;
         this.value = undefined;
         this._lastControl = null;
@@ -4298,7 +4288,6 @@ FormGetValuePipe.decorators = [
             },] }
 ];
 FormGetValuePipe.ctorParameters = () => [
-    { type: FormErrorTranslator },
     { type: ChangeDetectorRef }
 ];
 
@@ -5526,10 +5515,9 @@ class MatDateTime {
         return this._readonly;
     }
     set tabindex(value) {
-        if (this._tabindex !== value) {
-            this._tabindex = value;
-            setTimeout(() => this.updateTabIndex());
-        }
+        this._tabindex = value;
+        if (!this._writing)
+            this.updateTabIndex();
     }
     get tabindex() {
         return this._tabindex;
@@ -18213,6 +18201,18 @@ class InMemoryEntitiesService extends EntitiesService {
             return this._equalsFn(d1, d2);
         return d1 && d1.equals ? d1.equals(d2) : EntityUtils.equals(d1, d2, 'id');
     }
+    /**
+     * Count data stored by the service (without hidden data).
+     * @param opts
+     */
+    get count() {
+        var _a;
+        return (((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) || 0);
+    }
+    get hiddenCount() {
+        var _a;
+        return ((_a = this._hiddenData) === null || _a === void 0 ? void 0 : _a.length) || 0;
+    }
     /* -- protected methods -- */
     filter(data, _filter, hiddenData) {
         // if filter is DataFilter instance, use its test function
@@ -19758,7 +19758,7 @@ class FormButtonsBarComponent {
 FormButtonsBarComponent.decorators = [
     { type: 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      <!-- 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>\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 }
                 ],