@sneat/extension-contactus 0.13.0

package/fesm2022/sneat-extension-contactus-index-weKgp-3B.mjs

@@ -0,0 +1,272 @@
+import * as i0 from '@angular/core';
+import { inject, Component, signal, computed, effect, ChangeDetectionStrategy } from '@angular/core';
+import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonTitle, IonButton, IonIcon, IonMenuButton, IonContent, IonNav } from '@ionic/angular/standalone';
+import { ContactDetailsComponent, PersonTitle, NewContactFormComponent, LocationFormComponent } from '@sneat/extension-contactus-ui';
+import { SneatNavService, emptySpaceRef } from '@sneat/core';
+import { C as ContactService, a as ContactusServicesModule } from './sneat-extension-contactus-sneat-extension-contactus-BkVEPHoJ.mjs';
+import { SpaceServiceModule } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { C as ContactBasePage } from './sneat-extension-contactus-contact-base-page-D6vHs5em.mjs';
+export { ContactsPageComponent } from './sneat-extension-contactus-contacts-page.component-BzTRhfPJ.mjs';
+import { FormsModule } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { SpaceBaseComponent, SpaceComponentBaseParams } from '@sneat/space-components';
+
+class ContactPageComponent extends ContactBasePage {
+    contactsService = inject(ContactService);
+    sneatNavService = inject(SneatNavService);
+    segment = 'contact';
+    constructor() {
+        super(inject(ContactService));
+        this.defaultBackPage = 'contacts';
+    }
+    // TODO: use or remove
+    watchChildContacts() {
+        const contactID = this.$contactID();
+        if (!contactID) {
+            return;
+        }
+        const space = this.space;
+        if (!space) {
+            return;
+        }
+        this.contactsService
+            .watchChildContacts(space, contactID)
+            .pipe(this.takeUntilDestroyed())
+            .subscribe({
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            next: (_children) => {
+                // Handle children if needed
+            },
+            error: this.errorLogger.logErrorHandler('failed to get child contacts'),
+        });
+    }
+    // TODO: use or remove
+    saveAddress(save) {
+        const spaceID = this.space?.id, contactID = this.$contactID(), address = save.object;
+        if (!spaceID || !contactID || !address) {
+            save.error('Can not save address without team and contact context');
+            return;
+        }
+        const request = {
+            spaceID,
+            contactID,
+            address,
+        };
+        this.contactService.updateContact(request).subscribe({
+            next: () => save.success(),
+            error: save.error,
+        });
+    }
+    deleteContact() {
+        const contact = this.$contact();
+        if (!contact) {
+            return;
+        }
+        if (!confirm(`Are you sure you want to delete contact "${contact.brief?.title}"?`)) {
+            return;
+        }
+        const request = {
+            spaceID: this.space.id,
+            contactID: contact.id,
+        };
+        this.contactsService.deleteContact(request).subscribe({
+            next: () => {
+                this.sneatNavService.goBack(`/space/${this.space?.id}/contacts`);
+            },
+            error: this.errorLogger.logErrorHandler('failed to delete contact'),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContactPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ContactPageComponent, isStandalone: true, selector: "sneat-contact-page", providers: [{ provide: ClassName, useValue: 'ContactPageComponent' }], usesInheritance: true, ngImport: i0, template: "<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", dependencies: [{ 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: 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: 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"] }, { kind: "pipe", type: PersonTitle, name: "personTitle" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ContactPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-contact-page', imports: [
+                        ContactDetailsComponent,
+                        ContactusServicesModule,
+                        SpaceServiceModule,
+                        PersonTitle,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonBackButton,
+                        IonTitle,
+                        IonButton,
+                        IonIcon,
+                        IonMenuButton,
+                        IonContent,
+                    ], providers: [{ provide: ClassName, useValue: 'ContactPageComponent' }], template: "<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" }]
+        }], ctorParameters: () => [] });
+
+class NewContactPageComponent extends SpaceBaseComponent {
+    // @ViewChild('nameInput', { static: true }) nameInput?: IonInput;
+    // TODO: relationship is not implemented yet
+    $relation = signal(undefined, ...(ngDevMode ? [{ debugName: "$relation" }] : /* istanbul ignore next */ []));
+    $contact = signal({
+        space: emptySpaceRef,
+        dbo: {
+            type: 'person',
+            gender: 'unknown', // Undefined would indicate "loading" and gender form would be disabled.
+        },
+    }, ...(ngDevMode ? [{ debugName: "$contact" }] : /* istanbul ignore next */ []));
+    $contactGroupID = signal('', ...(ngDevMode ? [{ debugName: "$contactGroupID" }] : /* istanbul ignore next */ []));
+    $contactRoleID = signal(undefined, ...(ngDevMode ? [{ debugName: "$contactRoleID" }] : /* istanbul ignore next */ []));
+    // Feeds the preselected group/role (from URL query params) into the contact
+    // form so the wizard can skip the group/role steps the user already chose.
+    // BehaviorSubject replays the latest value to the form when it subscribes.
+    selectGroupAndRole$ = new BehaviorSubject(undefined);
+    $assetID = signal('', ...(ngDevMode ? [{ debugName: "$assetID" }] : /* istanbul ignore next */ []));
+    $contactRole = signal(undefined, ...(ngDevMode ? [{ debugName: "$contactRole" }] : /* istanbul ignore next */ []));
+    $contactGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "$contactGroup" }] : /* istanbul ignore next */ []));
+    $parentContactID = signal('', ...(ngDevMode ? [{ debugName: "$parentContactID" }] : /* istanbul ignore next */ []));
+    $title = computed(() => {
+        const contactRoleBrief = this.$contactRole()?.brief;
+        return contactRoleBrief
+            ? `${contactRoleBrief.emoji} New ${contactRoleBrief.title.toLowerCase()}`
+            : 'New contact';
+    }, ...(ngDevMode ? [{ debugName: "$title" }] : /* istanbul ignore next */ []));
+    $asset = signal(undefined, ...(ngDevMode ? [{ debugName: "$asset" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        this.defaultBackPage = 'contacts';
+        this.$asset.set(window.history.state?.asset);
+        // The contact's space drives the create request's spaceID. $contact starts
+        // with emptySpaceRef, so fill it once the route's space is loaded; otherwise
+        // createContact fails backend validation ("missing required field spaceID").
+        effect(() => {
+            const space = this.$space();
+            if (space?.id) {
+                this.$contact.update((c) => c.space?.id === space.id ? c : { ...c, space });
+            }
+        });
+    }
+    // onContactTypeChanged(v: ContactRole): void {
+    //
+    // }
+    ngOnInit() {
+        super.ngOnInit();
+        this.route.queryParamMap
+            .pipe(this.takeUntilDestroyed())
+            .subscribe(this.onUrlParamsChanged);
+    }
+    onUrlParamsChanged = (params) => {
+        const relation = params.get('relation');
+        if (relation) {
+            this.$relation.set(relation);
+        }
+        const contactGroupID = params.get('group');
+        if (contactGroupID && contactGroupID !== this.$contactGroupID()) {
+            this.$contactGroupID.set(contactGroupID);
+        }
+        const contactRole = params.get('role');
+        if (contactRole && !this.$contactRole()) {
+            this.$contactRoleID.set(contactRole);
+        }
+        const space = this.space;
+        if (!space) {
+            throw new Error('Space is not defined');
+        }
+        const assetId = params.get('asset');
+        if (assetId && assetId !== this.$assetID()) {
+            this.$assetID.set(assetId);
+        }
+        const parentContactID = params.get('contact');
+        if (parentContactID && this.$parentContactID() !== parentContactID) {
+            this.$parentContactID.set(parentContactID);
+        }
+        // Preselect group/role in the form. The form's handler only reads `.id`
+        // (it self-loads the brief by ID), so a minimal id-only object is enough;
+        // the cast satisfies the brief-required event-args type. `event` is unused
+        // by the handler but required by the type.
+        if (contactGroupID || contactRole) {
+            this.selectGroupAndRole$.next({
+                event: new Event('preselect'),
+                group: contactGroupID
+                    ? { id: contactGroupID }
+                    : undefined,
+                role: contactRole
+                    ? { id: contactRole }
+                    : undefined,
+            });
+        }
+    };
+    onContactChanged(contact) {
+        // console.log('onContactChanged', contact);
+        this.$contact.set(contact);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NewContactPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: NewContactPageComponent, isStandalone: true, selector: "sneat-new-contact-page", providers: [
+            SpaceComponentBaseParams,
+            { provide: ClassName, useValue: 'NewContactPageComponent' },
+        ], usesInheritance: true, ngImport: i0, template: "<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", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: SpaceServiceModule }, { kind: "ngmodule", type: ContactusServicesModule }, { kind: "component", type: IonNav, selector: "ion-nav" }, { 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: NewContactFormComponent, selector: "sneat-new-contact-form", inputs: ["command", "selectGroupAndRole$", "isInModal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NewContactPageComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        FormsModule,
+                        SpaceServiceModule,
+                        ContactusServicesModule,
+                        IonNav,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonBackButton,
+                        IonTitle,
+                        IonContent,
+                        NewContactFormComponent,
+                    ], providers: [
+                        SpaceComponentBaseParams,
+                        { provide: ClassName, useValue: 'NewContactPageComponent' },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-new-contact-page', template: "<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" }]
+        }], ctorParameters: () => [] });
+
+class NewLocationPageComponent extends ContactBasePage {
+    newLocation = {
+        id: '',
+        brief: { type: 'location' },
+        // space: this.space,
+    };
+    constructor() {
+        super(inject(ContactService));
+    }
+    onSpaceDboChanged() {
+        super.onSpaceDboChanged();
+        // if (this.team?.dto?.countryID && !this.newLocationDto.countryID) {
+        // 	this.newLocationDto = { ...this.newLocationDto, countryID: this.team.dto.countryID };
+        // }
+    }
+    onLocationChanged(contact) {
+        this.newLocation = contact;
+    }
+    onContactCreated(contact) {
+        this.newLocation = contact;
+        const space = this.space;
+        if (!space) {
+            throw new Error('Space is not defined');
+        }
+        const url = this.spacePageUrl(`contact/${this.$contactID()}`);
+        if (url) {
+            this.navController
+                .navigateBack(url)
+                .catch(this.errorLogger.logErrorHandler('failed navigate to parent contact'));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NewLocationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NewLocationPageComponent, isStandalone: true, selector: "sneat-new-location-page", providers: [{ provide: ClassName, useValue: 'NewLocationPageComponent' }], usesInheritance: true, ngImport: i0, template: "<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", dependencies: [{ kind: "component", type: LocationFormComponent, selector: "sneat-location-form", inputs: ["$space", "contactRole", "countryID", "location", "parentContact", "hideSubmitButton", "label", "contactType"], outputs: ["locationChange", "locationCreated"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonBackButton, selector: "ion-back-button" }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: PersonTitle, name: "personTitle" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NewLocationPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-new-location-page', imports: [
+                        LocationFormComponent,
+                        PersonTitle,
+                        IonHeader,
+                        IonToolbar,
+                        IonBackButton,
+                        IonTitle,
+                        IonContent,
+                    ], providers: [{ provide: ClassName, useValue: 'NewLocationPageComponent' }], template: "<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" }]
+        }], ctorParameters: () => [] });
+
+export { ContactPageComponent, NewContactPageComponent, NewLocationPageComponent };
+//# sourceMappingURL=sneat-extension-contactus-index-weKgp-3B.mjs.map

package/fesm2022/sneat-extension-contactus-index-weKgp-3B.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-extension-contactus-index-weKgp-3B.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 } 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/standalone';\nimport { ISaveEvent } from '@sneat/components';\nimport { ContactDetailsComponent, PersonTitle } from '@sneat/extension-contactus-ui';\nimport { SneatNavService } from '@sneat/core';\nimport {\n  IAddress,\n  IContactRequest,\n  IUpdateContactRequest,\n} from '@sneat/extension-contactus-contract';\nimport {\n  ContactService,\n  ContactusServicesModule,\n} 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  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/standalone';\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 } from '@angular/core';\nimport {\n  IonBackButton,\n  IonContent,\n  IonHeader,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular/standalone';\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  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-DPXZ6eSl.mjs

@@ -0,0 +1,188 @@
+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 { b as ContactusSpaceService, a as ContactusServicesModule } from './sneat-extension-contactus-sneat-extension-contactus-BkVEPHoJ.mjs';
+import { ContactusModuleBaseComponent, FamilyMembersComponent } from '@sneat/extension-contactus-ui';
+import { isSpaceSupportsMemberGroups } from '@sneat/dto';
+import { SpacePageTitleComponent, SpaceComponentBaseParams } from '@sneat/space-components';
+import { SpaceServiceModule } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+
+class MembersBasePage extends ContactusModuleBaseComponent {
+    members;
+    // protected setCurrentUser(dto: IDtoUser) {
+    //     this.currentUserDto = dto;
+    // }
+    constructor(contactusTeamService) {
+        super(contactusTeamService);
+        // this.userService.currentUserLoaded.subscribe(user => this.setCurrentUser(user));
+    }
+    goNewMember = () => {
+        // TODO: use it?
+        this.navigateForwardToSpacePage('new-member').catch(this.logErrorHandler('failed to navigate to new member page'));
+    };
+    // goMember = (member: IMemberContext, page?: MemberPages) => {
+    // 	this.navigateForwardToSpacePage(
+    // 		(page || 'member') + '/' + member.id,
+    // 	).catch(this.logErrorHandler('failed to navigate to team member page'));
+    // };
+    //
+    // goContact = (id: string, event: Event) => {
+    // 	event.stopPropagation();
+    // 	this.navigateForwardToSpacePage(`contact/${id}`)
+    // 		.catch(this.logErrorHandler('failed to navigate to contact page'));
+    // };
+    get supportsMemberGroups() {
+        return (!!this.space?.brief && isSpaceSupportsMemberGroups(this.space.brief.type));
+    }
+}
+
+class MembersPageComponent extends MembersBasePage {
+    // private readonly memberGroupService = inject(MemberGroupService);
+    memberGroups;
+    // public loadingStubs?: number[];
+    segment = 'all';
+    // public listMode: 'list' | 'cards' = 'list';
+    // public membersByGroupId: { [id: string]: IMemberContext[] } = {};
+    memberType = 'member';
+    constructor() {
+        const contactusTeamService = inject(ContactusSpaceService);
+        super(contactusTeamService);
+    }
+    goGroup(memberGroup) {
+        this.navigateForwardToSpacePage(`group/${memberGroup.id}`, {
+            state: { memberGroup },
+        }).catch(this.logErrorHandler('failed to navigate to members group page'));
+    }
+    goNewMemberPage(group) {
+        const queryParams = group
+            ? { group: group.id }
+            : undefined;
+        this.navigateForwardToSpacePage('new-member', {
+            queryParams,
+            state: { group },
+        }).catch(this.logErrorHandler('failed to navigate to new member page with age parameter'));
+    }
+    goNew() {
+        switch (this.segment) {
+            case 'all':
+                this.goNewMemberPage();
+                break;
+            case 'groups':
+                this.navigateForwardToSpacePage('new-group').catch(this.logErrorHandler('failed to navigate to new group page'));
+                break;
+            default:
+                alert(`Unknown segment: ${this.segment}`);
+                return;
+        }
+    }
+    onSpaceDboChanged() {
+        super.onSpaceDboChanged();
+        if (!this.space) {
+            throw new Error('!this.commune');
+        }
+        // console.log(`MembersPageComponent.onSpaceDboChanged()`);
+        // if (this.team?.dto?.numberOf?.members) {
+        // 	this.loadingStubs = Array(this.team?.dto?.numberOf?.members).fill(1);
+        // }
+        // if (!isNaN(this.prevMembersCount) && this.prevMembersCount != this.commune.numberOf.members) {
+        //     this.loadData();
+        // }
+        this.loadData('onSpaceDboChanged');
+        // this.prevMembersCount = this.team?.dto?.numberOf?.members || 0;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    loadData(_source) {
+        // console.log(`MembersPageComponent.loadData(source=${source})`);
+        // this.unsubscribe();
+        const space = this.space;
+        if (!space) {
+            throw new Error('!this.team');
+        }
+        // this.noGroupMembers = this.team?.brief && isTeamSupportsMemberGroups(this.team.brief.type) ? [] : undefined;
+        // const contactusTeam = this.teamModuleDto;
+        //
+        // if (contactusTeam?.dto?.contacts) {
+        // 	this.processContactusSpaceDbo(contactusTeam.dto);
+        // } else {
+        // 	this.contactService
+        // 		.watchContactsWithRole(space, 'space_member') // TODO: use constant
+        // 		.pipe(takeUntil(this.spaceIDChanged$))
+        // 		.subscribe({
+        // 			next: (members) => {
+        // 				console.log(
+        // 					`MembersPageComponent.loadData(source=${source}), members =>`,
+        // 					members,
+        // 				);
+        // 				if (members?.length) {
+        // 					// TODO: deep equal
+        // 					members.forEach((m) => {
+        // 						if (m.id) {
+        // 							if (m.dto?.related) {
+        // 								// this.contactsByMember[m.id] = zipMapBriefsWithIDs(
+        // 								// 	m.dto.relatedContacts,
+        // 								// );
+        // 							} else if (this.contactsByMember[m.id]) {
+        // 								delete this.contactsByMember[m.id];
+        // 							}
+        // 						}
+        // 					});
+        // 					this.members = members;
+        // 					this.processMembers();
+        // 				}
+        // 			},
+        // 		});
+        // }
+        if (space.type && isSpaceSupportsMemberGroups(space.type)) {
+            throw new Error('not implemented yet due to refactoring');
+            // this.contactService.watchContactsByRole(team)
+            // 	.subscribe(memberGroups => {
+            // 		if (memberGroups && (!this.memberGroups || memberGroups.length !== this.memberGroups.length)) { // TODO: deep equal
+            // 			this.memberGroups = memberGroups;
+            // 		}
+            // 	});
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MembersPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MembersPageComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        FormsModule,
+                        SpacePageTitleComponent,
+                        ContactusServicesModule,
+                        FamilyMembersComponent,
+                        SpaceServiceModule,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonBackButton,
+                        IonMenuButton,
+                        IonContent,
+                        IonSegment,
+                        IonSegmentButton,
+                        IonLabel,
+                        IonCard,
+                        AsyncPipe,
+                        IonItemGroup,
+                        IonItemDivider,
+                        IonIcon,
+                        IonBadge,
+                        IonItem,
+                        IonFooter,
+                        IonButton,
+                    ], 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" }]
+        }], ctorParameters: () => [] });
+
+export { MembersPageComponent };
+//# sourceMappingURL=sneat-extension-contactus-members-page.component-DPXZ6eSl.mjs.map