@sumaris-net/ngx-components 0.11.1 → 0.11.3

package/fesm2015/ngx-sumaris-components.js

@@ -224,6 +224,9 @@ function changeCaseToUnderscore(value) {
         return value;
     return value.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase();
 }
+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] };
@@ -856,6 +859,7 @@ class MatAutocompleteField {
         this.readonly = false;
         this.clearable = false;
         this.debounceTime = null;
+        this.highlightAccent = false;
         this.i18nPrefix = 'REFERENTIAL.';
         this.noResultMessage = 'COMMON.NO_RESULT';
         this.matAutocompletePosition = 'auto';
@@ -1335,7 +1339,7 @@ MatAutocompleteField.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: 'mat-autocomplete-field',
-                template: "<ion-grid class=\"ion-no-padding\">\n  <ion-row>\n    <ion-col class=\"ion-no-padding\">\n      <mat-form-field [floatLabel]=\"floatLabel\"\n                      [class.mat-form-field-disabled]=\"disabled\"\n                      [title]=\"displayValue\">\n\n        <div matPrefix><ng-content select=\"[matPrefix]\"></ng-content></div>\n\n        <!-- readonly -->\n        <ng-container *ngIf=\"readonly; else writable\">\n          <input matInput hidden type=\"text\"\n                 [placeholder]=\"placeholder\"\n                 [formControl]=\"formControl\"\n                 readonly>\n          <ion-label>{{ displayWith(value) }}&nbsp;</ion-label>\n        </ng-container>\n\n        <ng-template #writable>\n\n          <!-- Basic select -->\n          <mat-select #matSelect\n                      *ngIf=\"!searchable; else searchableTemplate\"\n                      [placeholder]=\"placeholder\"\n                      [formControl]=\"formControl\"\n                      [tabindex]=\"_tabindex\"\n                      [panelClass]=\"classList\"\n                      [style.width]=\"panelWidth\"\n                      (focus)=\"filterMatSelectFocusEvent($event)\"\n                      (blur)=\"filterMatSelectBlurEvent($event)\"\n                      [compareWith]=\"compareWith\"\n                      [multiple]=\"multiple\">\n            <mat-select-trigger>{{ displayWith(value) }}</mat-select-trigger>\n\n            <!-- header -->\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as isLast\" [size]=\"displayColumnSizes[i]\" >\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n              </ion-col>\n            </ion-row>\n\n            <!-- None option -->\n            <mat-option *ngIf=\"!required\" class=\"ion-no-padding\">\n              <ion-row class=\"ion-no-padding\">\n                <ion-col class=\"ion-no-padding\">\n                  <ion-label><i translate>COMMON.EMPTY_OPTION</i></ion-label>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n\n            <ng-container *ngIf=\"$filteredItems | async; let items\">\n              <!-- No item option -->\n              <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                  <ion-label>{{noResultMessage | translate}}</ion-label>\n              </mat-option>\n\n              <!-- options -->\n              <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n                <ion-row [classList]=\"item.classList\">\n                  <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                           [size]=\"displayColumnSizes[i]\">\n                    <ion-text>{{item | propertyGet: path }}</ion-text>\n                  </ion-col>\n                </ion-row>\n              </mat-option>\n\n              <!-- More item -->\n              <a class=\"ion-padding mat-option \"\n                          *ngIf=\"_moreItemsCount\"\n                          (click)=\"_fetchMore$.emit($event)\" >\n                <ion-label color=\"primary\" style=\"width: 100%;\">\n                  <span translate>COMMON.BTN_SHOW_MORE</span>\n                  <mat-icon class=\"ion-color-primary\">expand_more</mat-icon>\n                </ion-label>\n              </a>\n            </ng-container>\n          </mat-select>\n        </ng-template>\n\n        <!--\n          NOTE :\n           - \"selectInputContent($event) || onFocus.emit($event)\" : call onFocus only when to the input is empty (nothing to select)\n        -->\n        <ng-template #searchableTemplate>\n          <input matInput #matInputText type=\"text\"\n                 [matAutocomplete]=\"autoComplete\"\n                 [matAutocompletePosition]=\"matAutocompletePosition\"\n                 [formControl]=\"formControl\"\n                 [placeholder]=\"placeholder\"\n                 [appAutofocus]=\"appAutofocus\"\n                 [tabindex]=\"_tabindex\"\n                 [readonly]=\"readonly\"\n                 [required]=\"required\"\n                 (click)=\"onClick.emit($event)\"\n                 (blur)=\"onBlur.emit($event)\"\n                 (focus)=\"filterInputTextFocusEvent($event)\"\n                 (keyup.arrowdown)=\"!autoComplete.showPanel && onDropButtonClick.emit($event)\">\n\n          <!-- autocomplete -->\n          <mat-autocomplete #autoComplete=\"matAutocomplete\"\n                            autoActiveFirstOption\n                            [displayWith]=\"displayWith\"\n                            [class]=\"classList\"\n                            [class.cdk-visually-hidden]=\"!searchable\"\n                            [panelWidth]=\"panelWidth\">\n\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as last\" [size]=\"displayColumnSizes[i]\" >\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n                <ion-text color=\"light\" *ngIf=\"last && itemCount; let count \" class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: count} }}</i></ion-text>\n              </ion-col>\n            </ion-row>\n\n            <ng-container *ngIf=\"$filteredItems | async; else loadingTemplate; let items\">\n              <!-- No item option -->\n              <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                <ion-label>{{noResultMessage | translate}}</ion-label>\n              </mat-option>\n\n              <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\" >\n                <ion-row [classList]=\"item.classList\">\n                  <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                           [size]=\"displayColumnSizes[i]\">\n                    <ion-text [innerHTML]=\"item | propertyGet: path | highlight: formControl.value\"></ion-text>\n                  </ion-col>\n                </ion-row>\n              </mat-option>\n\n              <!-- More item -->\n              <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initInfiniteScroll()\"\n                          class=\"ion-padding\" disabled>\n                <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n              </mat-option>\n            </ng-container>\n\n            <!-- Loading spinner -->\n            <ng-template #loadingTemplate>\n              <mat-option *ngIf=\"(matInputText.value | strLength) >= suggestLengthThreshold; else waitMoreCharacterTemplate\"\n                          class=\"ion-padding\" disabled>\n                <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n              </mat-option>\n            </ng-template>\n\n            <!-- Need more characters -->\n            <ng-template #waitMoreCharacterTemplate>\n              <mat-option class=\"ion-padding text-italic\" disabled>\n                <ion-label>\n                  {{'INFO.PLEASE_TYPE_MORE_CHARACTERS'|translate:{minLength: suggestLengthThreshold} }}\n                </ion-label>\n              </mat-option>\n            </ng-template>\n          </mat-autocomplete>\n\n        </ng-template>\n\n\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                *ngIf=\"searchable\"\n                (click)=\"onDropButtonClick.emit($event)\"\n                [hidden]=\"disabled\">\n          <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n        </button>\n        <button matSuffix type=\"button\" mat-icon-button tabindex=\"-1\"\n                *ngIf=\"enabled && mobile && !searchable && !multiple\"\n                [title]=\"'COMMON.BTN_SEARCH'|translate\"\n                (click)=\"toggleSearch($event)\">\n          <mat-icon>search</mat-icon>\n        </button>\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                *ngIf=\"clearable\"\n                (click)=\"clearValue($event)\"\n                [hidden]=\"disabled || !formControl.value\">\n          <mat-icon>close</mat-icon>\n        </button>\n\n        <ng-content matSuffix select=\"[matSuffix]\"></ng-content>\n\n        <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n        <mat-error *ngIf=\"formControl.hasError('entity')\" translate>ERROR.FIELD_INVALID</mat-error>\n        <ng-content select=\"[matError]\"></ng-content>\n\n      </mat-form-field>\n    </ion-col>\n    <ion-col size=\"auto\" class=\"ion-align-self-center\">\n      <ng-content select=\"[matAfter]\"></ng-content>\n    </ion-col>\n  </ion-row>\n\n</ion-grid>\n",
+                template: "<ion-grid class=\"ion-no-padding\">\n  <ion-row>\n    <ion-col class=\"ion-no-padding\">\n      <mat-form-field [floatLabel]=\"floatLabel\"\n                      [class.mat-form-field-disabled]=\"disabled\"\n                      [title]=\"displayValue\">\n\n        <div matPrefix><ng-content select=\"[matPrefix]\"></ng-content></div>\n\n        <!-- readonly -->\n        <ng-container *ngIf=\"readonly; else writable\">\n          <input matInput hidden type=\"text\"\n                 [placeholder]=\"placeholder\"\n                 [formControl]=\"formControl\"\n                 readonly>\n          <ion-label>{{ displayWith(value) }}&nbsp;</ion-label>\n        </ng-container>\n\n        <ng-template #writable>\n\n          <!-- Basic select -->\n          <mat-select #matSelect\n                      *ngIf=\"!searchable; else searchableTemplate\"\n                      [placeholder]=\"placeholder\"\n                      [formControl]=\"formControl\"\n                      [tabindex]=\"_tabindex\"\n                      [panelClass]=\"classList\"\n                      [style.width]=\"panelWidth\"\n                      (focus)=\"filterMatSelectFocusEvent($event)\"\n                      (blur)=\"filterMatSelectBlurEvent($event)\"\n                      [compareWith]=\"compareWith\"\n                      [multiple]=\"multiple\">\n            <mat-select-trigger>{{ displayWith(value) }}</mat-select-trigger>\n\n            <!-- header -->\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as isLast\" [size]=\"displayColumnSizes[i]\" >\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n              </ion-col>\n            </ion-row>\n\n            <!-- None option -->\n            <mat-option *ngIf=\"!required\" class=\"ion-no-padding\">\n              <ion-row class=\"ion-no-padding\">\n                <ion-col class=\"ion-no-padding\">\n                  <ion-label><i translate>COMMON.EMPTY_OPTION</i></ion-label>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n\n            <ng-container *ngIf=\"$filteredItems | async; let items\">\n              <!-- No item option -->\n              <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                  <ion-label>{{noResultMessage | translate}}</ion-label>\n              </mat-option>\n\n              <!-- options -->\n              <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n                <ion-row [classList]=\"item.classList\">\n                  <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                           [size]=\"displayColumnSizes[i]\">\n                    <ion-text>{{item | propertyGet: path }}</ion-text>\n                  </ion-col>\n                </ion-row>\n              </mat-option>\n\n              <!-- More item -->\n              <a class=\"ion-padding mat-option \"\n                          *ngIf=\"_moreItemsCount\"\n                          (click)=\"_fetchMore$.emit($event)\" >\n                <ion-label color=\"primary\" style=\"width: 100%;\">\n                  <span translate>COMMON.BTN_SHOW_MORE</span>\n                  <mat-icon class=\"ion-color-primary\">expand_more</mat-icon>\n                </ion-label>\n              </a>\n            </ng-container>\n          </mat-select>\n        </ng-template>\n\n        <!--\n          NOTE :\n           - \"selectInputContent($event) || onFocus.emit($event)\" : call onFocus only when to the input is empty (nothing to select)\n        -->\n        <ng-template #searchableTemplate>\n          <input matInput #matInputText type=\"text\"\n                 [matAutocomplete]=\"autoComplete\"\n                 [matAutocompletePosition]=\"matAutocompletePosition\"\n                 [formControl]=\"formControl\"\n                 [placeholder]=\"placeholder\"\n                 [appAutofocus]=\"appAutofocus\"\n                 [tabindex]=\"_tabindex\"\n                 [readonly]=\"readonly\"\n                 [required]=\"required\"\n                 (click)=\"onClick.emit($event)\"\n                 (blur)=\"onBlur.emit($event)\"\n                 (focus)=\"filterInputTextFocusEvent($event)\"\n                 (keyup.arrowdown)=\"!autoComplete.showPanel && onDropButtonClick.emit($event)\">\n\n          <!-- autocomplete -->\n          <mat-autocomplete #autoComplete=\"matAutocomplete\"\n                            autoActiveFirstOption\n                            [displayWith]=\"displayWith\"\n                            [class]=\"classList\"\n                            [class.cdk-visually-hidden]=\"!searchable\"\n                            [panelWidth]=\"panelWidth\">\n\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as last\" [size]=\"displayColumnSizes[i]\" >\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n                <ion-text color=\"light\" *ngIf=\"last && itemCount; let count \" class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: count} }}</i></ion-text>\n              </ion-col>\n            </ion-row>\n\n            <ng-container *ngIf=\"$filteredItems | async; else loadingTemplate; let items\">\n              <!-- No item option -->\n              <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                <ion-label>{{noResultMessage | translate}}</ion-label>\n              </mat-option>\n\n              <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\" >\n                <ion-row [classList]=\"item.classList\">\n                  <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                           [size]=\"displayColumnSizes[i]\">\n                    <ion-text [innerHTML]=\"item | propertyGet: path | highlight: { search: formControl.value, withAccent: highlightAccent }\"></ion-text>\n                  </ion-col>\n                </ion-row>\n              </mat-option>\n\n              <!-- More item -->\n              <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initInfiniteScroll()\"\n                          class=\"ion-padding\" disabled>\n                <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n              </mat-option>\n            </ng-container>\n\n            <!-- Loading spinner -->\n            <ng-template #loadingTemplate>\n              <mat-option *ngIf=\"(matInputText.value | strLength) >= suggestLengthThreshold; else waitMoreCharacterTemplate\"\n                          class=\"ion-padding\" disabled>\n                <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n              </mat-option>\n            </ng-template>\n\n            <!-- Need more characters -->\n            <ng-template #waitMoreCharacterTemplate>\n              <mat-option class=\"ion-padding text-italic\" disabled>\n                <ion-label>\n                  {{'INFO.PLEASE_TYPE_MORE_CHARACTERS'|translate:{minLength: suggestLengthThreshold} }}\n                </ion-label>\n              </mat-option>\n            </ng-template>\n          </mat-autocomplete>\n\n        </ng-template>\n\n\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                *ngIf=\"searchable\"\n                (click)=\"onDropButtonClick.emit($event)\"\n                [hidden]=\"disabled\">\n          <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n        </button>\n        <button matSuffix type=\"button\" mat-icon-button tabindex=\"-1\"\n                *ngIf=\"enabled && mobile && !searchable && !multiple\"\n                [title]=\"'COMMON.BTN_SEARCH'|translate\"\n                (click)=\"toggleSearch($event)\">\n          <mat-icon>search</mat-icon>\n        </button>\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                *ngIf=\"clearable\"\n                (click)=\"clearValue($event)\"\n                [hidden]=\"disabled || !formControl.value\">\n          <mat-icon>close</mat-icon>\n        </button>\n\n        <ng-content matSuffix select=\"[matSuffix]\"></ng-content>\n\n        <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n        <mat-error *ngIf=\"formControl.hasError('entity')\" translate>ERROR.FIELD_INVALID</mat-error>\n        <ng-content select=\"[matError]\"></ng-content>\n\n      </mat-form-field>\n    </ion-col>\n    <ion-col size=\"auto\" class=\"ion-align-self-center\">\n      <ng-content select=\"[matAfter]\"></ng-content>\n    </ion-col>\n  </ion-row>\n\n</ion-grid>\n",
                 providers: [DEFAULT_VALUE_ACCESSOR],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [":host{display:inline-block;position:relative}:host.ion-text-wrap ion-label{white-space:normal!important}button[hidden]{display:none}mat-icon.select-arrow{color:rgba(0,0,0,.47);font-size:150%}.fact-scroll-viewport{height:100%;width:100%}.fact-item{height:54px;display:flex}.fact-item .fact-date{min-width:100px;text-align:center;font-size:24pt}.fact-item .fact-date,.fact-item .fact-text{height:100%;align-items:center;justify-content:center;display:flex}.fact-item .fact-text{border-radius:10px}cdk-virtual-scroll-viewport{border:1px solid #000}cdk-virtual-scroll-viewport li{list-style:none}"]
@@ -1362,6 +1366,7 @@ MatAutocompleteField.propDecorators = {
     displayAttributes: [{ type: Input }],
     displayColumnSizes: [{ type: Input }],
     displayColumnNames: [{ type: Input }],
+    highlightAccent: [{ type: Input }],
     showAllOnFocus: [{ type: Input }],
     showPanelOnFocus: [{ type: Input }],
     appAutofocus: [{ type: Input }],
@@ -1788,18 +1793,35 @@ NumberFormatPipe.decorators = [
 ];
 
 class HighlightPipe {
+    // Replace search text by bold representation
     transform(value, args) {
         if (typeof value !== 'string' || !args)
             return value;
         const searchText = (typeof args === 'string' ? args : args.search);
+        const withAccent = (typeof args !== 'string') ? toBoolean(args === null || args === void 0 ? void 0 : args.withAccent, false) : false;
         if (typeof searchText !== 'string')
             return value;
         const searchRegexp = searchText
-            .replace(/[.]/g, '[.]').replace(/[*]+/g, '.*');
+            .replace(/[.]/g, '[.]')
+            .replace(/[*]+/g, '.*');
         if (searchRegexp === '.*')
             return value; // skip if can match everything
-        const regexp = new RegExp('[ ]?' + searchRegexp, 'gi');
-        return ('' + value).replace(regexp, '<b>$&</b>');
+        if (withAccent) {
+            // Remove all accent characters to allow versatile comparison
+            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;
+        }
+        else {
+            // Default behaviour
+            const regexp = new RegExp('[ ]?' + searchRegexp, 'gi');
+            return ('' + value).replace(regexp, '<b>$&</b>');
+        }
     }
 }
 HighlightPipe.ɵprov = ɵɵdefineInjectable({ factory: function HighlightPipe_Factory() { return new HighlightPipe(); }, token: HighlightPipe, providedIn: "root" });
@@ -5683,6 +5705,7 @@ class MatChipsField {
         this.readonly = false;
         this.clearable = false;
         this.debounceTime = 250;
+        this.highlightAccent = false;
         this.i18nPrefix = 'REFERENTIAL.';
         this.noResultMessage = 'COMMON.NO_RESULT';
         this.debug = false;
@@ -5952,7 +5975,7 @@ MatChipsField.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: 'mat-chips-field',
-                template: "<ion-grid class=\"ion-no-padding\">\n  <ion-row>\n    <ion-col class=\"ion-no-padding\">\n      <mat-form-field [floatLabel]=\"floatLabel\" class=\"material-chips\" [class.mat-form-field-disabled]=\"disabled\">\n        <div matPrefix>\n          <ng-content select=\"[matPrefix]\"></ng-content>\n        </div>\n        <mat-label>{{placeholder}}</mat-label>\n        <mat-chip-list #chipList>\n          <mat-chip\n            *ngFor=\"let item of value\"\n            [selectable]=\"false\"\n            [removable]=\"!disabled\"\n            (removed)=\"remove(item)\">\n            {{displayWith(item)}}\n            <mat-icon matChipRemove *ngIf=\"!disabled\">cancel</mat-icon>\n          </mat-chip>\n\n          <input matInput #matInputText type=\"text\"\n                 [matAutocomplete]=\"autoCombo\"\n                 [formControl]=\"inputControl\"\n                 [appAutofocus]=\"appAutofocus\"\n                 [tabindex]=\"_tabindex\"\n                 [readonly]=\"disabled\"\n                 [hidden]=\"disabled\"\n                 [required]=\"required\"\n                 (click)=\"clicked.emit($event)\"\n                 (blur)=\"blurred.emit($event)\"\n                 (focus)=\"filterInputTextFocusEvent($event)\"\n                 (keyup.arrowdown)=\"!autoCombo.showPanel && onDropButtonClick.emit($event)\"\n                 [matChipInputFor]=\"chipList\"\n                 >\n        </mat-chip-list>\n\n        <!-- autocomplete -->\n        <mat-autocomplete #autoCombo=\"matAutocomplete\"\n                          (optionSelected)=\"add($event)\"\n                          autoActiveFirstOption\n                          [displayWith]=\"displayWith\"\n                          [class]=\"class\">\n          <ng-container *ngIf=\"(filteredItems$ | async) as items\">\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as isLast\" [size]=\"displayColumnSizes[i]\">\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n                <ion-text color=\"light\" *ngIf=\"isLast\" class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: itemCount} }}</i></ion-text>\n              </ion-col>\n            </ion-row>\n\n            <!-- No item option -->\n            <mat-option *ngIf=\"!items.length\" class=\"ion-no-padding\" [disabled]=\"true\">\n              <ion-row class=\"ion-no-padding\">\n                <ion-col class=\"ion-no-padding\">\n                  <ion-label><i>{{noResultMessage | translate}}</i></ion-label>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n\n            <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n              <ion-row>\n                <ion-col *ngFor=\"let attr of displayAttributes; index as i;\"\n                         [size]=\"displayColumnSizes[i]\">\n                  <ion-text [innerHTML]=\"getPropertyByPath(item, attr) | highlight: inputControl.value\"></ion-text>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n          </ng-container>\n        </mat-autocomplete>\n\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                (click)=\"onDropButtonClick.emit($event)\"\n                [hidden]=\"disabled\">\n          <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n        </button>\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                *ngIf=\"clearable\"\n                (click)=\"clearValue($event)\"\n                [hidden]=\"disabled || !formControl.value\">\n          <mat-icon>close</mat-icon>\n        </button>\n        <ng-content matSuffix select=\"[matSuffix]\"></ng-content>\n\n        <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n\n      </mat-form-field>\n\n    </ion-col>\n    <ion-col size=\"auto\" class=\"ion-align-self-center\">\n      <ng-content select=\"[matAfter]\"></ng-content>\n    </ion-col>\n  </ion-row>\n</ion-grid>\n",
+                template: "<ion-grid class=\"ion-no-padding\">\n  <ion-row>\n    <ion-col class=\"ion-no-padding\">\n      <mat-form-field [floatLabel]=\"floatLabel\" class=\"material-chips\" [class.mat-form-field-disabled]=\"disabled\">\n        <div matPrefix>\n          <ng-content select=\"[matPrefix]\"></ng-content>\n        </div>\n        <mat-label>{{placeholder}}</mat-label>\n        <mat-chip-list #chipList>\n          <mat-chip\n            *ngFor=\"let item of value\"\n            [selectable]=\"false\"\n            [removable]=\"!disabled\"\n            (removed)=\"remove(item)\">\n            {{displayWith(item)}}\n            <mat-icon matChipRemove *ngIf=\"!disabled\">cancel</mat-icon>\n          </mat-chip>\n\n          <input matInput #matInputText type=\"text\"\n                 [matAutocomplete]=\"autoCombo\"\n                 [formControl]=\"inputControl\"\n                 [appAutofocus]=\"appAutofocus\"\n                 [tabindex]=\"_tabindex\"\n                 [readonly]=\"disabled\"\n                 [hidden]=\"disabled\"\n                 [required]=\"required\"\n                 (click)=\"clicked.emit($event)\"\n                 (blur)=\"blurred.emit($event)\"\n                 (focus)=\"filterInputTextFocusEvent($event)\"\n                 (keyup.arrowdown)=\"!autoCombo.showPanel && onDropButtonClick.emit($event)\"\n                 [matChipInputFor]=\"chipList\"\n                 >\n        </mat-chip-list>\n\n        <!-- autocomplete -->\n        <mat-autocomplete #autoCombo=\"matAutocomplete\"\n                          (optionSelected)=\"add($event)\"\n                          autoActiveFirstOption\n                          [displayWith]=\"displayWith\"\n                          [class]=\"class\">\n          <ng-container *ngIf=\"(filteredItems$ | async) as items\">\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as isLast\" [size]=\"displayColumnSizes[i]\">\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n                <ion-text color=\"light\" *ngIf=\"isLast\" class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: itemCount} }}</i></ion-text>\n              </ion-col>\n            </ion-row>\n\n            <!-- No item option -->\n            <mat-option *ngIf=\"!items.length\" class=\"ion-no-padding\" [disabled]=\"true\">\n              <ion-row class=\"ion-no-padding\">\n                <ion-col class=\"ion-no-padding\">\n                  <ion-label><i>{{noResultMessage | translate}}</i></ion-label>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n\n            <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n              <ion-row>\n                <ion-col *ngFor=\"let attr of displayAttributes; index as i;\"\n                         [size]=\"displayColumnSizes[i]\">\n                  <ion-text [innerHTML]=\"getPropertyByPath(item, attr) | highlight: { search: inputControl.value, withAccent: highlightAccent } \"></ion-text>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n          </ng-container>\n        </mat-autocomplete>\n\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                (click)=\"onDropButtonClick.emit($event)\"\n                [hidden]=\"disabled\">\n          <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n        </button>\n        <button matSuffix mat-icon-button tabindex=\"-1\"\n                type=\"button\"\n                *ngIf=\"clearable\"\n                (click)=\"clearValue($event)\"\n                [hidden]=\"disabled || !formControl.value\">\n          <mat-icon>close</mat-icon>\n        </button>\n        <ng-content matSuffix select=\"[matSuffix]\"></ng-content>\n\n        <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n\n      </mat-form-field>\n\n    </ion-col>\n    <ion-col size=\"auto\" class=\"ion-align-self-center\">\n      <ng-content select=\"[matAfter]\"></ng-content>\n    </ion-col>\n  </ion-row>\n</ion-grid>\n",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -5985,6 +6008,7 @@ MatChipsField.propDecorators = {
     displayAttributes: [{ type: Input }],
     displayColumnSizes: [{ type: Input }],
     displayColumnNames: [{ type: Input }],
+    highlightAccent: [{ type: Input }],
     showAllOnFocus: [{ type: Input }],
     showPanelOnFocus: [{ type: Input }],
     appAutofocus: [{ type: Input }],
@@ -14765,7 +14789,7 @@ function linearColorGradient(count, options) {
     return result;
 }
 
-class Entity$1 {
+class EntityTestClass {
 }
 const FAKE_ENTITIES = [
     { id: 1, label: 'AAA', name: 'Item A', description: 'Very long description A', comments: 'Very very long comments... again for A' },
@@ -15464,6 +15488,7 @@ function markFormGroupAsTouched(form, opts) {
         .map(key => form.controls[key])
         .filter(control => control.enabled)
         .forEach(control => markControlAsTouched(control, opts));
+    form.updateValueAndValidity(Object.assign(Object.assign({ emitEvent: false }, opts), { onlySelf: true }));
 }
 function markControlAsTouched(control, opts) {
     if (!control)
@@ -15729,7 +15754,7 @@ DateTimeTestPage.ctorParameters = () => [
     { type: ChangeDetectorRef }
 ];
 
-class Entity$2 {
+class EntityTestClass$1 {
 }
 const FAKE_ENTITIES$1 = [
     { id: 1, label: 'AAA', name: 'Item A' },
@@ -23104,5 +23129,5 @@ const ErrorCodes$2 = {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_TESTING_PAGES, AboutModal, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AppEditorOptions, AppEntityEditor, AppForm, AppFormField, AppFormHolder, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppInMemoryTable, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AudioProvider, AuthGuardService, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CellValueChangeListener, Color, ColorScale, ConfigService, Configuration, CoreModule, CryptoService, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateUtils, Department, DepartmentToStringPipe, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityStore, EntityUtils, Environment, ErrorCodes$2 as ErrorCodes, FileService, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormFieldValuesHolder, Fragments$1 as Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MatAutocompleteConfigHolder, MatAutocompleteField, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatLatLongField, MatPaginatorI18n, MatStepperI18n, MaterialChipsModule, MaterialTestingModule, MaterialTestingPage, MenuComponent, MenuItems, MenuService, ModalToolbarComponent, NetworkService, NumberFormatPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialRef, ReferentialUtils, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatLatLongModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedValidators, SocialModule, Software, StatusIds, StatusList, TableSelectColumnsComponent, Toasts, ToolbarComponent, ToolbarToken, TranslateContextService, UserEvent, UserEventFilter, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, copyForm2Entity, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isArray, isControlHasInput, isEmptyArray, isInputElement, isInstanceOf, isInt, isNil, isNilOrBlank, isNotEmptyArray, isNotNil, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, joinProperties, joinPropertiesPath, logFormErrors, markAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchUpperCase, mixHex, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitWhilePending, CustomReuseStrategy as ɵa, FileSizePipe as ɵb, MatNumpadComponent as ɵba, MatNumpadDomService as ɵbb, NumpadDirective as ɵbc, AnimationState as ɵbd, MatNumpadContainerComponent as ɵbe, MatNumpadContent as ɵbf, AppendToInputDirective as ɵbg, SharedMatSwipeModule as ɵbh, MatSwipeField as ɵbi, isFocusableElement as ɵbj, AutocompleteTestPage as ɵbk, DateTimeTestPage as ɵbl, LatLongTestPage as ɵbm, SwipeTestPage as ɵbn, ChipsTestPage as ɵbo, AuthForm as ɵbp, AuthModal as ɵbq, RegisterForm as ɵbr, AccountValidatorService as ɵbs, RegisterModal as ɵbt, UserSettingsValidatorService as ɵbu, LocalSettingsValidatorService as ɵbv, AppInstallUpgradeCard as ɵbw, EntityMetadataComponent as ɵbx, MathAbsPipe as ɵc, EvenPipe as ɵd, OddPipe as ɵe, NotEmptyArrayPipe as ɵf, EmptyArrayPipe as ɵg, ArrayLengthPipe as ɵh, ArrayFirstPipe as ɵi, ArrayPluckPipe as ɵj, ArrayIncludesPipe as ɵk, ArrayFilterPipe as ɵl, MapGetPipe as ɵm, MapKeysPipe as ɵn, MapValuesPipe as ɵo, IsNotNilOrBlankPipe as ɵp, IsNilOrBlankPipe as ɵq, ToStringPipe as ɵr, StrLengthPipe as ɵs, TranslateContextPipe as ɵt, TranslatablePipe as ɵu, NgInitDirective as ɵv, SharedMatDateTimeModule as ɵw, SharedMatDurationModule as ɵx, MatDuration as ɵy, SharedMatNumpadModule as ɵz };
+export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_TESTING_PAGES, AboutModal, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AnimationState, AppEditorOptions, AppEntityEditor, AppForm, AppFormField, AppFormHolder, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ConfigService, Configuration, CoreModule, CryptoService, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes$2 as ErrorCodes, EvenPipe, FileService, FileSizePipe, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormFieldValuesHolder, Fragments$1 as Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialChipsModule, MaterialTestingModule, MaterialTestingPage, MathAbsPipe, MenuComponent, MenuItems, MenuService, ModalToolbarComponent, NetworkService, NgInitDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialRef, ReferentialUtils, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedValidators, SocialModule, Software, StatusIds, StatusList, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UserEvent, UserEventFilter, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, copyForm2Entity, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isArray, isControlHasInput, isEmptyArray, isInputElement, isInstanceOf, isInt, isNil, isNilOrBlank, isNotEmptyArray, isNotNil, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, joinProperties, joinPropertiesPath, logFormErrors, markAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchUpperCase, mixHex, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitWhilePending, ɵ0$5 as ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, isFocusableElement as ɵc, RegisterForm as ɵd, AccountValidatorService as ɵe, RegisterModal as ɵf, UserSettingsValidatorService as ɵg, LocalSettingsValidatorService as ɵh };
 //# sourceMappingURL=ngx-sumaris-components.js.map