@sumaris-net/ngx-components 2.6.16 → 2.6.17

package/fesm2020/sumaris-net.ngx-components.mjs

@@ -24510,6 +24510,12 @@ class MenuService extends StartableObservableService {
     _markAsClosed() {
         this._$opened.next(false);
     }
+    async close() {
+        this._$opened.next(false);
+    }
+    async open() {
+        this._$opened.next(true);
+    }
     async ngOnStart() {
         console.info(`${this._logPrefix}Starting...`);
         // Restore sub items from settings
@@ -24906,7 +24912,7 @@ class MenuComponent {
         this._subscription.add(this.menuService.opened
             // Avoid duplicated events
             .pipe(distinctUntilChanged())
-            .subscribe((value) => (value ? this.open() : this.close())));
+            .subscribe((value) => (value ? this.open({ emitEvent: false }) : this.close({ emitEvent: false }))));
         // TODO : Find a more reliable way to do this :
         //    Must be donne after menuService subscription :
         //    - In MenuService.ngOnStart accountChanges change will be emitted before the service is ready
@@ -24956,25 +24962,29 @@ class MenuComponent {
                 await this.close();
         }
     }
-    async open() {
+    async open(opts) {
         console.debug('[menu] Checking open event...');
         const opened = await this.menu.isOpen(this.menuId);
         if (!opened) {
             console.debug('[menu] Opening menu');
             await this.menu.open(this.menuId);
             // Propagate to service
-            this.menuService._markAsOpened();
+            if (!opts || opts.emitEvent !== false) {
+                this.menuService._markAsOpened();
+            }
         }
         return true;
     }
-    async close() {
+    async close(opts) {
         console.debug('[menu] Checking close event...');
         const opened = await this.menu.isOpen(this.menuId);
         if (opened) {
             console.debug('[menu] Closing menu');
             await this.menu.close(this.menuId);
             // Propagate to service
-            this.menuService._markAsClosed();
+            if (!opts || opts.emitEvent !== false) {
+                this.menuService._markAsClosed();
+            }
         }
         return true;
     }
@@ -34897,6 +34907,7 @@ class AbstractUserEventService extends BaseGraphqlService {
         this.queries = options.queries;
         this.mutations = options.mutations || {};
         this.subscriptions = options.subscriptions || {};
+        this.watchQueriesUpdatePolicy = options.watchQueriesUpdatePolicy || 'update-cache';
         this._logPrefix = '[user-event-service] ';
     }
     get countSubject() {
@@ -35038,10 +35049,21 @@ class AbstractUserEventService extends BaseGraphqlService {
             return; // Rejected
         const withContent = !!entity.content;
         // Add user event locally
-        this.insertIntoMutableCachedQueries(this.graphql.cache, {
-            query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
-            data: entity
-        });
+        if (this.watchQueriesUpdatePolicy === 'update-cache') {
+            if (withContent) {
+                this.insertIntoMutableCachedQueries(this.graphql.cache, {
+                    query: this.queries.loadAllWithContent,
+                    data: entity
+                });
+            }
+            this.insertIntoMutableCachedQueries(this.graphql.cache, {
+                query: this.queries.loadAll,
+                data: {
+                    ...entity,
+                    content: null
+                }
+            });
+        }
         // Update count
         this._countSubject.next(this._countSubject.value + 1);
         // Add id
@@ -35155,16 +35177,14 @@ class AbstractUserEventService extends BaseGraphqlService {
             variables: {
                 ids
             },
-            update: (proxy) => {
-                // Remove from caches
-                this.removeFromMutableCachedQueriesByIds(proxy, {
-                    query: this.queries.loadAll,
-                    ids
-                });
-                this.removeFromMutableCachedQueriesByIds(proxy, {
-                    query: this.queries.loadAllWithContent,
-                    ids
-                });
+            update: (cache) => {
+                // Remove from cache
+                if (this.watchQueriesUpdatePolicy === 'update-cache') {
+                    this.removeFromMutableCachedQueriesByIds(cache, {
+                        queries: this.getLoadQueries(),
+                        ids
+                    });
+                }
                 if (this._debug)
                     console.debug(`${this._logPrefix}Events deleted in ${Date.now() - now}ms`);
             }
@@ -35192,13 +35212,13 @@ class AbstractUserEventService extends BaseGraphqlService {
                         console.debug(`${this._logPrefix}User event saved in ${Date.now() - now}ms`, entity);
                     this.copyIdAndUpdateDate(savedEntity, entity);
                     // Add to cache
-                    if (withContent) {
-                        this.insertIntoMutableCachedQueries(proxy, {
-                            query: this.queries.loadAllWithContent,
-                            data: savedEntity
-                        });
-                    }
-                    else {
+                    if (this.watchQueriesUpdatePolicy === 'update-cache') {
+                        if (withContent) {
+                            this.insertIntoMutableCachedQueries(proxy, {
+                                query: this.queries.loadAllWithContent,
+                                data: savedEntity
+                            });
+                        }
                         this.insertIntoMutableCachedQueries(proxy, {
                             query: this.queries.loadAll,
                             data: {
@@ -35349,6 +35369,9 @@ class AbstractUserEventService extends BaseGraphqlService {
     copyIdAndUpdateDate(source, target) {
         EntityUtils.copyIdAndUpdateDate(source, target);
     }
+    getLoadQueries() {
+        return [this.queries.loadAll, this.queries.loadAllWithContent].filter(isNotNil);
+    }
 }
 AbstractUserEventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AbstractUserEventService, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
 AbstractUserEventService.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: AbstractUserEventService, usesInheritance: true, ngImport: i0 });
@@ -35714,6 +35737,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
+var PersonFilter_1;
+// @dynamic
+let PersonFilter = PersonFilter_1 = class PersonFilter extends EntityFilter {
+    constructor() {
+        super(PersonFilter_1.TYPENAME);
+    }
+    static searchFilter(source) {
+        return source && PersonFilter_1.fromObject(source).asFilterFn();
+    }
+    fromObject(source, opts) {
+        super.fromObject(source, opts);
+        this.email = source.email;
+        this.pubkey = source.pubkey;
+        this.searchText = source.searchText;
+        this.statusIds = source.statusIds || (isNotNil(source.statusId) ? [source.statusId] : undefined);
+        this.userProfiles = source.userProfiles;
+        this.excludedIds = source.excludedIds;
+        this.searchAttribute = source.searchAttribute;
+        this.searchAttributes = source.searchAttributes;
+    }
+    asObject(opts) {
+        const target = super.asObject(opts);
+        target.email = this.email;
+        target.pubkey = this.pubkey;
+        target.searchText = this.searchText;
+        target.statusIds = this.statusIds;
+        target.userProfiles = this.userProfiles;
+        target.excludedIds = this.excludedIds;
+        target.searchAttribute = this.searchAttribute;
+        target.searchAttributes = this.searchAttributes;
+        return target;
+    }
+    buildFilter() {
+        const filterFns = super.buildFilter();
+        // Filter by status
+        if (isNotEmptyArray(this.statusIds)) {
+            filterFns.push(e => this.statusIds.includes(e.statusId));
+        }
+        // Filter excluded ids
+        if (isNotEmptyArray(this.excludedIds)) {
+            filterFns.push(e => isNil(e.id) || !this.excludedIds.includes(e.id));
+        }
+        // Search text
+        const searchTextFilter = EntityUtils.searchTextFilter(this.searchAttribute || this.searchAttributes || ['lastName', 'firstName', 'department.name'], this.searchText);
+        if (searchTextFilter)
+            filterFns.push(searchTextFilter);
+        return filterFns;
+    }
+};
+PersonFilter = PersonFilter_1 = __decorate([
+    EntityClass({ typename: 'PersonFilterVO' })
+], PersonFilter);
+
 const MessageTypes = {
     INBOX_MESSAGE: 'INBOX_MESSAGE',
     EMAIL: 'EMAIL',
@@ -35746,12 +35822,14 @@ let Message = class Message extends Entity {
         this.type = source.type;
         this.issuer = source.issuer && Person.fromObject(source.issuer);
         this.recipients = source.recipients && source.recipients.map(Person.fromObject);
+        this.recipientFilter = source.recipientFilter && PersonFilter.fromObject(source.recipientFilter) || undefined;
         this.subject = source.subject;
         this.body = source.body;
     }
     asObject(opts) {
         const target = super.asObject(opts);
         target.recipients = this.recipients && this.recipients.map(p => p.asObject(opts));
+        target.recipientFilter = this.recipientFilter && this.recipientFilter.asObject(opts) || undefined;
         return target;
     }
 };
@@ -35781,6 +35859,8 @@ class MessageForm extends AppForm {
         this.bodyMaxLength = 2000;
         this.bodyAutoHeight = true;
         this.canSelectType = false;
+        this.canRecipientFilter = false;
+        this.recipientFilterCount = 0;
         this.types = MessageTypeList;
         this.mobile = this.settings.mobile;
     }
@@ -35788,6 +35868,7 @@ class MessageForm extends AppForm {
         this.setForm(this.formBuilder.group({
             type: [MessageTypes.INBOX_MESSAGE, Validators.required],
             recipients: [null, Validators.required],
+            recipientFilter: [null],
             subject: [
                 null,
                 this.subjectMaxLength
@@ -35796,6 +35877,11 @@ class MessageForm extends AppForm {
             ],
             body: [null, this.bodyMaxLength ? Validators.compose([Validators.maxLength(this.bodyMaxLength)]) : Validators.required],
         }));
+        this.registerSubscription(this._form
+            .get('type')
+            .valueChanges.pipe(filter(isNotNil))
+            .subscribe((type) => this.updateFormGroup(this._form, { type })));
+        // Person combo
         const personAttributes = this.settings.getFieldDisplayAttributes('person', ['lastName', 'firstName', 'department.name']);
         this.registerAutocompleteField('recipients', {
             showAllOnFocus: false,
@@ -35813,15 +35899,53 @@ class MessageForm extends AppForm {
     isSamePerson(o1, o2) {
         return EntityUtils.equals(o1, o2, 'id');
     }
+    updateFormGroup(formGroup, opts) {
+        console.debug('[message-form] Updating form group...', opts);
+        // Recipient validator
+        const recipientsRequired = toBoolean(opts?.recipientRequired, opts?.type !== MessageTypes.FEED);
+        {
+            const control = formGroup.get('recipients');
+            if (recipientsRequired) {
+                if (!control.hasValidator(Validators.required)) {
+                    control.addValidators(Validators.required);
+                }
+                control.enable();
+            }
+            else {
+                if (control.hasValidator(Validators.required)) {
+                    control.removeValidators(Validators.required);
+                }
+                control.disable();
+            }
+        }
+        // Recipient filter validator
+        const recipientFilterRequired = this.canRecipientFilter && !recipientsRequired;
+        {
+            const control = formGroup.get('recipientFilter');
+            if (recipientFilterRequired) {
+                if (!control.hasValidator(Validators.required)) {
+                    control.addValidators(Validators.required);
+                }
+                control.enable();
+            }
+            else {
+                if (control.hasValidator(Validators.required)) {
+                    control.removeValidators(Validators.required);
+                }
+                control.disable();
+            }
+        }
+        formGroup.updateValueAndValidity();
+    }
     markForCheck() {
         this.cd.markForCheck();
     }
 }
 MessageForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageForm, deps: [{ token: i0.Injector }, { token: i1$2.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageForm, selector: "app-message-form", inputs: { suggestFn: "suggestFn", subjectMinLength: "subjectMinLength", subjectMaxLength: "subjectMaxLength", bodyMaxLength: "bodyMaxLength", bodyAutoHeight: "bodyAutoHeight", canSelectType: "canSelectType" }, usesInheritance: true, ngImport: i0, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <mat-option *ngFor=\"let item of types\" [value]=\"item.id\">\n        <ion-icon [name]=\"item.icon\"></ion-icon>\n        {{ item.label |translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i2$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: MatChipsField, selector: "mat-chips-field", inputs: ["equals", "logPrefix", "formControl", "formControlName", "floatLabel", "appearance", "placeholder", "suggestFn", "required", "mobile", "readonly", "clearable", "debounceTime", "displayWith", "displayAttributes", "displayColumnSizes", "displayColumnNames", "highlightAccent", "showAllOnFocus", "showPanelOnFocus", "autofocus", "config", "i18nPrefix", "noResultMessage", "class", "panelWidth", "matAutocompletePosition", "itemSize", "fetchMoreThreshold", "suggestLengthThreshold", "showLoadingSpinner", "chipColor", "debug", "filter", "tabindex", "items"], outputs: ["click", "blur", "focus", "dropButtonClick", "keydown.escape", "keyup.enter"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MessageForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageForm, selector: "app-message-form", inputs: { suggestFn: "suggestFn", subjectMinLength: "subjectMinLength", subjectMaxLength: "subjectMaxLength", bodyMaxLength: "bodyMaxLength", bodyAutoHeight: "bodyAutoHeight", canSelectType: "canSelectType", canRecipientFilter: "canRecipientFilter", recipientFilterCount: "recipientFilterCount" }, usesInheritance: true, ngImport: i0, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <ng-container *ngFor=\"let item of types\">\n        <mat-option [value]=\"item.id\" *ngIf=\"item.id !== 'FEED' || canRecipientFilter\">\n          <ion-icon [name]=\"item.icon\"></ion-icon>\n          {{ item.label |translate }}\n        </mat-option>\n      </ng-container>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'; else recipientFilter\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n  <ng-template #recipientFilter>\n    <mat-form-field>\n      <mat-chip-list>\n        <mat-chip>{{'SOCIAL.MESSAGE.RECIPIENT_FILTER_COUNT'|translate: {count: recipientFilterCount} }}</mat-chip>\n      </mat-chip-list>\n      <input matInput hidden type=\"number\">\n    </mat-form-field>\n  </ng-template>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i2$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: MatChipsField, selector: "mat-chips-field", inputs: ["equals", "logPrefix", "formControl", "formControlName", "floatLabel", "appearance", "placeholder", "suggestFn", "required", "mobile", "readonly", "clearable", "debounceTime", "displayWith", "displayAttributes", "displayColumnSizes", "displayColumnNames", "highlightAccent", "showAllOnFocus", "showPanelOnFocus", "autofocus", "config", "i18nPrefix", "noResultMessage", "class", "panelWidth", "matAutocompletePosition", "itemSize", "fetchMoreThreshold", "suggestLengthThreshold", "showLoadingSpinner", "chipColor", "debug", "filter", "tabindex", "items"], outputs: ["click", "blur", "focus", "dropButtonClick", "keydown.escape", "keyup.enter"] }, { kind: "component", type: i11$1.MatChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i11$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageForm, decorators: [{
             type: Component,
-            args: [{ selector: 'app-message-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <mat-option *ngFor=\"let item of types\" [value]=\"item.id\">\n        <ion-icon [name]=\"item.icon\"></ion-icon>\n        {{ item.label |translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"] }]
+            args: [{ selector: 'app-message-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <ng-container *ngFor=\"let item of types\">\n        <mat-option [value]=\"item.id\" *ngIf=\"item.id !== 'FEED' || canRecipientFilter\">\n          <ion-icon [name]=\"item.icon\"></ion-icon>\n          {{ item.label |translate }}\n        </mat-option>\n      </ng-container>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'; else recipientFilter\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n  <ng-template #recipientFilter>\n    <mat-form-field>\n      <mat-chip-list>\n        <mat-chip>{{'SOCIAL.MESSAGE.RECIPIENT_FILTER_COUNT'|translate: {count: recipientFilterCount} }}</mat-chip>\n      </mat-chip-list>\n      <input matInput hidden type=\"number\">\n    </mat-form-field>\n  </ng-template>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$2.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { suggestFn: [{
                 type: Input
             }], subjectMinLength: [{
@@ -35834,6 +35958,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], canSelectType: [{
                 type: Input
+            }], canRecipientFilter: [{
+                type: Input
+            }], recipientFilterCount: [{
+                type: Input
             }] } });
 
 class MessageModal {
@@ -35904,16 +36032,20 @@ class MessageModal {
     }
 }
 MessageModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModal, deps: [{ token: LocalSettingsService }, { token: i2$1.ModalController }, { token: AccountService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageModal, selector: "app-message-modal", inputs: { suggestFn: "suggestFn", data: "data", canSelectType: "canSelectType" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonRow, selector: "ion-row" }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MessageForm, selector: "app-message-form", inputs: ["suggestFn", "subjectMinLength", "subjectMaxLength", "bodyMaxLength", "bodyAutoHeight", "canSelectType"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MessageModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageModal, selector: "app-message-modal", inputs: { suggestFn: "suggestFn", data: "data", canSelectType: "canSelectType", canRecipientFilter: "canRecipientFilter", recipientFilterCount: "recipientFilterCount" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [canRecipientFilter]=\"canRecipientFilter\"\n                    [recipientFilterCount]=\"recipientFilterCount\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonRow, selector: "ion-row" }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MessageForm, selector: "app-message-form", inputs: ["suggestFn", "subjectMinLength", "subjectMaxLength", "bodyMaxLength", "bodyAutoHeight", "canSelectType", "canRecipientFilter", "recipientFilterCount"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModal, decorators: [{
             type: Component,
-            args: [{ selector: 'app-message-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n" }]
+            args: [{ selector: 'app-message-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [canRecipientFilter]=\"canRecipientFilter\"\n                    [recipientFilterCount]=\"recipientFilterCount\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n" }]
         }], ctorParameters: function () { return [{ type: LocalSettingsService }, { type: i2$1.ModalController }, { type: AccountService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { suggestFn: [{
                 type: Input
             }], data: [{
                 type: Input
             }], canSelectType: [{
                 type: Input
+            }], canRecipientFilter: [{
+                type: Input
+            }], recipientFilterCount: [{
+                type: Input
             }], form: [{
                 type: ViewChild,
                 args: ['form', { static: true }]
@@ -35922,28 +36054,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class MessageModule {
 }
 MessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, declarations: [MessageModal,
-        MessageForm], imports: [CommonModule,
-        CoreModule,
-        SharedModule], exports: [MessageModal] });
-MessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, imports: [CommonModule,
-        CoreModule,
-        SharedModule] });
+MessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, declarations: [MessageModal, MessageForm], imports: [CommonModule, CoreModule, SharedModule, MatChipsModule], exports: [MessageModal] });
+MessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, imports: [CommonModule, CoreModule, SharedModule, MatChipsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CommonModule,
-                        CoreModule,
-                        SharedModule
-                    ],
-                    declarations: [
-                        MessageModal,
-                        MessageForm
-                    ],
-                    exports: [
-                        MessageModal
-                    ]
+                    imports: [CommonModule, CoreModule, SharedModule, MatChipsModule],
+                    declarations: [MessageModal, MessageForm],
+                    exports: [MessageModal],
                 }]
         }] });
 
@@ -36417,9 +36535,9 @@ class MessageService extends BaseGraphqlService {
         // On dismiss
         const { data } = await modal.onDidDismiss();
         if (!data || !(data instanceof Message))
-            return; // CANCELLED
+            return true; // CANCELLED
         // Send message
-        await this.send(data, { showToast: options?.showToast });
+        return await this.send(data, { showToast: options?.showToast });
     }
     /* -- protected methods -- */
     async showToast(opts) {
@@ -36442,59 +36560,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     args: [ENVIRONMENT]
                 }] }]; } });
 
-var PersonFilter_1;
-// @dynamic
-let PersonFilter = PersonFilter_1 = class PersonFilter extends EntityFilter {
-    constructor() {
-        super(PersonFilter_1.TYPENAME);
-    }
-    static searchFilter(source) {
-        return source && PersonFilter_1.fromObject(source).asFilterFn();
-    }
-    fromObject(source, opts) {
-        super.fromObject(source, opts);
-        this.email = source.email;
-        this.pubkey = source.pubkey;
-        this.searchText = source.searchText;
-        this.statusIds = source.statusIds || (isNotNil(source.statusId) ? [source.statusId] : undefined);
-        this.userProfiles = source.userProfiles;
-        this.excludedIds = source.excludedIds;
-        this.searchAttribute = source.searchAttribute;
-        this.searchAttributes = source.searchAttributes;
-    }
-    asObject(opts) {
-        const target = super.asObject(opts);
-        target.email = this.email;
-        target.pubkey = this.pubkey;
-        target.searchText = this.searchText;
-        target.statusIds = this.statusIds;
-        target.userProfiles = this.userProfiles;
-        target.excludedIds = this.excludedIds;
-        target.searchAttribute = this.searchAttribute;
-        target.searchAttributes = this.searchAttributes;
-        return target;
-    }
-    buildFilter() {
-        const filterFns = super.buildFilter();
-        // Filter by status
-        if (isNotEmptyArray(this.statusIds)) {
-            filterFns.push(e => this.statusIds.includes(e.statusId));
-        }
-        // Filter excluded ids
-        if (isNotEmptyArray(this.excludedIds)) {
-            filterFns.push(e => isNil(e.id) || !this.excludedIds.includes(e.id));
-        }
-        // Search text
-        const searchTextFilter = EntityUtils.searchTextFilter(this.searchAttribute || this.searchAttributes || ['lastName', 'firstName', 'department.name'], this.searchText);
-        if (searchTextFilter)
-            filterFns.push(searchTextFilter);
-        return filterFns;
-    }
-};
-PersonFilter = PersonFilter_1 = __decorate([
-    EntityClass({ typename: 'PersonFilterVO' })
-], PersonFilter);
-
 const PersonFragments = {
     person: gql `
     fragment PersonFragment on PersonVO {
@@ -36820,11 +36885,16 @@ class UsersPage extends AppTable {
             target.department = p.department?.asObject();
             return target;
         });
+        const recipientFilter = PersonFilter.fromObject(this.filter);
+        const canRecipientFilter = !recipientFilter.isEmpty() && (this.accountService.isAdmin() || this.accountService.isSupervisor());
         return this.messageService.openComposeModal({
             suggestFn: (value, filter, sortBy, sortDirection) => this.dataService.suggest(value, filter, sortBy, sortDirection),
-            data: {
+            canRecipientFilter,
+            recipientFilterCount: this.totalRowCount,
+            data: Message.fromObject({
                 recipients,
-            },
+                recipientFilter,
+            }),
         });
     }
     /* -- protected methods -- */