@sumaris-net/ngx-components 0.11.3-beta1 → 0.11.3

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

@@ -487,6 +487,9 @@
             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] };
@@ -1123,6 +1126,7 @@
             this.readonly = false;
             this.clearable = false;
             this.debounceTime = null;
+            this.highlightAccent = false;
             this.i18nPrefix = 'REFERENTIAL.';
             this.noResultMessage = 'COMMON.NO_RESULT';
             this.matAutocompletePosition = 'auto';
@@ -1663,7 +1667,7 @@
         { type: i0.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: i0.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}"]
@@ -1690,6 +1694,7 @@
         displayAttributes: [{ type: i0.Input }],
         displayColumnSizes: [{ type: i0.Input }],
         displayColumnNames: [{ type: i0.Input }],
+        highlightAccent: [{ type: i0.Input }],
         showAllOnFocus: [{ type: i0.Input }],
         showPanelOnFocus: [{ type: i0.Input }],
         appAutofocus: [{ type: i0.Input }],
@@ -2130,10 +2135,12 @@
     var HighlightPipe = /** @class */ (function () {
         function HighlightPipe() {
         }
+        // Replace search text by bold representation
         HighlightPipe.prototype.transform = function (value, args) {
             if (typeof value !== 'string' || !args)
                 return value;
             var searchText = (typeof args === 'string' ? args : args.search);
+            var withAccent = (typeof args !== 'string') ? toBoolean(args === null || args === void 0 ? void 0 : args.withAccent, false) : false;
             if (typeof searchText !== 'string')
                 return value;
             var searchRegexp = searchText
@@ -2141,12 +2148,22 @@
                 .replace(/[*]+/g, '.*');
             if (searchRegexp === '.*')
                 return value; // skip if can match everything
-            var cleanedRegexp = this.removeDiacritics(searchRegexp).replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-            var regexp = new RegExp('[ ]?' + cleanedRegexp, 'gi');
-            return this.removeDiacritics('' + value).replace(regexp, '<b>$&</b>');
-        };
-        HighlightPipe.prototype.removeDiacritics = function (text) {
-            return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+            if (withAccent) {
+                // Remove all accent characters to allow versatile comparison
+                var cleanedSearchText = removeDiacritics(searchRegexp).toUpperCase();
+                var 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
+                var regexp = new RegExp('[ ]?' + searchRegexp, 'gi');
+                return ('' + value).replace(regexp, '<b>$&</b>');
+            }
         };
         return HighlightPipe;
     }());
@@ -5438,12 +5455,12 @@
         AnimationState["ENTER"] = "enter";
         AnimationState["ENTER_INPUT"] = "enter-input";
         AnimationState["LEAVE"] = "leave";
-    })(exports.ɵbd || (exports.ɵbd = {}));
+    })(exports.AnimationState || (exports.AnimationState = {}));
     var MatNumpadContainerComponent = /** @class */ (function () {
         function MatNumpadContainerComponent(cd) {
             this.cd = cd;
             this.debug = true;
-            this.backdropState = exports.ɵbd.LEAVE;
+            this.backdropState = exports.AnimationState.LEAVE;
             this.columnCount = 4;
             this.filteredKeymap = new rxjs.BehaviorSubject(undefined);
             if (this.debug)
@@ -5455,15 +5472,15 @@
             }
             if (!this.disableAnimation) {
                 if (this.appendToInput) {
-                    this.panelState = exports.ɵbd.ENTER;
+                    this.panelState = exports.AnimationState.ENTER;
                 }
                 else {
-                    this.modalState = exports.ɵbd.ENTER;
+                    this.modalState = exports.AnimationState.ENTER;
                 }
             }
             this.noBackdrop = this.noBackdrop || this.appendToInput;
             if (!this.noBackdrop) {
-                this.backdropState = exports.ɵbd.ENTER;
+                this.backdropState = exports.AnimationState.ENTER;
             }
             var keymap = this.defineFilteredKeymap();
             this.filteredKeymap.next(keymap);
@@ -5496,15 +5513,15 @@
                 return;
             }
             if (this.modalState)
-                this.modalState = exports.ɵbd.LEAVE;
+                this.modalState = exports.AnimationState.LEAVE;
             if (this.panelState)
-                this.panelState = exports.ɵbd.LEAVE;
+                this.panelState = exports.AnimationState.LEAVE;
             if (this.backdropState)
-                this.backdropState = exports.ɵbd.LEAVE;
+                this.backdropState = exports.AnimationState.LEAVE;
             this.markForCheck();
         };
         MatNumpadContainerComponent.prototype.animationDone = function (event) {
-            if (event.phaseName === 'done' && event.toState === exports.ɵbd.LEAVE) {
+            if (event.phaseName === 'done' && event.toState === exports.AnimationState.LEAVE) {
                 this.numpadRef.close();
             }
         };
@@ -5530,13 +5547,13 @@
                         // Backdrop animation
                         animations.trigger('numpadBackdrop', [
                             animations.state('*', animations.style({ opacity: 0, background: 'transparent' })),
-                            animations.state(exports.ɵbd.ENTER, animations.style({ opacity: 1 })),
-                            animations.state(exports.ɵbd.LEAVE, animations.style({ opacity: 0 })),
-                            animations.transition("* => " + exports.ɵbd.ENTER, [
+                            animations.state(exports.AnimationState.ENTER, animations.style({ opacity: 1 })),
+                            animations.state(exports.AnimationState.LEAVE, animations.style({ opacity: 0 })),
+                            animations.transition("* => " + exports.AnimationState.ENTER, [
                                 animations.style({ opacity: 0 }),
                                 animations.animate('0.4s cubic-bezier(0.25, 0.8, 0.25, 1)')
                             ]),
-                            animations.transition(exports.ɵbd.ENTER + " => " + exports.ɵbd.LEAVE, [
+                            animations.transition(exports.AnimationState.ENTER + " => " + exports.AnimationState.LEAVE, [
                                 animations.style({ opacity: 1 }),
                                 animations.animate('0.2s cubic-bezier(0.25, 0.8, 0.25, 1)')
                             ])
@@ -5544,27 +5561,27 @@
                         // Fade in
                         animations.trigger('numpadFadeIn', [
                             animations.state('*', animations.style({ opacity: 1, transform: 'scale(1)' })),
-                            animations.state(exports.ɵbd.ENTER, animations.style({ opacity: 1, transform: 'scale(1)' })),
-                            animations.state(exports.ɵbd.LEAVE, animations.style({ opacity: 0, transform: 'scale(0.9)' })),
+                            animations.state(exports.AnimationState.ENTER, animations.style({ opacity: 1, transform: 'scale(1)' })),
+                            animations.state(exports.AnimationState.LEAVE, animations.style({ opacity: 0, transform: 'scale(0.9)' })),
                             // Modal
-                            animations.transition("* => " + exports.ɵbd.ENTER, [
+                            animations.transition("* => " + exports.AnimationState.ENTER, [
                                 animations.style({ opacity: 0, transform: 'scale(0.6)' }),
                                 animations.animate('0.2s ease-out')
                             ]),
-                            animations.transition(exports.ɵbd.ENTER + " => " + exports.ɵbd.LEAVE, [
+                            animations.transition(exports.AnimationState.ENTER + " => " + exports.AnimationState.LEAVE, [
                                 animations.animate('0.2s ease-out')
                             ])
                         ]),
                         // Panel expansion
                         animations.trigger('numpadPanelExpansion', [
                             animations.state('*', animations.style({ opacity: 1, transform: 'scaleY(0) translateY(-50%)' })),
-                            animations.state(exports.ɵbd.ENTER, animations.style({ opacity: 1, transform: 'scale(1) translateY(0)' })),
-                            animations.state(exports.ɵbd.LEAVE, animations.style({ opacity: 0, transform: 'scale(1) translateY(0)' })),
+                            animations.state(exports.AnimationState.ENTER, animations.style({ opacity: 1, transform: 'scale(1) translateY(0)' })),
+                            animations.state(exports.AnimationState.LEAVE, animations.style({ opacity: 0, transform: 'scale(1) translateY(0)' })),
                             // Attach to input
-                            animations.transition("* => " + exports.ɵbd.ENTER, [
+                            animations.transition("* => " + exports.AnimationState.ENTER, [
                                 animations.animate('0.2s ease-out')
                             ]),
-                            animations.transition(exports.ɵbd.ENTER + " => " + exports.ɵbd.LEAVE, [
+                            animations.transition(exports.AnimationState.ENTER + " => " + exports.AnimationState.LEAVE, [
                                 animations.animate('0.2s ease-out')
                             ])
                         ])
@@ -6399,6 +6416,7 @@
             this.readonly = false;
             this.clearable = false;
             this.debounceTime = 250;
+            this.highlightAccent = false;
             this.i18nPrefix = 'REFERENTIAL.';
             this.noResultMessage = 'COMMON.NO_RESULT';
             this.debug = false;
@@ -6721,7 +6739,7 @@
         { type: i0.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: i1.NG_VALUE_ACCESSOR,
@@ -6754,6 +6772,7 @@
         displayAttributes: [{ type: i0.Input }],
         displayColumnSizes: [{ type: i0.Input }],
         displayColumnNames: [{ type: i0.Input }],
+        highlightAccent: [{ type: i0.Input }],
         showAllOnFocus: [{ type: i0.Input }],
         showPanelOnFocus: [{ type: i0.Input }],
         appAutofocus: [{ type: i0.Input }],
@@ -16970,10 +16989,10 @@
         return result;
     }
 
-    var Entity$1 = /** @class */ (function () {
-        function Entity() {
+    var EntityTestClass = /** @class */ (function () {
+        function EntityTestClass() {
         }
-        return Entity;
+        return EntityTestClass;
     }());
     var FAKE_ENTITIES = [
         { id: 1, label: 'AAA', name: 'Item A', description: 'Very long description A', comments: 'Very very long comments... again for A' },
@@ -18041,10 +18060,10 @@
         { type: i0.ChangeDetectorRef }
     ]; };
 
-    var Entity$2 = /** @class */ (function () {
-        function Entity() {
+    var EntityTestClass$1 = /** @class */ (function () {
+        function EntityTestClass() {
         }
-        return Entity;
+        return EntityTestClass;
     }());
     var FAKE_ENTITIES$1 = [
         { id: 1, label: 'AAA', name: 'Item A' },
@@ -26706,6 +26725,7 @@
     exports.AppGraphQLModule = AppGraphQLModule;
     exports.AppHelpModal = AppHelpModal;
     exports.AppInMemoryTable = AppInMemoryTable;
+    exports.AppInstallUpgradeCard = AppInstallUpgradeCard;
     exports.AppListForm = AppListForm;
     exports.AppLoadingSpinner = AppLoadingSpinner;
     exports.AppMenuModule = AppMenuModule;
@@ -26717,8 +26737,17 @@
     exports.AppTableDataSourceOptions = AppTableDataSourceOptions;
     exports.AppTableUtils = AppTableUtils;
     exports.AppValidatorService = AppValidatorService;
+    exports.AppendToInputDirective = AppendToInputDirective;
+    exports.ArrayFilterPipe = ArrayFilterPipe;
+    exports.ArrayFirstPipe = ArrayFirstPipe;
+    exports.ArrayIncludesPipe = ArrayIncludesPipe;
+    exports.ArrayLengthPipe = ArrayLengthPipe;
+    exports.ArrayPluckPipe = ArrayPluckPipe;
     exports.AudioProvider = AudioProvider;
+    exports.AuthForm = AuthForm;
     exports.AuthGuardService = AuthGuardService;
+    exports.AuthModal = AuthModal;
+    exports.AutocompleteTestPage = AutocompleteTestPage;
     exports.AutofocusDirective = AutofocusDirective;
     exports.Base58 = Base58;
     exports.BaseEntityService = BaseEntityService;
@@ -26728,6 +26757,7 @@
     exports.Beans = Beans;
     exports.CORE_CONFIG_OPTIONS = CORE_CONFIG_OPTIONS;
     exports.CellValueChangeListener = CellValueChangeListener;
+    exports.ChipsTestPage = ChipsTestPage;
     exports.Color = Color;
     exports.ColorScale = ColorScale;
     exports.ConfigService = ConfigService;
@@ -26743,11 +26773,13 @@
     exports.DateDiffDurationPipe = DateDiffDurationPipe;
     exports.DateFormatPipe = DateFormatPipe;
     exports.DateFromNowPipe = DateFromNowPipe;
+    exports.DateTimeTestPage = DateTimeTestPage;
     exports.DateUtils = DateUtils;
     exports.DepartmentToStringPipe = DepartmentToStringPipe;
     exports.DurationPipe = DurationPipe;
     exports.ENTITIES_STORAGE_KEY_PREFIX = ENTITIES_STORAGE_KEY_PREFIX;
     exports.ENVIRONMENT = ENVIRONMENT;
+    exports.EmptyArrayPipe = EmptyArrayPipe;
     exports.EntitiesService = EntitiesService;
     exports.EntitiesStorage = EntitiesStorage;
     exports.EntitiesTableDataSource = EntitiesTableDataSource;
@@ -26756,11 +26788,14 @@
     exports.EntityClasses = EntityClasses;
     exports.EntityFilter = EntityFilter;
     exports.EntityFilterUtils = EntityFilterUtils;
+    exports.EntityMetadataComponent = EntityMetadataComponent;
     exports.EntityStore = EntityStore;
     exports.EntityUtils = EntityUtils;
     exports.Environment = Environment;
     exports.ErrorCodes = ErrorCodes$2;
+    exports.EvenPipe = EvenPipe;
     exports.FileService = FileService;
+    exports.FileSizePipe = FileSizePipe;
     exports.FormArrayHelper = FormArrayHelper;
     exports.FormButtonsBarComponent = FormButtonsBarComponent;
     exports.FormButtonsBarToken = FormButtonsBarToken;
@@ -26775,6 +26810,8 @@
     exports.HotkeysDialogComponent = HotkeysDialogComponent;
     exports.InMemoryEntitiesService = InMemoryEntitiesService;
     exports.IsLoginAccountPipe = IsLoginAccountPipe;
+    exports.IsNilOrBlankPipe = IsNilOrBlankPipe;
+    exports.IsNotNilOrBlankPipe = IsNotNilOrBlankPipe;
     exports.IsNotOnFieldModePipe = IsNotOnFieldModePipe;
     exports.IsOnFieldModePipe = IsOnFieldModePipe;
     exports.JobUtils = JobUtils;
@@ -26782,11 +26819,15 @@
     exports.LAT_LONG_DEFAULT_MAX_DECIMALS = LAT_LONG_DEFAULT_MAX_DECIMALS;
     exports.LAT_LONG_PATTERNS = LAT_LONG_PATTERNS;
     exports.LatLongFormatPipe = LatLongFormatPipe;
+    exports.LatLongTestPage = LatLongTestPage;
     exports.LatitudeFormatPipe = LatitudeFormatPipe;
     exports.LocalSettingsService = LocalSettingsService;
     exports.LongitudeFormatPipe = LongitudeFormatPipe;
     exports.MINIFY_ENTITY_FOR_LOCAL_STORAGE = MINIFY_ENTITY_FOR_LOCAL_STORAGE;
     exports.MINIFY_ENTITY_FOR_POD = MINIFY_ENTITY_FOR_POD;
+    exports.MapGetPipe = MapGetPipe;
+    exports.MapKeysPipe = MapKeysPipe;
+    exports.MapValuesPipe = MapValuesPipe;
     exports.MatAutocompleteConfigHolder = MatAutocompleteConfigHolder;
     exports.MatAutocompleteField = MatAutocompleteField;
     exports.MatBooleanField = MatBooleanField;
@@ -26794,18 +26835,28 @@
     exports.MatDate = MatDate;
     exports.MatDateShort = MatDateShort;
     exports.MatDateTime = MatDateTime;
+    exports.MatDuration = MatDuration;
     exports.MatLatLongField = MatLatLongField;
+    exports.MatNumpadComponent = MatNumpadComponent;
+    exports.MatNumpadContainerComponent = MatNumpadContainerComponent;
+    exports.MatNumpadContent = MatNumpadContent;
     exports.MatPaginatorI18n = MatPaginatorI18n;
     exports.MatStepperI18n = MatStepperI18n;
+    exports.MatSwipeField = MatSwipeField;
     exports.MaterialChipsModule = MaterialChipsModule;
     exports.MaterialTestingModule = MaterialTestingModule;
     exports.MaterialTestingPage = MaterialTestingPage;
+    exports.MathAbsPipe = MathAbsPipe;
     exports.MenuComponent = MenuComponent;
     exports.MenuItems = MenuItems;
     exports.MenuService = MenuService;
     exports.ModalToolbarComponent = ModalToolbarComponent;
     exports.NetworkService = NetworkService;
+    exports.NgInitDirective = NgInitDirective;
+    exports.NotEmptyArrayPipe = NotEmptyArrayPipe;
     exports.NumberFormatPipe = NumberFormatPipe;
+    exports.NumpadDirective = NumpadDirective;
+    exports.OddPipe = OddPipe;
     exports.PRIORITIZED_AUTHORITIES = PRIORITIZED_AUTHORITIES;
     exports.PUBKEY_REGEXP = PUBKEY_REGEXP;
     exports.PersonFragments = PersonFragments;
@@ -26836,7 +26887,11 @@
     exports.SharedHotkeysModule = SharedHotkeysModule;
     exports.SharedMatAutocompleteModule = SharedMatAutocompleteModule;
     exports.SharedMatBooleanModule = SharedMatBooleanModule;
+    exports.SharedMatDateTimeModule = SharedMatDateTimeModule;
+    exports.SharedMatDurationModule = SharedMatDurationModule;
     exports.SharedMatLatLongModule = SharedMatLatLongModule;
+    exports.SharedMatNumpadModule = SharedMatNumpadModule;
+    exports.SharedMatSwipeModule = SharedMatSwipeModule;
     exports.SharedMaterialModule = SharedMaterialModule;
     exports.SharedModule = SharedModule;
     exports.SharedPipesModule = SharedPipesModule;
@@ -26846,10 +26901,15 @@
     exports.SocialModule = SocialModule;
     exports.StatusIds = StatusIds;
     exports.StatusList = StatusList;
+    exports.StrLengthPipe = StrLengthPipe;
+    exports.SwipeTestPage = SwipeTestPage;
     exports.TableSelectColumnsComponent = TableSelectColumnsComponent;
+    exports.ToStringPipe = ToStringPipe;
     exports.Toasts = Toasts;
     exports.ToolbarComponent = ToolbarComponent;
     exports.ToolbarToken = ToolbarToken;
+    exports.TranslatablePipe = TranslatablePipe;
+    exports.TranslateContextPipe = TranslateContextPipe;
     exports.TranslateContextService = TranslateContextService;
     exports.UserEventService = UserEventService;
     exports.UserEventTypes = UserEventTypes;
@@ -26947,6 +27007,7 @@
     exports.referentialsToString = referentialsToString;
     exports.remove = remove;
     exports.removeAll = removeAll;
+    exports.removeDiacritics = removeDiacritics;
     exports.removeDuplicatesFromArray = removeDuplicatesFromArray;
     exports.removeEnd = removeEnd;
     exports.removeValueInArray = removeValueInArray;
@@ -26982,55 +27043,15 @@
     exports.uncapitalizeFirstLetter = uncapitalizeFirstLetter;
     exports.updateValueAndValidity = updateValueAndValidity;
     exports.waitWhilePending = waitWhilePending;
+    exports.ɵ0 = ɵ0$5;
     exports.ɵa = CustomReuseStrategy;
-    exports.ɵb = FileSizePipe;
-    exports.ɵba = MatNumpadComponent;
-    exports.ɵbb = MatNumpadDomService;
-    exports.ɵbc = NumpadDirective;
-    exports.ɵbe = MatNumpadContainerComponent;
-    exports.ɵbf = MatNumpadContent;
-    exports.ɵbg = AppendToInputDirective;
-    exports.ɵbh = SharedMatSwipeModule;
-    exports.ɵbi = MatSwipeField;
-    exports.ɵbj = isFocusableElement;
-    exports.ɵbk = AutocompleteTestPage;
-    exports.ɵbl = DateTimeTestPage;
-    exports.ɵbm = LatLongTestPage;
-    exports.ɵbn = SwipeTestPage;
-    exports.ɵbo = ChipsTestPage;
-    exports.ɵbp = AuthForm;
-    exports.ɵbq = AuthModal;
-    exports.ɵbr = RegisterForm;
-    exports.ɵbs = AccountValidatorService;
-    exports.ɵbt = RegisterModal;
-    exports.ɵbu = UserSettingsValidatorService;
-    exports.ɵbv = LocalSettingsValidatorService;
-    exports.ɵbw = AppInstallUpgradeCard;
-    exports.ɵbx = EntityMetadataComponent;
-    exports.ɵc = MathAbsPipe;
-    exports.ɵd = EvenPipe;
-    exports.ɵe = OddPipe;
-    exports.ɵf = NotEmptyArrayPipe;
-    exports.ɵg = EmptyArrayPipe;
-    exports.ɵh = ArrayLengthPipe;
-    exports.ɵi = ArrayFirstPipe;
-    exports.ɵj = ArrayPluckPipe;
-    exports.ɵk = ArrayIncludesPipe;
-    exports.ɵl = ArrayFilterPipe;
-    exports.ɵm = MapGetPipe;
-    exports.ɵn = MapKeysPipe;
-    exports.ɵo = MapValuesPipe;
-    exports.ɵp = IsNotNilOrBlankPipe;
-    exports.ɵq = IsNilOrBlankPipe;
-    exports.ɵr = ToStringPipe;
-    exports.ɵs = StrLengthPipe;
-    exports.ɵt = TranslateContextPipe;
-    exports.ɵu = TranslatablePipe;
-    exports.ɵv = NgInitDirective;
-    exports.ɵw = SharedMatDateTimeModule;
-    exports.ɵx = SharedMatDurationModule;
-    exports.ɵy = MatDuration;
-    exports.ɵz = SharedMatNumpadModule;
+    exports.ɵb = MatNumpadDomService;
+    exports.ɵc = isFocusableElement;
+    exports.ɵd = RegisterForm;
+    exports.ɵe = AccountValidatorService;
+    exports.ɵf = RegisterModal;
+    exports.ɵg = UserSettingsValidatorService;
+    exports.ɵh = LocalSettingsValidatorService;
 
     Object.defineProperty(exports, '__esModule', { value: true });