@sneat/extension-contactus 0.13.6 → 0.13.7

package/fesm2022/sneat-extension-contactus-index-DjS9XHI0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-extension-contactus-index-DjS9XHI0.mjs","sources":["../../../../../../libs/extensions/contactus/runtime/src/lib/pages/contact/contact-page.component.ts","../../../../../../libs/extensions/contactus/runtime/src/lib/pages/contact/contact-page.component.html","../../../../../../libs/extensions/contactus/runtime/src/lib/pages/new-contact/new-contact-page.component.ts","../../../../../../libs/extensions/contactus/runtime/src/lib/pages/new-contact/new-contact-page.component.html","../../../../../../libs/extensions/contactus/runtime/src/lib/pages/new-location/new-location-page.component.ts","../../../../../../libs/extensions/contactus/runtime/src/lib/pages/new-location/new-location-page.component.html"],"sourcesContent":["import { Component, inject, ChangeDetectionStrategy } from '@angular/core';\nimport {\n  IonBackButton,\n  IonButton,\n  IonButtons,\n  IonContent,\n  IonHeader,\n  IonIcon,\n  IonMenuButton,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular';\nimport { ISaveEvent } from '@sneat/components';\nimport {\n  ContactDetailsComponent,\n  PersonTitle,\n} from '@sneat/extension-contactus-ui';\nimport { SneatNavService } from '@sneat/core';\nimport {\n  IAddress,\n  IContactRequest,\n  IUpdateContactRequest,\n} from '@sneat/extension-contactus-contract';\nimport { ContactService, ContactusServicesModule } from '../../services';\nimport { SpaceServiceModule } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { ContactBasePage } from '../contact-base-page';\n\n@Component({\n  selector: 'sneat-contact-page',\n  templateUrl: './contact-page.component.html',\n  imports: [\n    ContactDetailsComponent,\n    ContactusServicesModule,\n    SpaceServiceModule,\n    PersonTitle,\n    IonHeader,\n    IonToolbar,\n    IonButtons,\n    IonBackButton,\n    IonTitle,\n    IonButton,\n    IonIcon,\n    IonMenuButton,\n    IonContent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: ClassName, useValue: 'ContactPageComponent' }],\n})\nexport class ContactPageComponent extends ContactBasePage {\n  private readonly contactsService = inject(ContactService);\n  private readonly sneatNavService = inject(SneatNavService);\n\n  protected segment: 'contact' | 'members' | 'assets' = 'contact';\n\n  constructor() {\n    super(inject(ContactService));\n    this.defaultBackPage = 'contacts';\n  }\n\n  // TODO: use or remove\n  private watchChildContacts(): void {\n    const contactID = this.$contactID();\n    if (!contactID) {\n      return;\n    }\n    const space = this.space;\n    if (!space) {\n      return;\n    }\n    this.contactsService\n      .watchChildContacts(space, contactID)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe({\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        next: (_children) => {\n          // Handle children if needed\n        },\n        error: this.errorLogger.logErrorHandler('failed to get child contacts'),\n      });\n  }\n\n  // TODO: use or remove\n  protected saveAddress(save: ISaveEvent<IAddress>): void {\n    const spaceID = this.space?.id,\n      contactID = this.$contactID(),\n      address = save.object;\n\n    if (!spaceID || !contactID || !address) {\n      save.error('Can not save address without team and contact context');\n      return;\n    }\n\n    const request: IUpdateContactRequest = {\n      spaceID,\n      contactID,\n      address,\n    };\n\n    this.contactService.updateContact(request).subscribe({\n      next: () => save.success(),\n      error: save.error,\n    });\n  }\n\n  protected deleteContact(): void {\n    const contact = this.$contact();\n    if (!contact) {\n      return;\n    }\n    if (\n      !confirm(\n        `Are you sure you want to delete contact \"${contact.brief?.title}\"?`,\n      )\n    ) {\n      return;\n    }\n    const request: IContactRequest = {\n      spaceID: this.space.id,\n      contactID: contact.id,\n    };\n\n    this.contactsService.deleteContact(request).subscribe({\n      next: () => {\n        this.sneatNavService.goBack(`/space/${this.space?.id}/contacts`);\n      },\n      error: this.errorLogger.logErrorHandler('failed to delete contact'),\n    });\n  }\n}\n","<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>\n      @if ($contact(); as contact) {\n        {{ contact | personTitle }}\n      } @else {\n        Contact\n      }\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        title=\"Delete contact\"\n        color=\"medium\"\n        (click)=\"deleteContact()\"\n      >\n        <ion-icon name=\"trash\" slot=\"start\" />\n      </ion-button>\n      <ion-menu-button />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <sneat-contact-details [$contact]=\"$contact()\" [$space]=\"$space()\" />\n</ion-content>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ParamMap } from '@angular/router';\nimport {\n  IonBackButton,\n  IonButtons,\n  IonContent,\n  IonHeader,\n  IonNav,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular';\nimport { ContactusServicesModule } from '../../services';\nimport {\n  IContactAddEventArgs,\n  OptionalContactGroupIdAndBrief,\n  OptionalContactRoleIdAndBrief,\n  NewContactFormComponent,\n} from '@sneat/extension-contactus-ui';\nimport {\n  ContactGroupWithIdAndBrief,\n  ContactIdAndDboWithSpaceRef,\n  ContactRole,\n  ContactToContactRelation,\n  IContactRoleWithIdAndBrief,\n  NewContactBaseDboAndSpaceRef,\n} from '@sneat/extension-contactus-contract';\nimport { BehaviorSubject } from 'rxjs';\nimport { emptySpaceRef } from '@sneat/core';\nimport {\n  SpaceBaseComponent,\n  SpaceComponentBaseParams,\n} from '@sneat/space-components';\nimport type { IAssetContext } from '@sneat/extension-assetus-contract';\nimport { SpaceServiceModule } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\n\n@Component({\n  imports: [\n    FormsModule,\n    SpaceServiceModule,\n    ContactusServicesModule,\n    IonNav,\n    IonHeader,\n    IonToolbar,\n    IonButtons,\n    IonBackButton,\n    IonTitle,\n    IonContent,\n    NewContactFormComponent,\n  ],\n  providers: [\n    SpaceComponentBaseParams,\n    { provide: ClassName, useValue: 'NewContactPageComponent' },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-new-contact-page',\n  templateUrl: './new-contact-page.component.html',\n})\nexport class NewContactPageComponent\n  extends SpaceBaseComponent\n  implements OnInit\n{\n  // @ViewChild('nameInput', { static: true }) nameInput?: IonInput;\n\n  // TODO: relationship is not implemented yet\n  protected $relation = signal<ContactToContactRelation | undefined>(undefined);\n\n  public readonly $contact = signal<NewContactBaseDboAndSpaceRef>({\n    space: emptySpaceRef,\n    dbo: {\n      type: 'person',\n      gender: 'unknown', // Undefined would indicate \"loading\" and gender form would be disabled.\n    },\n  } as ContactIdAndDboWithSpaceRef);\n\n  protected readonly $contactGroupID = signal<string>('');\n  protected readonly $contactRoleID = signal<ContactRole | undefined>(\n    undefined,\n  );\n\n  // Feeds the preselected group/role (from URL query params) into the contact\n  // form so the wizard can skip the group/role steps the user already chose.\n  // BehaviorSubject replays the latest value to the form when it subscribes.\n  protected readonly selectGroupAndRole$ = new BehaviorSubject<\n    IContactAddEventArgs | undefined\n  >(undefined);\n  protected readonly $assetID = signal<string>('');\n\n  protected readonly $contactRole =\n    signal<OptionalContactRoleIdAndBrief>(undefined);\n  protected readonly $contactGroup =\n    signal<OptionalContactGroupIdAndBrief>(undefined);\n\n  protected readonly $parentContactID = signal<string>('');\n\n  protected readonly $title = computed(() => {\n    const contactRoleBrief = this.$contactRole()?.brief;\n    return contactRoleBrief\n      ? `${contactRoleBrief.emoji} New ${contactRoleBrief.title.toLowerCase()}`\n      : 'New contact';\n  });\n\n  protected readonly $asset = signal<IAssetContext | undefined>(undefined);\n\n  constructor() {\n    super();\n    this.defaultBackPage = 'contacts';\n    this.$asset.set(window.history.state?.asset as IAssetContext);\n\n    // The contact's space drives the create request's spaceID. $contact starts\n    // with emptySpaceRef, so fill it once the route's space is loaded; otherwise\n    // createContact fails backend validation (\"missing required field spaceID\").\n    effect(() => {\n      const space = this.$space();\n      if (space?.id) {\n        this.$contact.update((c) =>\n          c.space?.id === space.id ? c : { ...c, space },\n        );\n      }\n    });\n  }\n\n  // onContactTypeChanged(v: ContactRole): void {\n  //\n  // }\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    this.route.queryParamMap\n      .pipe(this.takeUntilDestroyed())\n      .subscribe(this.onUrlParamsChanged);\n  }\n\n  private readonly onUrlParamsChanged = (params: ParamMap): void => {\n    const relation = params.get('relation');\n    if (relation) {\n      this.$relation.set(relation as ContactToContactRelation);\n    }\n    const contactGroupID = params.get('group');\n    if (contactGroupID && contactGroupID !== this.$contactGroupID()) {\n      this.$contactGroupID.set(contactGroupID);\n    }\n    const contactRole = params.get('role');\n\n    if (contactRole && !this.$contactRole()) {\n      this.$contactRoleID.set(contactRole as ContactRole);\n    }\n\n    const space = this.space;\n    if (!space) {\n      throw new Error('Space is not defined');\n    }\n\n    const assetId = params.get('asset');\n    if (assetId && assetId !== this.$assetID()) {\n      this.$assetID.set(assetId);\n    }\n    const parentContactID = params.get('contact');\n    if (parentContactID && this.$parentContactID() !== parentContactID) {\n      this.$parentContactID.set(parentContactID);\n    }\n\n    // Preselect group/role in the form. The form's handler only reads `.id`\n    // (it self-loads the brief by ID), so a minimal id-only object is enough;\n    // the cast satisfies the brief-required event-args type. `event` is unused\n    // by the handler but required by the type.\n    if (contactGroupID || contactRole) {\n      this.selectGroupAndRole$.next({\n        event: new Event('preselect'),\n        group: contactGroupID\n          ? ({ id: contactGroupID } as ContactGroupWithIdAndBrief)\n          : undefined,\n        role: contactRole\n          ? ({ id: contactRole } as IContactRoleWithIdAndBrief)\n          : undefined,\n      });\n    }\n  };\n\n  protected onContactChanged(contact: NewContactBaseDboAndSpaceRef): void {\n    // console.log('onContactChanged', contact);\n    this.$contact.set(contact);\n  }\n}\n","<ion-nav />\n\n<ion-header>\n  <ion-toolbar color=\"light\" class=\"with-back-button\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>{{ $title() }}</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <sneat-new-contact-form\n    [$space]=\"$space()\"\n    [$contact]=\"$contact()\"\n    [selectGroupAndRole$]=\"selectGroupAndRole$\"\n    (contactChange)=\"onContactChanged($event)\"\n  />\n  <!--\t<sneat-new-person-form-->\n  <!--\t\t[$fixedGroupID]=\"$contactGroupID()\"-->\n  <!--\t\t[$fixedRoleID]=\"$contactRoleID()\"-->\n  <!--\t\t[$parentContactID]=\"$parentContactID()\"-->\n  <!--\t\t(contactRoleChange)=\"$contactRole.set($event)\"-->\n  <!--\t\t(contactGroupChange)=\"$contactGroup.set($event)\"-->\n  <!--\t\t(contactChange)=\"$contact.set($event)\"-->\n  <!--\t/>-->\n</ion-content>\n","import { Component, inject, ChangeDetectionStrategy } from '@angular/core';\nimport {\n  IonBackButton,\n  IonContent,\n  IonHeader,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular';\nimport { PersonTitle } from '@sneat/extension-contactus-ui';\nimport { ContactService } from '../../services';\nimport { LocationFormComponent } from '@sneat/extension-contactus-ui';\nimport { IContactWithOptionalDbo } from '@sneat/extension-contactus-contract';\nimport { ClassName } from '@sneat/ui';\nimport { ContactBasePage } from '../contact-base-page';\n\n@Component({\n  selector: 'sneat-new-location-page',\n  templateUrl: './new-location-page.component.html',\n  imports: [\n    LocationFormComponent,\n    PersonTitle,\n    IonHeader,\n    IonToolbar,\n    IonBackButton,\n    IonTitle,\n    IonContent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: ClassName, useValue: 'NewLocationPageComponent' }],\n})\nexport class NewLocationPageComponent extends ContactBasePage {\n  newLocation: IContactWithOptionalDbo = {\n    id: '',\n    brief: { type: 'location' },\n    // space: this.space,\n  };\n\n  public constructor() {\n    super(inject(ContactService));\n  }\n\n  protected override onSpaceDboChanged() {\n    super.onSpaceDboChanged();\n    // if (this.team?.dto?.countryID && !this.newLocationDto.countryID) {\n    // \tthis.newLocationDto = { ...this.newLocationDto, countryID: this.team.dto.countryID };\n    // }\n  }\n\n  onLocationChanged(contact: IContactWithOptionalDbo): void {\n    this.newLocation = contact;\n  }\n\n  onContactCreated(contact: IContactWithOptionalDbo): void {\n    this.newLocation = contact;\n    const space = this.space;\n    if (!space) {\n      throw new Error('Space is not defined');\n    }\n    const url = this.spacePageUrl(`contact/${this.$contactID()}`);\n    if (url) {\n      this.navController\n        .navigateBack(url)\n        .catch(\n          this.errorLogger.logErrorHandler('failed navigate to parent contact'),\n        );\n    }\n  }\n}\n","<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-back-button\n      slot=\"start\"\n      [defaultHref]=\"spacePageUrl('contact/{{contact?.id}}')\"\n    />\n    <ion-title>\n      @if ($contact(); as contact) {\n        New location &#64; {{ contact | personTitle }}\n      } @else {\n        New location\n      }\n    </ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <sneat-location-form\n    [$space]=\"$space()\"\n    [parentContact]=\"$contact()\"\n    [location]=\"newLocation\"\n    (locationChange)=\"onLocationChanged($event)\"\n    (locationCreated)=\"onContactCreated($event)\"\n  />\n</ion-content>\n"],"names":[],"mappings":"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"}

package/fesm2022/{sneat-extension-contactus-members-page.component-Bv9xVCKk.mjs → sneat-extension-contactus-members-page.component-DVALKWUC.mjs}

@@ -1,7 +1,7 @@
 import { AsyncPipe } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonMenuButton, IonContent, IonSegment, IonSegmentButton, IonLabel, IonCard, IonItemGroup, IonItemDivider, IonIcon, IonBadge, IonItem, IonFooter, IonButton } from '@ionic/angular/standalone';
+import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonMenuButton, IonContent, IonSegment, IonSegmentButton, IonLabel, IonCard, IonItemGroup, IonItemDivider, IonIcon, IonBadge, IonItem, IonFooter, IonButton } from '@ionic/angular';
 import { ContactusSpaceService, ContactusServicesModule } from './sneat-extension-contactus.mjs';
 import { ContactusModuleBaseComponent, FamilyMembersComponent } from '@sneat/extension-contactus-ui';
 import { isSpaceSupportsMemberGroups } from '@sneat/dto';
@@ -9,7 +9,7 @@ import { SpacePageTitleComponent, SpaceComponentBaseParams } from '@sneat/space-
 import { SpaceServiceModule } from '@sneat/space-services';
 import { ClassName } from '@sneat/ui';
 import * as i0 from '@angular/core';
-import { inject, Component } from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class MembersBasePage extends ContactusModuleBaseComponent {
     members;
@@ -146,13 +146,13 @@ class MembersPageComponent extends MembersBasePage {
             // 	});
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MembersPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: MembersPageComponent, isStandalone: true, selector: "sneat-members-page", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: MembersPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: MembersPageComponent, isStandalone: true, selector: "sneat-members-page", providers: [
             { provide: ClassName, useValue: 'MembersPageComponent' },
             SpaceComponentBaseParams,
-        ], usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\" class=\"with-back-button with-end-buttons\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <sneat-space-page-title\n      [space]=\"space\"\n      generalTitle=\"Members\"\n      icon=\"\uD83D\uDC6A\"\n      [titlesBySpaceType]=\"{\n        family: 'Family members',\n      }\"\n    />\n    <ion-buttons slot=\"end\">\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  @if (supportsMemberGroups) {\n    <div class=\"segment\">\n      <ion-segment [(ngModel)]=\"segment\">\n        <ion-segment-button value=\"all\">\n          <ion-label>All</ion-label>\n        </ion-segment-button>\n        <ion-segment-button value=\"groups\">\n          <ion-label>\n            @if (space.type === \"cohabit\") {\n              By room\n            } @else {\n              By group\n            }\n          </ion-label>\n        </ion-segment-button>\n      </ion-segment>\n    </div>\n  }\n\n  <!--\t<div class=\"segment\" *ngIf=\"spaceType === 'family'\">-->\n  <!--\t\t<ion-segment [(ngModel)]=\"listMode\">-->\n  <!--\t\t\t<ion-segment-button value=\"list\">List</ion-segment-button>-->\n  <!--\t\t\t<ion-segment-button value=\"cards\">Cards</ion-segment-button>-->\n  <!--\t\t</ion-segment>-->\n  <!--\t</div>-->\n\n  <!--\t<ion-list *ngIf=\"segment === 'all' && teamType === 'family'\">-->\n  <!--\t\t<sneat-members-list *ngIf=\"adults\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[team]=\"team\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[allMembers]=\"members\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n  <!--\t\t></sneat-members-list>-->\n  <!--\t</ion-list>-->\n\n  @if (segment === \"all\" && $spaceType() === \"family\") {\n    <ion-card>\n      <sneat-family-members\n        [$space]=\"$space()\"\n        [contactusSpaceDbo]=\"spaceModuleDbo$ | async\"\n        (addMember)=\"goNewMemberPage($event)\"\n      />\n    </ion-card>\n  }\n\n  @if (segment === \"groups\") {\n    @if ($spaceType() === \"cohabit\") {\n      @if (memberGroups) {\n        @for (group of memberGroups; track group.id) {\n          <ion-item-group>\n            <ion-item-divider>\n              <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n              <ion-label>\n                {{ group.brief?.title }}\n              </ion-label>\n              @if (group.dbo?.numberOf?.members) {\n                <ion-badge color=\"light\">\n                  {{ group.dbo?.numberOf?.members }} members\n                </ion-badge>\n              }\n            </ion-item-divider>\n            <!--\t\t\t\t\t<ng-container *ngIf=\"membersByGroupId[group.id]\">-->\n            <!--\t\t\t\t\t\t<sneat-members-list [members]=\"this.membersByGroupId[group.id]\"-->\n            <!--\t\t\t\t\t\t></sneat-members-list>-->\n            <!--\t\t\t\t\t</ng-container>-->\n          </ion-item-group>\n        }\n\n        <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n        <!--\t\t\t\t\t<ion-item-divider>-->\n        <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n        <!--\t\t\t\t\t</ion-item-divider>-->\n        <!--\t\t\t\t\t<sneat-members-list [members]=\"noGroupMembers\"-->\n        <!--\t\t\t\t\t></sneat-members-list>-->\n        <!--\t\t\t\t</ng-container>-->\n      }\n    } @else if (memberGroups) {\n      @for (group of memberGroups; track group.id) {\n        <ion-item-group>\n          <ion-item button=\"button\" (click)=\"goGroup(group)\">\n            <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n            <ion-label>\n              {{ group.brief?.title }}\n            </ion-label>\n            @if (group.dbo?.numberOf?.members) {\n              <ion-badge color=\"light\">\n                {{ group?.dbo?.numberOf?.members }} members\n              </ion-badge>\n            }\n          </ion-item>\n        </ion-item-group>\n      }\n      <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n      <!--\t\t\t\t\t<ion-item-divider>-->\n      <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n      <!--\t\t\t\t\t\t<ion-badge color=\"light\" slot=\"end\"-->\n      <!--\t\t\t\t\t\t\t\t\t\t\t style=\"margin-right: 1em\">{{noGroupMembers.length}}</ion-badge>-->\n      <!--\t\t\t\t\t</ion-item-divider>-->\n      <!--\t\t\t\t\t<sneat-members-list-->\n      <!--\t\t\t\t\t\t[members]=\"noGroupMembers\"-->\n      <!--\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n      <!--\t\t\t\t\t></sneat-members-list>-->\n      <!--\t\t\t\t</ng-container>-->\n    }\n  }\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar color=\"light\">\n    @if (space.dbo) {\n      @switch (segment) {\n        @case (\"all\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.members ?? 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.members === 1 ? \"member\" : \"members\" }}-->\n          </ion-label>\n        }\n        @case (\"groups\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups || 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups === 1 ? \"group\" : \"groups\" }}-->\n          </ion-label>\n        }\n      }\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n\n    <ion-buttons slot=\"end\">\n      <ion-button\n        size=\"small\"\n        color=\"primary\"\n        [disabled]=\"!space.brief\"\n        (click)=\"goNew()\"\n        [title]=\"segment === 'groups' ? 'Add new group' : 'Add new member'\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SpacePageTitleComponent, selector: "sneat-space-page-title", inputs: ["icon", "generalTitle", "space", "titlesBySpaceType"] }, { kind: "ngmodule", type: ContactusServicesModule }, { kind: "component", type: FamilyMembersComponent, selector: "sneat-family-members", inputs: ["contactusSpaceDbo"], outputs: ["addMember"] }, { kind: "ngmodule", type: SpaceServiceModule }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonBackButton, selector: "ion-back-button" }, { kind: "component", type: IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonItemGroup, selector: "ion-item-group" }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+        ], usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\" class=\"with-back-button with-end-buttons\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <sneat-space-page-title\n      [space]=\"space\"\n      generalTitle=\"Members\"\n      icon=\"\uD83D\uDC6A\"\n      [titlesBySpaceType]=\"{\n        family: 'Family members',\n      }\"\n    />\n    <ion-buttons slot=\"end\">\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  @if (supportsMemberGroups) {\n    <div class=\"segment\">\n      <ion-segment [(ngModel)]=\"segment\">\n        <ion-segment-button value=\"all\">\n          <ion-label>All</ion-label>\n        </ion-segment-button>\n        <ion-segment-button value=\"groups\">\n          <ion-label>\n            @if (space.type === \"cohabit\") {\n              By room\n            } @else {\n              By group\n            }\n          </ion-label>\n        </ion-segment-button>\n      </ion-segment>\n    </div>\n  }\n\n  <!--\t<div class=\"segment\" *ngIf=\"spaceType === 'family'\">-->\n  <!--\t\t<ion-segment [(ngModel)]=\"listMode\">-->\n  <!--\t\t\t<ion-segment-button value=\"list\">List</ion-segment-button>-->\n  <!--\t\t\t<ion-segment-button value=\"cards\">Cards</ion-segment-button>-->\n  <!--\t\t</ion-segment>-->\n  <!--\t</div>-->\n\n  <!--\t<ion-list *ngIf=\"segment === 'all' && teamType === 'family'\">-->\n  <!--\t\t<sneat-members-list *ngIf=\"adults\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[team]=\"team\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[allMembers]=\"members\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n  <!--\t\t></sneat-members-list>-->\n  <!--\t</ion-list>-->\n\n  @if (segment === \"all\" && $spaceType() === \"family\") {\n    <ion-card>\n      <sneat-family-members\n        [$space]=\"$space()\"\n        [contactusSpaceDbo]=\"spaceModuleDbo$ | async\"\n        (addMember)=\"goNewMemberPage($event)\"\n      />\n    </ion-card>\n  }\n\n  @if (segment === \"groups\") {\n    @if ($spaceType() === \"cohabit\") {\n      @if (memberGroups) {\n        @for (group of memberGroups; track group.id) {\n          <ion-item-group>\n            <ion-item-divider>\n              <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n              <ion-label>\n                {{ group.brief?.title }}\n              </ion-label>\n              @if (group.dbo?.numberOf?.members) {\n                <ion-badge color=\"light\">\n                  {{ group.dbo?.numberOf?.members }} members\n                </ion-badge>\n              }\n            </ion-item-divider>\n            <!--\t\t\t\t\t<ng-container *ngIf=\"membersByGroupId[group.id]\">-->\n            <!--\t\t\t\t\t\t<sneat-members-list [members]=\"this.membersByGroupId[group.id]\"-->\n            <!--\t\t\t\t\t\t></sneat-members-list>-->\n            <!--\t\t\t\t\t</ng-container>-->\n          </ion-item-group>\n        }\n\n        <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n        <!--\t\t\t\t\t<ion-item-divider>-->\n        <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n        <!--\t\t\t\t\t</ion-item-divider>-->\n        <!--\t\t\t\t\t<sneat-members-list [members]=\"noGroupMembers\"-->\n        <!--\t\t\t\t\t></sneat-members-list>-->\n        <!--\t\t\t\t</ng-container>-->\n      }\n    } @else if (memberGroups) {\n      @for (group of memberGroups; track group.id) {\n        <ion-item-group>\n          <ion-item button=\"button\" (click)=\"goGroup(group)\">\n            <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n            <ion-label>\n              {{ group.brief?.title }}\n            </ion-label>\n            @if (group.dbo?.numberOf?.members) {\n              <ion-badge color=\"light\">\n                {{ group?.dbo?.numberOf?.members }} members\n              </ion-badge>\n            }\n          </ion-item>\n        </ion-item-group>\n      }\n      <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n      <!--\t\t\t\t\t<ion-item-divider>-->\n      <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n      <!--\t\t\t\t\t\t<ion-badge color=\"light\" slot=\"end\"-->\n      <!--\t\t\t\t\t\t\t\t\t\t\t style=\"margin-right: 1em\">{{noGroupMembers.length}}</ion-badge>-->\n      <!--\t\t\t\t\t</ion-item-divider>-->\n      <!--\t\t\t\t\t<sneat-members-list-->\n      <!--\t\t\t\t\t\t[members]=\"noGroupMembers\"-->\n      <!--\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n      <!--\t\t\t\t\t></sneat-members-list>-->\n      <!--\t\t\t\t</ng-container>-->\n    }\n  }\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar color=\"light\">\n    @if (space.dbo) {\n      @switch (segment) {\n        @case (\"all\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.members ?? 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.members === 1 ? \"member\" : \"members\" }}-->\n          </ion-label>\n        }\n        @case (\"groups\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups || 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups === 1 ? \"group\" : \"groups\" }}-->\n          </ion-label>\n        }\n      }\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n\n    <ion-buttons slot=\"end\">\n      <ion-button\n        size=\"small\"\n        color=\"primary\"\n        [disabled]=\"!space.brief\"\n        (click)=\"goNew()\"\n        [title]=\"segment === 'groups' ? 'Add new group' : 'Add new member'\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SpacePageTitleComponent, selector: "sneat-space-page-title", inputs: ["icon", "generalTitle", "space", "titlesBySpaceType"] }, { kind: "ngmodule", type: ContactusServicesModule }, { kind: "component", type: FamilyMembersComponent, selector: "sneat-family-members", inputs: ["contactusSpaceDbo"], outputs: ["addMember"] }, { kind: "ngmodule", type: SpaceServiceModule }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonBackButton, selector: "ion-back-button" }, { kind: "component", type: IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"], outputs: ["ionScrollStart", "ionScroll", "ionScrollEnd"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonItemGroup, selector: "ion-item-group" }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: MembersPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: MembersPageComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         FormsModule,
@@ -181,8 +181,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
                     ], providers: [
                         { provide: ClassName, useValue: 'MembersPageComponent' },
                         SpaceComponentBaseParams,
-                    ], selector: 'sneat-members-page', template: "<ion-header>\n  <ion-toolbar color=\"light\" class=\"with-back-button with-end-buttons\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <sneat-space-page-title\n      [space]=\"space\"\n      generalTitle=\"Members\"\n      icon=\"\uD83D\uDC6A\"\n      [titlesBySpaceType]=\"{\n        family: 'Family members',\n      }\"\n    />\n    <ion-buttons slot=\"end\">\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  @if (supportsMemberGroups) {\n    <div class=\"segment\">\n      <ion-segment [(ngModel)]=\"segment\">\n        <ion-segment-button value=\"all\">\n          <ion-label>All</ion-label>\n        </ion-segment-button>\n        <ion-segment-button value=\"groups\">\n          <ion-label>\n            @if (space.type === \"cohabit\") {\n              By room\n            } @else {\n              By group\n            }\n          </ion-label>\n        </ion-segment-button>\n      </ion-segment>\n    </div>\n  }\n\n  <!--\t<div class=\"segment\" *ngIf=\"spaceType === 'family'\">-->\n  <!--\t\t<ion-segment [(ngModel)]=\"listMode\">-->\n  <!--\t\t\t<ion-segment-button value=\"list\">List</ion-segment-button>-->\n  <!--\t\t\t<ion-segment-button value=\"cards\">Cards</ion-segment-button>-->\n  <!--\t\t</ion-segment>-->\n  <!--\t</div>-->\n\n  <!--\t<ion-list *ngIf=\"segment === 'all' && teamType === 'family'\">-->\n  <!--\t\t<sneat-members-list *ngIf=\"adults\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[team]=\"team\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[allMembers]=\"members\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n  <!--\t\t></sneat-members-list>-->\n  <!--\t</ion-list>-->\n\n  @if (segment === \"all\" && $spaceType() === \"family\") {\n    <ion-card>\n      <sneat-family-members\n        [$space]=\"$space()\"\n        [contactusSpaceDbo]=\"spaceModuleDbo$ | async\"\n        (addMember)=\"goNewMemberPage($event)\"\n      />\n    </ion-card>\n  }\n\n  @if (segment === \"groups\") {\n    @if ($spaceType() === \"cohabit\") {\n      @if (memberGroups) {\n        @for (group of memberGroups; track group.id) {\n          <ion-item-group>\n            <ion-item-divider>\n              <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n              <ion-label>\n                {{ group.brief?.title }}\n              </ion-label>\n              @if (group.dbo?.numberOf?.members) {\n                <ion-badge color=\"light\">\n                  {{ group.dbo?.numberOf?.members }} members\n                </ion-badge>\n              }\n            </ion-item-divider>\n            <!--\t\t\t\t\t<ng-container *ngIf=\"membersByGroupId[group.id]\">-->\n            <!--\t\t\t\t\t\t<sneat-members-list [members]=\"this.membersByGroupId[group.id]\"-->\n            <!--\t\t\t\t\t\t></sneat-members-list>-->\n            <!--\t\t\t\t\t</ng-container>-->\n          </ion-item-group>\n        }\n\n        <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n        <!--\t\t\t\t\t<ion-item-divider>-->\n        <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n        <!--\t\t\t\t\t</ion-item-divider>-->\n        <!--\t\t\t\t\t<sneat-members-list [members]=\"noGroupMembers\"-->\n        <!--\t\t\t\t\t></sneat-members-list>-->\n        <!--\t\t\t\t</ng-container>-->\n      }\n    } @else if (memberGroups) {\n      @for (group of memberGroups; track group.id) {\n        <ion-item-group>\n          <ion-item button=\"button\" (click)=\"goGroup(group)\">\n            <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n            <ion-label>\n              {{ group.brief?.title }}\n            </ion-label>\n            @if (group.dbo?.numberOf?.members) {\n              <ion-badge color=\"light\">\n                {{ group?.dbo?.numberOf?.members }} members\n              </ion-badge>\n            }\n          </ion-item>\n        </ion-item-group>\n      }\n      <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n      <!--\t\t\t\t\t<ion-item-divider>-->\n      <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n      <!--\t\t\t\t\t\t<ion-badge color=\"light\" slot=\"end\"-->\n      <!--\t\t\t\t\t\t\t\t\t\t\t style=\"margin-right: 1em\">{{noGroupMembers.length}}</ion-badge>-->\n      <!--\t\t\t\t\t</ion-item-divider>-->\n      <!--\t\t\t\t\t<sneat-members-list-->\n      <!--\t\t\t\t\t\t[members]=\"noGroupMembers\"-->\n      <!--\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n      <!--\t\t\t\t\t></sneat-members-list>-->\n      <!--\t\t\t\t</ng-container>-->\n    }\n  }\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar color=\"light\">\n    @if (space.dbo) {\n      @switch (segment) {\n        @case (\"all\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.members ?? 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.members === 1 ? \"member\" : \"members\" }}-->\n          </ion-label>\n        }\n        @case (\"groups\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups || 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups === 1 ? \"group\" : \"groups\" }}-->\n          </ion-label>\n        }\n      }\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n\n    <ion-buttons slot=\"end\">\n      <ion-button\n        size=\"small\"\n        color=\"primary\"\n        [disabled]=\"!space.brief\"\n        (click)=\"goNew()\"\n        [title]=\"segment === 'groups' ? 'Add new group' : 'Add new member'\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n" }]
+                    ], selector: 'sneat-members-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"light\" class=\"with-back-button with-end-buttons\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <sneat-space-page-title\n      [space]=\"space\"\n      generalTitle=\"Members\"\n      icon=\"\uD83D\uDC6A\"\n      [titlesBySpaceType]=\"{\n        family: 'Family members',\n      }\"\n    />\n    <ion-buttons slot=\"end\">\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  @if (supportsMemberGroups) {\n    <div class=\"segment\">\n      <ion-segment [(ngModel)]=\"segment\">\n        <ion-segment-button value=\"all\">\n          <ion-label>All</ion-label>\n        </ion-segment-button>\n        <ion-segment-button value=\"groups\">\n          <ion-label>\n            @if (space.type === \"cohabit\") {\n              By room\n            } @else {\n              By group\n            }\n          </ion-label>\n        </ion-segment-button>\n      </ion-segment>\n    </div>\n  }\n\n  <!--\t<div class=\"segment\" *ngIf=\"spaceType === 'family'\">-->\n  <!--\t\t<ion-segment [(ngModel)]=\"listMode\">-->\n  <!--\t\t\t<ion-segment-button value=\"list\">List</ion-segment-button>-->\n  <!--\t\t\t<ion-segment-button value=\"cards\">Cards</ion-segment-button>-->\n  <!--\t\t</ion-segment>-->\n  <!--\t</div>-->\n\n  <!--\t<ion-list *ngIf=\"segment === 'all' && teamType === 'family'\">-->\n  <!--\t\t<sneat-members-list *ngIf=\"adults\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[team]=\"team\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[allMembers]=\"members\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n  <!--\t\t></sneat-members-list>-->\n  <!--\t</ion-list>-->\n\n  @if (segment === \"all\" && $spaceType() === \"family\") {\n    <ion-card>\n      <sneat-family-members\n        [$space]=\"$space()\"\n        [contactusSpaceDbo]=\"spaceModuleDbo$ | async\"\n        (addMember)=\"goNewMemberPage($event)\"\n      />\n    </ion-card>\n  }\n\n  @if (segment === \"groups\") {\n    @if ($spaceType() === \"cohabit\") {\n      @if (memberGroups) {\n        @for (group of memberGroups; track group.id) {\n          <ion-item-group>\n            <ion-item-divider>\n              <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n              <ion-label>\n                {{ group.brief?.title }}\n              </ion-label>\n              @if (group.dbo?.numberOf?.members) {\n                <ion-badge color=\"light\">\n                  {{ group.dbo?.numberOf?.members }} members\n                </ion-badge>\n              }\n            </ion-item-divider>\n            <!--\t\t\t\t\t<ng-container *ngIf=\"membersByGroupId[group.id]\">-->\n            <!--\t\t\t\t\t\t<sneat-members-list [members]=\"this.membersByGroupId[group.id]\"-->\n            <!--\t\t\t\t\t\t></sneat-members-list>-->\n            <!--\t\t\t\t\t</ng-container>-->\n          </ion-item-group>\n        }\n\n        <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n        <!--\t\t\t\t\t<ion-item-divider>-->\n        <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n        <!--\t\t\t\t\t</ion-item-divider>-->\n        <!--\t\t\t\t\t<sneat-members-list [members]=\"noGroupMembers\"-->\n        <!--\t\t\t\t\t></sneat-members-list>-->\n        <!--\t\t\t\t</ng-container>-->\n      }\n    } @else if (memberGroups) {\n      @for (group of memberGroups; track group.id) {\n        <ion-item-group>\n          <ion-item button=\"button\" (click)=\"goGroup(group)\">\n            <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n            <ion-label>\n              {{ group.brief?.title }}\n            </ion-label>\n            @if (group.dbo?.numberOf?.members) {\n              <ion-badge color=\"light\">\n                {{ group?.dbo?.numberOf?.members }} members\n              </ion-badge>\n            }\n          </ion-item>\n        </ion-item-group>\n      }\n      <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n      <!--\t\t\t\t\t<ion-item-divider>-->\n      <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n      <!--\t\t\t\t\t\t<ion-badge color=\"light\" slot=\"end\"-->\n      <!--\t\t\t\t\t\t\t\t\t\t\t style=\"margin-right: 1em\">{{noGroupMembers.length}}</ion-badge>-->\n      <!--\t\t\t\t\t</ion-item-divider>-->\n      <!--\t\t\t\t\t<sneat-members-list-->\n      <!--\t\t\t\t\t\t[members]=\"noGroupMembers\"-->\n      <!--\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n      <!--\t\t\t\t\t></sneat-members-list>-->\n      <!--\t\t\t\t</ng-container>-->\n    }\n  }\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar color=\"light\">\n    @if (space.dbo) {\n      @switch (segment) {\n        @case (\"all\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.members ?? 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.members === 1 ? \"member\" : \"members\" }}-->\n          </ion-label>\n        }\n        @case (\"groups\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups || 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups === 1 ? \"group\" : \"groups\" }}-->\n          </ion-label>\n        }\n      }\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n\n    <ion-buttons slot=\"end\">\n      <ion-button\n        size=\"small\"\n        color=\"primary\"\n        [disabled]=\"!space.brief\"\n        (click)=\"goNew()\"\n        [title]=\"segment === 'groups' ? 'Add new group' : 'Add new member'\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n" }]
         }], ctorParameters: () => [] });
 
 export { MembersPageComponent };
-//# sourceMappingURL=sneat-extension-contactus-members-page.component-Bv9xVCKk.mjs.map
+//# sourceMappingURL=sneat-extension-contactus-members-page.component-DVALKWUC.mjs.map

package/fesm2022/sneat-extension-contactus-members-page.component-DVALKWUC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-extension-contactus-members-page.component-DVALKWUC.mjs","sources":["../../../../../../libs/extensions/contactus/runtime/src/lib/members/members-base-page.ts","../../../../../../libs/extensions/contactus/runtime/src/lib/members/pages/members/members-page.component.ts","../../../../../../libs/extensions/contactus/runtime/src/lib/members/pages/members/members-page.component.html"],"sourcesContent":["import { SpaceMemberType } from '@sneat/auth-models';\nimport { ContactusModuleBaseComponent } from '@sneat/extension-contactus-ui';\nimport { IIdAndBriefAndOptionalDbo } from '@sneat/core';\nimport { isSpaceSupportsMemberGroups } from '@sneat/dto';\nimport { ContactusSpaceService } from '../services';\nimport { IContactBrief, IContactDbo } from '@sneat/extension-contactus-contract';\n\nexport abstract class MembersBasePage extends ContactusModuleBaseComponent {\n  public members?: readonly IIdAndBriefAndOptionalDbo<\n    IContactBrief,\n    IContactDbo\n  >[];\n\n  // protected currentUserDto: IDtoUser;\n\n  abstract get memberType(): SpaceMemberType;\n\n  // protected setCurrentUser(dto: IDtoUser) {\n  //     this.currentUserDto = dto;\n  // }\n\n  protected constructor(contactusTeamService: ContactusSpaceService) {\n    super(contactusTeamService);\n    // this.userService.currentUserLoaded.subscribe(user => this.setCurrentUser(user));\n  }\n\n  goNewMember = () => {\n    // TODO: use it?\n    this.navigateForwardToSpacePage('new-member').catch(\n      this.logErrorHandler('failed to navigate to new member page'),\n    );\n  };\n\n  // goMember = (member: IMemberContext, page?: MemberPages) => {\n  // \tthis.navigateForwardToSpacePage(\n  // \t\t(page || 'member') + '/' + member.id,\n  // \t).catch(this.logErrorHandler('failed to navigate to team member page'));\n  // };\n  //\n  // goContact = (id: string, event: Event) => {\n  // \tevent.stopPropagation();\n  // \tthis.navigateForwardToSpacePage(`contact/${id}`)\n  // \t\t.catch(this.logErrorHandler('failed to navigate to contact page'));\n  // };\n\n  public get supportsMemberGroups(): boolean {\n    return (\n      !!this.space?.brief && isSpaceSupportsMemberGroups(this.space.brief.type)\n    );\n  }\n\n  // protected setPageCommuneIds(source: string, communeIds: ICommuneIds, communeDto?: ICommuneDto): void {\n  // \tsuper.setPageCommuneIds(source, communeIds, communeDto);\n  // \tif (this.communeRealId) {\n  // \t\tthis.membersService.selectByType(this.communeRealId, this.memberType)\n  // \t\t\t.subscribe(\n  // \t\t\t\tmembers => {\n  // \t\t\t\t\tthis.members = members;\n  // \t\t\t\t},\n  // \t\t\t\tthis.errorLogger.logError,\n  // \t\t\t);\n  // \t}\n  // }\n}\n","import { AsyncPipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Params } from '@angular/router';\nimport {\n  IonBackButton,\n  IonBadge,\n  IonButton,\n  IonButtons,\n  IonCard,\n  IonContent,\n  IonFooter,\n  IonHeader,\n  IonIcon,\n  IonItem,\n  IonItemDivider,\n  IonItemGroup,\n  IonLabel,\n  IonMenuButton,\n  IonSegment,\n  IonSegmentButton,\n  IonToolbar,\n} from '@ionic/angular';\nimport { SpaceMemberType } from '@sneat/auth-models';\nimport {\n  ContactusServicesModule,\n  ContactusSpaceService,\n} from '../../../services';\nimport {\n  FamilyMembersComponent,\n  MemberGroup,\n} from '@sneat/extension-contactus-ui';\nimport { IMemberGroupContext } from '@sneat/extension-contactus-contract';\nimport { isSpaceSupportsMemberGroups } from '@sneat/dto';\nimport {\n  SpaceComponentBaseParams,\n  SpacePageTitleComponent,\n} from '@sneat/space-components';\nimport { SpaceServiceModule } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { MembersBasePage } from '../../members-base-page';\nimport { Component, inject, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n  imports: [\n    FormsModule,\n    SpacePageTitleComponent,\n    ContactusServicesModule,\n    FamilyMembersComponent,\n    SpaceServiceModule,\n    IonHeader,\n    IonToolbar,\n    IonButtons,\n    IonBackButton,\n    IonMenuButton,\n    IonContent,\n    IonSegment,\n    IonSegmentButton,\n    IonLabel,\n    IonCard,\n    AsyncPipe,\n    IonItemGroup,\n    IonItemDivider,\n    IonIcon,\n    IonBadge,\n    IonItem,\n    IonFooter,\n    IonButton,\n  ],\n  providers: [\n    { provide: ClassName, useValue: 'MembersPageComponent' },\n    SpaceComponentBaseParams,\n  ],\n  selector: 'sneat-members-page',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: 'members-page.component.html',\n})\nexport class MembersPageComponent extends MembersBasePage {\n  // private readonly memberGroupService = inject(MemberGroupService);\n\n  public memberGroups?: readonly IMemberGroupContext[];\n  // public loadingStubs?: number[];\n  public segment: 'all' | 'groups' = 'all';\n  // public listMode: 'list' | 'cards' = 'list';\n  // public membersByGroupId: { [id: string]: IMemberContext[] } = {};\n\n  readonly memberType: SpaceMemberType = 'member';\n\n  constructor() {\n    const contactusTeamService = inject(ContactusSpaceService);\n\n    super(contactusTeamService);\n  }\n\n  protected goGroup(memberGroup: IMemberGroupContext): void {\n    this.navigateForwardToSpacePage(`group/${memberGroup.id}`, {\n      state: { memberGroup },\n    }).catch(this.logErrorHandler('failed to navigate to members group page'));\n  }\n\n  protected goNewMemberPage(group?: MemberGroup): void {\n    const queryParams: Params | undefined = group\n      ? { group: group.id }\n      : undefined;\n    this.navigateForwardToSpacePage('new-member', {\n      queryParams,\n      state: { group },\n    }).catch(\n      this.logErrorHandler(\n        'failed to navigate to new member page with age parameter',\n      ),\n    );\n  }\n\n  public goNew(): void {\n    switch (this.segment) {\n      case 'all':\n        this.goNewMemberPage();\n        break;\n      case 'groups':\n        this.navigateForwardToSpacePage('new-group').catch(\n          this.logErrorHandler('failed to navigate to new group page'),\n        );\n        break;\n      default:\n        alert(`Unknown segment: ${this.segment}`);\n        return;\n    }\n  }\n\n  override onSpaceDboChanged(): void {\n    super.onSpaceDboChanged();\n    if (!this.space) {\n      throw new Error('!this.commune');\n    }\n    // console.log(`MembersPageComponent.onSpaceDboChanged()`);\n    // if (this.team?.dto?.numberOf?.members) {\n    // \tthis.loadingStubs = Array(this.team?.dto?.numberOf?.members).fill(1);\n    // }\n    // if (!isNaN(this.prevMembersCount) && this.prevMembersCount != this.commune.numberOf.members) {\n    //     this.loadData();\n    // }\n    this.loadData('onSpaceDboChanged');\n    // this.prevMembersCount = this.team?.dto?.numberOf?.members || 0;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  private loadData(_source: string): void {\n    // console.log(`MembersPageComponent.loadData(source=${source})`);\n\n    // this.unsubscribe();\n    const space = this.space;\n    if (!space) {\n      throw new Error('!this.team');\n    }\n    // this.noGroupMembers = this.team?.brief && isTeamSupportsMemberGroups(this.team.brief.type) ? [] : undefined;\n\n    // const contactusTeam = this.teamModuleDto;\n    //\n    // if (contactusTeam?.dto?.contacts) {\n    // \tthis.processContactusSpaceDbo(contactusTeam.dto);\n    // } else {\n    // \tthis.contactService\n    // \t\t.watchContactsWithRole(space, 'space_member') // TODO: use constant\n    // \t\t.pipe(takeUntil(this.spaceIDChanged$))\n    // \t\t.subscribe({\n    // \t\t\tnext: (members) => {\n    // \t\t\t\tconsole.log(\n    // \t\t\t\t\t`MembersPageComponent.loadData(source=${source}), members =>`,\n    // \t\t\t\t\tmembers,\n    // \t\t\t\t);\n    // \t\t\t\tif (members?.length) {\n    // \t\t\t\t\t// TODO: deep equal\n    // \t\t\t\t\tmembers.forEach((m) => {\n    // \t\t\t\t\t\tif (m.id) {\n    // \t\t\t\t\t\t\tif (m.dto?.related) {\n    // \t\t\t\t\t\t\t\t// this.contactsByMember[m.id] = zipMapBriefsWithIDs(\n    // \t\t\t\t\t\t\t\t// \tm.dto.relatedContacts,\n    // \t\t\t\t\t\t\t\t// );\n    // \t\t\t\t\t\t\t} else if (this.contactsByMember[m.id]) {\n    // \t\t\t\t\t\t\t\tdelete this.contactsByMember[m.id];\n    // \t\t\t\t\t\t\t}\n    // \t\t\t\t\t\t}\n    // \t\t\t\t\t});\n    // \t\t\t\t\tthis.members = members;\n    // \t\t\t\t\tthis.processMembers();\n    // \t\t\t\t}\n    // \t\t\t},\n    // \t\t});\n    // }\n\n    if (space.type && isSpaceSupportsMemberGroups(space.type)) {\n      throw new Error('not implemented yet due to refactoring');\n      // this.contactService.watchContactsByRole(team)\n      // \t.subscribe(memberGroups => {\n      // \t\tif (memberGroups && (!this.memberGroups || memberGroups.length !== this.memberGroups.length)) { // TODO: deep equal\n      // \t\t\tthis.memberGroups = memberGroups;\n      // \t\t}\n      // \t});\n    }\n  }\n}\n","<ion-header>\n  <ion-toolbar color=\"light\" class=\"with-back-button with-end-buttons\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <sneat-space-page-title\n      [space]=\"space\"\n      generalTitle=\"Members\"\n      icon=\"👪\"\n      [titlesBySpaceType]=\"{\n        family: 'Family members',\n      }\"\n    />\n    <ion-buttons slot=\"end\">\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  @if (supportsMemberGroups) {\n    <div class=\"segment\">\n      <ion-segment [(ngModel)]=\"segment\">\n        <ion-segment-button value=\"all\">\n          <ion-label>All</ion-label>\n        </ion-segment-button>\n        <ion-segment-button value=\"groups\">\n          <ion-label>\n            @if (space.type === \"cohabit\") {\n              By room\n            } @else {\n              By group\n            }\n          </ion-label>\n        </ion-segment-button>\n      </ion-segment>\n    </div>\n  }\n\n  <!--\t<div class=\"segment\" *ngIf=\"spaceType === 'family'\">-->\n  <!--\t\t<ion-segment [(ngModel)]=\"listMode\">-->\n  <!--\t\t\t<ion-segment-button value=\"list\">List</ion-segment-button>-->\n  <!--\t\t\t<ion-segment-button value=\"cards\">Cards</ion-segment-button>-->\n  <!--\t\t</ion-segment>-->\n  <!--\t</div>-->\n\n  <!--\t<ion-list *ngIf=\"segment === 'all' && teamType === 'family'\">-->\n  <!--\t\t<sneat-members-list *ngIf=\"adults\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[team]=\"team\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[allMembers]=\"members\"-->\n  <!--\t\t\t\t\t\t\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n  <!--\t\t></sneat-members-list>-->\n  <!--\t</ion-list>-->\n\n  @if (segment === \"all\" && $spaceType() === \"family\") {\n    <ion-card>\n      <sneat-family-members\n        [$space]=\"$space()\"\n        [contactusSpaceDbo]=\"spaceModuleDbo$ | async\"\n        (addMember)=\"goNewMemberPage($event)\"\n      />\n    </ion-card>\n  }\n\n  @if (segment === \"groups\") {\n    @if ($spaceType() === \"cohabit\") {\n      @if (memberGroups) {\n        @for (group of memberGroups; track group.id) {\n          <ion-item-group>\n            <ion-item-divider>\n              <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n              <ion-label>\n                {{ group.brief?.title }}\n              </ion-label>\n              @if (group.dbo?.numberOf?.members) {\n                <ion-badge color=\"light\">\n                  {{ group.dbo?.numberOf?.members }} members\n                </ion-badge>\n              }\n            </ion-item-divider>\n            <!--\t\t\t\t\t<ng-container *ngIf=\"membersByGroupId[group.id]\">-->\n            <!--\t\t\t\t\t\t<sneat-members-list [members]=\"this.membersByGroupId[group.id]\"-->\n            <!--\t\t\t\t\t\t></sneat-members-list>-->\n            <!--\t\t\t\t\t</ng-container>-->\n          </ion-item-group>\n        }\n\n        <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n        <!--\t\t\t\t\t<ion-item-divider>-->\n        <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n        <!--\t\t\t\t\t</ion-item-divider>-->\n        <!--\t\t\t\t\t<sneat-members-list [members]=\"noGroupMembers\"-->\n        <!--\t\t\t\t\t></sneat-members-list>-->\n        <!--\t\t\t\t</ng-container>-->\n      }\n    } @else if (memberGroups) {\n      @for (group of memberGroups; track group.id) {\n        <ion-item-group>\n          <ion-item button=\"button\" (click)=\"goGroup(group)\">\n            <ion-icon name=\"people\" style=\"margin-right: 0.5em\" />\n            <ion-label>\n              {{ group.brief?.title }}\n            </ion-label>\n            @if (group.dbo?.numberOf?.members) {\n              <ion-badge color=\"light\">\n                {{ group?.dbo?.numberOf?.members }} members\n              </ion-badge>\n            }\n          </ion-item>\n        </ion-item-group>\n      }\n      <!--\t\t\t\t<ng-container *ngIf=\"noGroupMembers && noGroupMembers.length\">-->\n      <!--\t\t\t\t\t<ion-item-divider>-->\n      <!--\t\t\t\t\t\t<ion-label>No group members</ion-label>-->\n      <!--\t\t\t\t\t\t<ion-badge color=\"light\" slot=\"end\"-->\n      <!--\t\t\t\t\t\t\t\t\t\t\t style=\"margin-right: 1em\">{{noGroupMembers.length}}</ion-badge>-->\n      <!--\t\t\t\t\t</ion-item-divider>-->\n      <!--\t\t\t\t\t<sneat-members-list-->\n      <!--\t\t\t\t\t\t[members]=\"noGroupMembers\"-->\n      <!--\t\t\t\t\t\t[contactsByMember]=\"contactsByMember\"-->\n      <!--\t\t\t\t\t></sneat-members-list>-->\n      <!--\t\t\t\t</ng-container>-->\n    }\n  }\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar color=\"light\">\n    @if (space.dbo) {\n      @switch (segment) {\n        @case (\"all\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.members ?? 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.members === 1 ? \"member\" : \"members\" }}-->\n          </ion-label>\n        }\n        @case (\"groups\") {\n          <ion-label>\n            <b>Total</b>:\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups || 0 }}-->\n            <!--\t\t\t{{ team.dto.numberOf?.memberGroups === 1 ? \"group\" : \"groups\" }}-->\n          </ion-label>\n        }\n      }\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n\n    <ion-buttons slot=\"end\">\n      <ion-button\n        size=\"small\"\n        color=\"primary\"\n        [disabled]=\"!space.brief\"\n        (click)=\"goNew()\"\n        [title]=\"segment === 'groups' ? 'Add new group' : 'Add new member'\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n"],"names":[],"mappings":"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"}

package/fesm2022/sneat-extension-contactus-space-member-page.component-Dm4BHHEv.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonTitle, IonIcon, IonMenuButton, IonContent, IonButton } from '@ionic/angular';
+import { ContactDetailsComponent, PersonTitle } from '@sneat/extension-contactus-ui';
+import { ContactService, ContactusServicesModule } from './sneat-extension-contactus.mjs';
+import { SpaceServiceModule } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { C as ContactBasePage } from './sneat-extension-contactus-contact-base-page-DOV4aKLy.mjs';
+
+class MemberBasePage extends ContactBasePage {
+    segment = 'summary';
+    // override defaultBackUrl = CommuneTopPage.members;
+    // public isDeleted?: boolean;
+    // protected currentUserDto: IUserDto | undefined;
+    memberContext;
+    constructor(contactService) {
+        super(contactService, 'members');
+    }
+    get member() {
+        return this.memberContext;
+    }
+    goNew = (
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _event, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _type, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _relation) => {
+        // this.navigateForward(
+        // 	type,
+        // 	{ member: this.memberContext, relation },
+        // 	{ memberDto: this.memberDto });
+    };
+}
+
+class SpaceMemberPageComponent extends MemberBasePage {
+    relatedAs;
+    constructor() {
+        super(inject(ContactService));
+    }
+    // protected setMemberId(memberId: string): void {
+    // 	super.setMemberId(memberId);
+    // 	if (this.currentUserDto && this.communeRealId) {
+    // 		this.setRelatedAs();
+    // 	}
+    // }
+    // protected setPageCommuneIds(source: string, communeIds: ICommuneIds, communeDto?: ICommuneDto): void {
+    // 	super.setPageCommuneIds(source, communeIds, communeDto);
+    // 	if (this.currentUserDto && this.memberId) {
+    // 		this.setRelatedAs();
+    // 	}
+    // }
+    // protected setCurrentUser(dto: IUserDto): void {
+    // 	super.setCurrentUser(dto);
+    // 	this.logger.debug('CommuneMemberPage.setCurrentUser()', dto);
+    // 	if (this.memberId && this.communeRealId) {
+    // 		this.setRelatedAs();
+    // 	}
+    // }
+    removeMember() {
+        if (!confirm(`Are you sure you want to remove ${this.member?.brief?.title || this.member?.id} from ${this.space?.brief?.title}?`)) {
+            return;
+        }
+        if (!this.space) {
+            this.errorLogger.logError('Can not remove team member without team context');
+            return;
+        }
+        if (!this.member?.id) {
+            this.errorLogger.logError('Can not remove team member without knowing member ID');
+            return;
+        }
+        this.contactService
+            .removeSpaceMember({ spaceID: this.space.id, contactID: this.member?.id })
+            .subscribe({
+            next: () => {
+                this.navController
+                    .pop()
+                    .catch((err) => this.errorLogger.logError(err, 'Failed to pop navigator state'));
+            },
+            error: (err) => this.errorLogger.logError(err, 'Failed to remove member'),
+        });
+    }
+    setRelatedAs() {
+        // this.logger.debug('CommuneMemberPage.setRelatedAs()', this.currentUserDto);
+        // if (!this.currentUserDto) {
+        // 	return;
+        // }
+        // const userCommunes = this.currentUserDto && this.currentUserDto.communes;
+        // if (userCommunes) {
+        // 	const userCommuneInfo = userCommunes.find(c => eq(c.id, this.communeRealId));
+        // 	if (userCommuneInfo && userCommuneInfo.members) {
+        // 		const memberInfo = userCommuneInfo.members[this.memberId];
+        // 		if (memberInfo) {
+        // 			this.relatedAs = memberInfo.relatedAs;
+        // 		}
+        // 	}
+        // }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SpaceMemberPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SpaceMemberPageComponent, isStandalone: true, selector: "sneat-space-member-page", providers: [{ provide: ClassName, useValue: 'SpaceMemberPageComponent' }], usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"spacePageUrl('members')\" />\n    </ion-buttons>\n    <ion-title>\n      @switch (space.type) {\n        @case (\"family\") {\n          @if ($contact(); as contact) {\n            Family member: {{ contact | personTitle }}\n          } @else {\n            Family member\n          }\n        }\n        @case (\"cohabit\") {\n          Housemates\n        }\n        @default {\n          <ion-title>Member</ion-title>\n        }\n      }\n    </ion-title>\n    <!--<ion-title *ngIf=\"member else titleNoMember\">{{member.title}}</ion-title>-->\n    <!--<ng-template #titleNoMember>-->\n    <!--<ion-title>Member</ion-title>-->\n    <!--</ng-template>-->\n    <ion-buttons slot=\"end\">\n      @if (member) {\n        <ion-button\n          [title]=\"\n            member.brief?.userID === spaceParams.userService.currentUserID\n              ? 'Leave team'\n              : 'Remove team member'\n          \"\n          (click)=\"removeMember()\"\n        >\n          <ion-icon name=\"trash\" />\n        </ion-button>\n      }\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-contact-details [$contact]=\"$contact()\" [$space]=\"$space()\" />\n</ion-content>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: ContactDetailsComponent, selector: "sneat-contact-details", inputs: ["$contact"], outputs: ["contactChange"] }, { kind: "ngmodule", type: ContactusServicesModule }, { kind: "ngmodule", type: SpaceServiceModule }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonBackButton, selector: "ion-back-button" }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"], outputs: ["ionScrollStart", "ionScroll", "ionScrollEnd"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }, { kind: "pipe", type: PersonTitle, name: "personTitle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SpaceMemberPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-space-member-page', imports: [
+                        FormsModule,
+                        ContactDetailsComponent,
+                        ContactusServicesModule,
+                        PersonTitle,
+                        SpaceServiceModule,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonBackButton,
+                        IonTitle,
+                        IonIcon,
+                        IonMenuButton,
+                        IonContent,
+                        IonButton,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: ClassName, useValue: 'SpaceMemberPageComponent' }], template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"spacePageUrl('members')\" />\n    </ion-buttons>\n    <ion-title>\n      @switch (space.type) {\n        @case (\"family\") {\n          @if ($contact(); as contact) {\n            Family member: {{ contact | personTitle }}\n          } @else {\n            Family member\n          }\n        }\n        @case (\"cohabit\") {\n          Housemates\n        }\n        @default {\n          <ion-title>Member</ion-title>\n        }\n      }\n    </ion-title>\n    <!--<ion-title *ngIf=\"member else titleNoMember\">{{member.title}}</ion-title>-->\n    <!--<ng-template #titleNoMember>-->\n    <!--<ion-title>Member</ion-title>-->\n    <!--</ng-template>-->\n    <ion-buttons slot=\"end\">\n      @if (member) {\n        <ion-button\n          [title]=\"\n            member.brief?.userID === spaceParams.userService.currentUserID\n              ? 'Leave team'\n              : 'Remove team member'\n          \"\n          (click)=\"removeMember()\"\n        >\n          <ion-icon name=\"trash\" />\n        </ion-button>\n      }\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-contact-details [$contact]=\"$contact()\" [$space]=\"$space()\" />\n</ion-content>\n" }]
+        }], ctorParameters: () => [] });
+
+export { SpaceMemberPageComponent };
+//# sourceMappingURL=sneat-extension-contactus-space-member-page.component-Dm4BHHEv.mjs.map

package/fesm2022/sneat-extension-contactus-space-member-page.component-Dm4BHHEv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-extension-contactus-space-member-page.component-Dm4BHHEv.mjs","sources":["../../../../../../libs/extensions/contactus/runtime/src/lib/members/pages/member-base-page.ts","../../../../../../libs/extensions/contactus/runtime/src/lib/members/pages/member/space-member-page.component.ts","../../../../../../libs/extensions/contactus/runtime/src/lib/members/pages/member/space-member-page.component.html"],"sourcesContent":["import { IContactContext } from '@sneat/extension-contactus-contract';\nimport { ContactService } from '../../services';\nimport { ContactBasePage } from '../../pages/contact-base-page';\n\nexport abstract class MemberBasePage extends ContactBasePage {\n  public segment: 'friends' | 'other' | 'summary' = 'summary';\n\n  // override defaultBackUrl = CommuneTopPage.members;\n  // public isDeleted?: boolean;\n  // protected currentUserDto: IUserDto | undefined;\n  private memberContext?: IContactContext;\n\n  protected constructor(contactService: ContactService) {\n    super(contactService, 'members');\n  }\n\n  public get member(): IContactContext | undefined {\n    return this.memberContext;\n  }\n\n  protected goNew = (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _event: Event,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _type: 'new-contact' | 'new-document' | 'new-liability' | 'new-asset',\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _relation?: string,\n  ): void => {\n    // this.navigateForward(\n    // \ttype,\n    // \t{ member: this.memberContext, relation },\n    // \t{ memberDto: this.memberDto });\n  };\n\n  // protected setCurrentUser(dto?: IUserDto): void {\n  // \tthis.currentUserDto = dto;\n  // }\n\n  // protected setMemberId(memberId: string): void {\n  // \tconsole.log(`CommuneMemberPage.setMemberId(${memberId})`);\n  // \tif (this.memberId === memberId) {\n  // \t\treturn;\n  // \t}\n  // \tthis.memberId = memberId;\n  // \tif (this.memberInfo && this.memberInfo.id !== memberId) {\n  // \t\tthis.memberInfo = undefined;\n  // \t}\n  // \tif (this.memberDto && this.memberDto.id !== memberId) {\n  // \t\tthis.memberDto = undefined;\n  // \t}\n  // \tthis.subscriptions.push(\n  // \t\tthis.membersService.watchById(this.memberId)\n  // \t\t\t.subscribe({\n  // \t\t\t\tnext: memberDto => {\n  // \t\t\t\t\tconsole.log('Loaded memberDto:', memberDto);\n  // \t\t\t\t\tthis.setMemberDto(memberDto);\n  // \t\t\t\t\tif (!memberDto) {\n  // \t\t\t\t\t\treturn;\n  // \t\t\t\t\t}\n  // \t\t\t\t\tif (!eq(memberDto.communeId, this.communeRealId)) {\n  // \t\t\t\t\t\tthis.setPageCommuneIds('MemberPage.memberFromObservable', { real: memberDto.communeId });\n  // \t\t\t\t\t}\n  // \t\t\t\t},\n  // \t\t\t\terror: err => {\n  // \t\t\t\t\tthis.errorLogger.logError(err, 'Failed to get member by ID');\n  // \t\t\t\t},\n  // \t\t\t}));\n  // }\n  //\n  // protected setMemberInfo(memberInfo: ICommuneMemberInfo): void {\n  // \tthis.memberInfo = memberInfo;\n  // \tif (memberInfo && memberInfo.id && memberInfo.id !== this.memberId) {\n  // \t\tthis.setMemberId(memberInfo.id);\n  // \t}\n  // }\n  //\n  // protected onCommuneChanged(source?: string): void {\n  // \tsuper.onCommuneChanged(source);\n  // \tif (!this.commune) {\n  // \t\tthrow new Error('!this.commune');\n  // \t}\n  // \tif (!this.memberId && this.commune.dto.members) {\n  // \t\tconst memberInfo = this.commune.dto.members.find(m => !m.id);\n  // \t\tif (memberInfo) {\n  // \t\t\tthis.setMemberInfo(memberInfo);\n  // \t\t}\n  // \t}\n  // }\n\n  // protected setMemberDto(memberDto?: IMemberDto): void {\n  // \tconsole.log('setMemberDto', memberDto);\n  // \tif (memberDto || this.memberDto) {\n  // \t\tthis.isDeleted = !!this.memberDto && !memberDto;\n  // \t}\n  // \tthis.memberDto = memberDto;\n  // \tif (!memberDto) {\n  // \t\treturn;\n  // \t}\n  // \tif (!this.memberInfo || !eq(this.memberInfo.id, memberDto.id)) {\n  // \t\tthis.setMemberInfo(newCommuneMemberInfo(memberDto));\n  // \t}\n  // \tif (memberDto.communeId && !eq(memberDto.communeId, this.communeRealId)) {\n  // \t\tthis.setPageCommuneIds('MemberPage.memberFromHistoryState', { real: memberDto.communeId });\n  // \t}\n  // }\n}\n","import { Component, inject, ChangeDetectionStrategy } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  IonBackButton,\n  IonButton,\n  IonButtons,\n  IonContent,\n  IonHeader,\n  IonIcon,\n  IonMenuButton,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular';\nimport { PersonTitle } from '@sneat/extension-contactus-ui';\nimport { ContactService, ContactusServicesModule } from '../../../services';\nimport { ContactDetailsComponent } from '@sneat/extension-contactus-ui';\nimport { MemberRelationship } from '@sneat/extension-contactus-contract';\nimport { SpaceServiceModule } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { MemberBasePage } from '../member-base-page';\n\n@Component({\n  selector: 'sneat-space-member-page',\n  templateUrl: './space-member-page.component.html',\n  imports: [\n    FormsModule,\n    ContactDetailsComponent,\n    ContactusServicesModule,\n    PersonTitle,\n    SpaceServiceModule,\n    IonHeader,\n    IonToolbar,\n    IonButtons,\n    IonBackButton,\n    IonTitle,\n    IonIcon,\n    IonMenuButton,\n    IonContent,\n    IonButton,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: ClassName, useValue: 'SpaceMemberPageComponent' }],\n})\nexport class SpaceMemberPageComponent extends MemberBasePage {\n  public relatedAs?: MemberRelationship;\n\n  public constructor() {\n    super(inject(ContactService));\n  }\n\n  // protected setMemberId(memberId: string): void {\n  // \tsuper.setMemberId(memberId);\n  // \tif (this.currentUserDto && this.communeRealId) {\n  // \t\tthis.setRelatedAs();\n  // \t}\n  // }\n\n  // protected setPageCommuneIds(source: string, communeIds: ICommuneIds, communeDto?: ICommuneDto): void {\n  // \tsuper.setPageCommuneIds(source, communeIds, communeDto);\n  // \tif (this.currentUserDto && this.memberId) {\n  // \t\tthis.setRelatedAs();\n  // \t}\n  // }\n\n  // protected setCurrentUser(dto: IUserDto): void {\n  // \tsuper.setCurrentUser(dto);\n  // \tthis.logger.debug('CommuneMemberPage.setCurrentUser()', dto);\n  // \tif (this.memberId && this.communeRealId) {\n  // \t\tthis.setRelatedAs();\n  // \t}\n  // }\n\n  public removeMember() {\n    if (\n      !confirm(\n        `Are you sure you want to remove ${\n          this.member?.brief?.title || this.member?.id\n        } from ${this.space?.brief?.title}?`,\n      )\n    ) {\n      return;\n    }\n    if (!this.space) {\n      this.errorLogger.logError(\n        'Can not remove team member without team context',\n      );\n      return;\n    }\n    if (!this.member?.id) {\n      this.errorLogger.logError(\n        'Can not remove team member without knowing member ID',\n      );\n      return;\n    }\n    this.contactService\n      .removeSpaceMember({ spaceID: this.space.id, contactID: this.member?.id })\n      .subscribe({\n        next: () => {\n          this.navController\n            .pop()\n            .catch((err: unknown) =>\n              this.errorLogger.logError(err, 'Failed to pop navigator state'),\n            );\n        },\n        error: (err) =>\n          this.errorLogger.logError(err, 'Failed to remove member'),\n      });\n  }\n\n  private setRelatedAs(): void {\n    // this.logger.debug('CommuneMemberPage.setRelatedAs()', this.currentUserDto);\n    // if (!this.currentUserDto) {\n    // \treturn;\n    // }\n    // const userCommunes = this.currentUserDto && this.currentUserDto.communes;\n    // if (userCommunes) {\n    // \tconst userCommuneInfo = userCommunes.find(c => eq(c.id, this.communeRealId));\n    // \tif (userCommuneInfo && userCommuneInfo.members) {\n    // \t\tconst memberInfo = userCommuneInfo.members[this.memberId];\n    // \t\tif (memberInfo) {\n    // \t\t\tthis.relatedAs = memberInfo.relatedAs;\n    // \t\t}\n    // \t}\n    // }\n  }\n}\n","<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"spacePageUrl('members')\" />\n    </ion-buttons>\n    <ion-title>\n      @switch (space.type) {\n        @case (\"family\") {\n          @if ($contact(); as contact) {\n            Family member: {{ contact | personTitle }}\n          } @else {\n            Family member\n          }\n        }\n        @case (\"cohabit\") {\n          Housemates\n        }\n        @default {\n          <ion-title>Member</ion-title>\n        }\n      }\n    </ion-title>\n    <!--<ion-title *ngIf=\"member else titleNoMember\">{{member.title}}</ion-title>-->\n    <!--<ng-template #titleNoMember>-->\n    <!--<ion-title>Member</ion-title>-->\n    <!--</ng-template>-->\n    <ion-buttons slot=\"end\">\n      @if (member) {\n        <ion-button\n          [title]=\"\n            member.brief?.userID === spaceParams.userService.currentUserID\n              ? 'Leave team'\n              : 'Remove team member'\n          \"\n          (click)=\"removeMember()\"\n        >\n          <ion-icon name=\"trash\" />\n        </ion-button>\n      }\n      <ion-menu-button menu=\"mainMenu\" />\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-contact-details [$contact]=\"$contact()\" [$space]=\"$space()\" />\n</ion-content>\n"],"names":[],"mappings":"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"}