@sneat/contactus-shared 0.2.0

package/esm2022/lib/components/contacts-by-type/contacts-by-type.component.js

@@ -0,0 +1,200 @@
+import { Component, effect, EventEmitter, input, Input, Output, signal, inject, } from '@angular/core';
+import { IonButton, IonButtons, IonIcon, IonItem, IonItemDivider, IonItemGroup, IonItemSliding, IonLabel, IonSpinner, } from '@ionic/angular/standalone';
+import { eq, listItemAnimations } from '@sneat/core';
+import { isContactPassFilter, } from '@sneat/contactus-core';
+import { ContactNavService } from '@sneat/contactus-services';
+import { ClassName, SneatBaseComponent } from '@sneat/ui';
+import { Observable } from 'rxjs';
+import { ContactsListItemComponent } from '../contacts-list';
+import * as i0 from "@angular/core";
+export class ContactsByTypeComponent extends SneatBaseComponent {
+    constructor() {
+        super();
+        this.contactNavService = inject(ContactNavService);
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$contactGroupDefinitions = input.required(...(ngDevMode ? [{ debugName: "$contactGroupDefinitions" }] : []));
+        this.$contacts = input.required(...(ngDevMode ? [{ debugName: "$contacts" }] : []));
+        this.contactsChange = new EventEmitter();
+        this.$otherContacts = signal(undefined, ...(ngDevMode ? [{ debugName: "$otherContacts" }] : []));
+        this.$contactGroups = signal([], ...(ngDevMode ? [{ debugName: "$contactGroups" }] : []));
+        //
+        this.$filter = input.required(...(ngDevMode ? [{ debugName: "$filter" }] : []));
+        // @Input() contacts?: readonly IContactWithSpace[];
+        this.contactClicked = (event, contact) => {
+            this.console.log(`ContactsByTypeComponent.contactClicked(contact{id=${contact.id}})`);
+            event.preventDefault();
+            event.stopPropagation();
+        };
+        this.contactSelectionChange = new EventEmitter();
+        this.goToNewContactPage = true;
+        this.addContactClick = new EventEmitter();
+        effect(() => {
+            this.setContactGroups();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['contacts'] || changes['filter']) {
+            this.setContactGroups();
+        }
+    }
+    // hideRole(role: string): void {
+    // 	if (!this.commune.id) {
+    // 		throw new Error('!this.commune.id');
+    // 	}
+    // 	this.communeService.updateRecord(undefined, this.commune.id, dto => {
+    // 		if (!dto.noContactRoles) {
+    // 			dto = {...dto, noContactRoles: [role]};
+    // 			return {dto, changed: true};
+    // 		} else if (!dto.noContactRoles.includes(role)) {
+    // 			dto.noContactRoles.push(role);
+    // 			return {dto, changed: true};
+    // 		}
+    // 		return {dto, changed: false};
+    // 	}).subscribe(dto => {
+    // 		if (!dto) {
+    // 			throw new Error(`commune not found by id: ${this.commune.id}`);
+    // 		}
+    // 		this.commune = new Commune(dto);
+    // 		this.setContactGroups();
+    // 	});
+    // }
+    setContactGroups() {
+        this.$contactGroups.set([]);
+        const filter = this.$filter();
+        const contacts = this.$contacts();
+        const noContactRoles = this.$space().dbo?.noContactRoles;
+        let otherContacts = !filter
+            ? contacts
+            : contacts &&
+                contacts.filter((c) => c.brief?.title?.toLowerCase().includes(filter));
+        const contactGroupDefinitions = this.$contactGroupDefinitions();
+        contactGroupDefinitions.forEach((group) => {
+            const rolesWithContacts = [];
+            group.dbo?.roles?.forEach((role) => {
+                let roleWithContacts = {
+                    ...role,
+                    // We do not filter by text here as we want to show all contacts if role title contains the text
+                    contacts: contacts?.filter((c) => c.brief?.roles?.includes(role.id)),
+                };
+                if (filter && role.brief.title.toLowerCase().includes(filter)) {
+                    // Show all contacts in role that filtered by title
+                    rolesWithContacts.push(roleWithContacts);
+                    return;
+                }
+                if (roleWithContacts.contacts) {
+                    roleWithContacts.contacts.forEach((c) => {
+                        otherContacts = otherContacts?.filter((oc) => !eq(oc.id, c.id));
+                    });
+                    if (roleWithContacts.contacts.length && filter) {
+                        roleWithContacts = {
+                            ...roleWithContacts,
+                            contacts: roleWithContacts.contacts.filter((c) => isContactPassFilter(c, filter, role.id)),
+                        };
+                        if (roleWithContacts.contacts?.length) {
+                            rolesWithContacts.push(roleWithContacts);
+                        }
+                    }
+                }
+                if (!filter && (!noContactRoles || !noContactRoles.includes(role.id))) {
+                    rolesWithContacts.push(roleWithContacts);
+                }
+            });
+            const groupWithContacts = {
+                ...group.dbo,
+                id: group.id,
+                brief: {
+                    title: group.dbo?.title || '',
+                },
+                roles: rolesWithContacts,
+            };
+            if (groupWithContacts.roles.length) {
+                this.$contactGroups.update((v) => [...v, groupWithContacts]);
+            }
+        });
+        if (otherContacts?.length || this.$otherContacts()?.length) {
+            this.$otherContacts.set(otherContacts);
+        }
+        // console.log(
+        // 	'ContactsByTypeComponent.setContactGroups()',
+        // 	this.$space(),
+        // 	filter,
+        // 	contacts,
+        // 	selectedContactIDsByRole,
+        // 	this.$contactGroups(),
+        // 	this.$otherContacts(),
+        // );
+    }
+    find(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        alert('Not implemented yet');
+    }
+    addContact(event, group, role) {
+        event.stopPropagation();
+        if (!this.goToNewContactPage) {
+            this.addContactClick.emit({
+                event,
+                role: role,
+                group: group,
+            });
+            return;
+        }
+        if (!this.$space().id) {
+            return;
+        }
+        this.contactNavService.goNewContactPage(this.$space(), {
+            group: group.id,
+            role: role?.id,
+        });
+    }
+    // private readonly $checkedContactIDs = signal<readonly string[]>([]);
+    checkChanged(args, role) {
+        this.contactsChange.emit(this.$contacts()?.map((c) => c.id === args.id ? Object.assign(c, { isChecked: args.checked }) : c));
+        this.contactSelectionChange.emit({ ...args, role });
+    }
+    ngOnInit() {
+        this.command?.pipe(this.takeUntilDestroyed()).subscribe((command) => {
+            // console.log('ContactsByTypeComponent: command$ =>', command);
+            switch (command.name) {
+                case 'reset_selected': {
+                    this.contactsChange.emit(this.$contacts()?.map((c) => c.isChecked ? Object.assign(c, { isChecked: false }) : c));
+                    this.setContactGroups();
+                    break;
+                }
+                case 'select_all': {
+                    throw new Error('Not implemented yet');
+                }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactsByTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ContactsByTypeComponent, isStandalone: true, selector: "sneat-contacts-by-type", inputs: { $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, $contactGroupDefinitions: { classPropertyName: "$contactGroupDefinitions", publicName: "$contactGroupDefinitions", isSignal: true, isRequired: true, transformFunction: null }, $contacts: { classPropertyName: "$contacts", publicName: "$contacts", isSignal: true, isRequired: true, transformFunction: null }, $filter: { classPropertyName: "$filter", publicName: "$filter", isSignal: true, isRequired: true, transformFunction: null }, contactClicked: { classPropertyName: "contactClicked", publicName: "contactClicked", isSignal: false, isRequired: false, transformFunction: null }, command: { classPropertyName: "command", publicName: "command", isSignal: false, isRequired: false, transformFunction: null }, goToNewContactPage: { classPropertyName: "goToNewContactPage", publicName: "goToNewContactPage", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { contactsChange: "contactsChange", contactSelectionChange: "contactSelectionChange", addContactClick: "addContactClick" }, providers: [{ provide: ClassName, useValue: 'ContactsByTypeComponent' }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@for (\n  contactGroup of $contactGroups();\n  track contactGroup.id;\n  let isLastContactGroup = $last\n) {\n  <ion-item-group @listItem>\n    <ion-item color=\"light\" lines=\"full\" class=\"sneat-tiny-end-padding\">\n      <ion-label>{{ contactGroup.brief.title }}</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button color=\"tertiary\" (click)=\"addContact($event, contactGroup)\">\n          <ion-icon name=\"add\" slot=\"start\" />\n          <ion-label>Add contact</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item>\n    @for (role of contactGroup.roles; track role.id; let lastRole = $last) {\n      <ion-item\n        class=\"sneat-tiny-end-padding\"\n        [lines]=\"lastRole && isLastContactGroup ? 'none' : 'full'\"\n      >\n        <ion-label color=\"medium\">\n          <span class=\"ion-margin-end\">{{ role.brief.emoji }}</span>\n          <b class=\"ion-margin-end\">{{\n            role.brief.titlePlural || role.brief.title\n          }}</b>\n          &mdash;\n          <i class=\"ion-margin-start\">\n            @if (!role.contacts) {\n              loading...\n            } @else {\n              @switch (role.contacts.length) {\n                @case (0) {\n                  not added yet\n                }\n                @default {\n                  {{ role.contacts.length }}\n                }\n              }\n            }\n          </i>\n        </ion-label>\n        @if (!role.contacts) {\n          <ion-spinner name=\"lines-small\" color=\"medium\" slot=\"end\" />\n        }\n        <ion-buttons slot=\"end\">\n          @if (role.brief.finder) {\n            <ion-button\n              target=\"_blank\"\n              color=\"medium\"\n              [href]=\"'https:' + role.brief.finder\"\n              [title]=\"'Find at https://' + role.brief.finder\"\n              (click)=\"find($event)\"\n            >\n              Find\n            </ion-button>\n          }\n          <ion-button\n            color=\"tertiary\"\n            (click)=\"addContact($event, contactGroup, role)\"\n          >\n            <ion-icon name=\"add-outline\" slot=\"start\" />\n            <ion-label>Add</ion-label>\n          </ion-button>\n        </ion-buttons>\n      </ion-item>\n      @for (\n        contact of role.contacts;\n        track contact.id;\n        let lastContact = $last\n      ) {\n        <ion-item-sliding @listItem>\n          <sneat-contacts-list-item\n            [$space]=\"$space()\"\n            [$contact]=\"contact\"\n            [contactClicked]=\"contactClicked\"\n            [showBorder]=\"lastContact ? 'full' : 'inset'\"\n            (checkChange)=\"checkChanged($event, role.id)\"\n          />\n        </ion-item-sliding>\n      }\n    }\n  </ion-item-group>\n}\n\n@if ($otherContacts()?.length) {\n  <ion-item-group @listItem>\n    <ion-item-divider color=\"light\">\n      <ion-label>Other</ion-label>\n    </ion-item-divider>\n    @for (contact of $contacts() || []; track contact.id) {\n      <ion-item-sliding @listItem>\n        <sneat-contacts-list-item\n          [$space]=\"$space()\"\n          [$contact]=\"contact\"\n          [contactClicked]=\"contactClicked\"\n        />\n      </ion-item-sliding>\n    }\n  </ion-item-group>\n}\n", dependencies: [{ kind: "component", type: ContactsListItemComponent, selector: "sneat-contacts-list-item", inputs: ["$contact", "$space", "hideCheckbox", "excludeRole", "showAddress", "showBorder", "hideRoles", "relatedTo", "showRelatedAs", "showRelatedItems", "contactClicked"], outputs: ["checkChange"] }, { kind: "component", type: IonItemGroup, selector: "ion-item-group" }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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: IonItemSliding, selector: "ion-item-sliding", inputs: ["disabled"] }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], animations: [listItemAnimations] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactsByTypeComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        ContactsListItemComponent,
+                        IonItemGroup,
+                        IonItem,
+                        IonLabel,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonItemSliding,
+                        IonItemDivider,
+                        IonSpinner,
+                    ], providers: [{ provide: ClassName, useValue: 'ContactsByTypeComponent' }], selector: 'sneat-contacts-by-type', animations: [listItemAnimations], template: "@for (\n  contactGroup of $contactGroups();\n  track contactGroup.id;\n  let isLastContactGroup = $last\n) {\n  <ion-item-group @listItem>\n    <ion-item color=\"light\" lines=\"full\" class=\"sneat-tiny-end-padding\">\n      <ion-label>{{ contactGroup.brief.title }}</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button color=\"tertiary\" (click)=\"addContact($event, contactGroup)\">\n          <ion-icon name=\"add\" slot=\"start\" />\n          <ion-label>Add contact</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item>\n    @for (role of contactGroup.roles; track role.id; let lastRole = $last) {\n      <ion-item\n        class=\"sneat-tiny-end-padding\"\n        [lines]=\"lastRole && isLastContactGroup ? 'none' : 'full'\"\n      >\n        <ion-label color=\"medium\">\n          <span class=\"ion-margin-end\">{{ role.brief.emoji }}</span>\n          <b class=\"ion-margin-end\">{{\n            role.brief.titlePlural || role.brief.title\n          }}</b>\n          &mdash;\n          <i class=\"ion-margin-start\">\n            @if (!role.contacts) {\n              loading...\n            } @else {\n              @switch (role.contacts.length) {\n                @case (0) {\n                  not added yet\n                }\n                @default {\n                  {{ role.contacts.length }}\n                }\n              }\n            }\n          </i>\n        </ion-label>\n        @if (!role.contacts) {\n          <ion-spinner name=\"lines-small\" color=\"medium\" slot=\"end\" />\n        }\n        <ion-buttons slot=\"end\">\n          @if (role.brief.finder) {\n            <ion-button\n              target=\"_blank\"\n              color=\"medium\"\n              [href]=\"'https:' + role.brief.finder\"\n              [title]=\"'Find at https://' + role.brief.finder\"\n              (click)=\"find($event)\"\n            >\n              Find\n            </ion-button>\n          }\n          <ion-button\n            color=\"tertiary\"\n            (click)=\"addContact($event, contactGroup, role)\"\n          >\n            <ion-icon name=\"add-outline\" slot=\"start\" />\n            <ion-label>Add</ion-label>\n          </ion-button>\n        </ion-buttons>\n      </ion-item>\n      @for (\n        contact of role.contacts;\n        track contact.id;\n        let lastContact = $last\n      ) {\n        <ion-item-sliding @listItem>\n          <sneat-contacts-list-item\n            [$space]=\"$space()\"\n            [$contact]=\"contact\"\n            [contactClicked]=\"contactClicked\"\n            [showBorder]=\"lastContact ? 'full' : 'inset'\"\n            (checkChange)=\"checkChanged($event, role.id)\"\n          />\n        </ion-item-sliding>\n      }\n    }\n  </ion-item-group>\n}\n\n@if ($otherContacts()?.length) {\n  <ion-item-group @listItem>\n    <ion-item-divider color=\"light\">\n      <ion-label>Other</ion-label>\n    </ion-item-divider>\n    @for (contact of $contacts() || []; track contact.id) {\n      <ion-item-sliding @listItem>\n        <sneat-contacts-list-item\n          [$space]=\"$space()\"\n          [$contact]=\"contact\"\n          [contactClicked]=\"contactClicked\"\n        />\n      </ion-item-sliding>\n    }\n  </ion-item-group>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], $contactGroupDefinitions: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contactGroupDefinitions", required: true }] }], $contacts: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contacts", required: true }] }], contactsChange: [{
+                type: Output
+            }], $filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "$filter", required: true }] }], contactClicked: [{
+                type: Input
+            }], command: [{
+                type: Input
+            }], contactSelectionChange: [{
+                type: Output
+            }], goToNewContactPage: [{
+                type: Input
+            }], addContactClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=contacts-by-type.component.js.map

package/esm2022/lib/components/contacts-by-type/contacts-by-type.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contacts-by-type.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contacts-by-type/contacts-by-type.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/contacts-by-type/contacts-by-type.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  effect,\n  EventEmitter,\n  input,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  signal,\n  SimpleChanges,\n  inject,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonItem,\n  IonItemDivider,\n  IonItemGroup,\n  IonItemSliding,\n  IonLabel,\n  IonSpinner,\n} from '@ionic/angular/standalone';\nimport { eq, IIdAndDbo, listItemAnimations } from '@sneat/core';\nimport {\n  ContactGroupWithIdAndBrief,\n  ContactRole,\n  IContactRoleWithIdAndBrief,\n  IContactGroupDbo,\n  IContactWithBrief,\n  IContactWithCheck,\n  isContactPassFilter,\n} from '@sneat/contactus-core';\nimport { ContactNavService } from '@sneat/contactus-services';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { ClassName, SneatBaseComponent } from '@sneat/ui';\nimport { Observable } from 'rxjs';\nimport { IContactAddEventArgs } from '../contact-events';\nimport { ICheckChangedArgs } from '../contacts-checklist';\nimport { ContactsComponentCommand } from '../contacts-component.commands';\nimport { ContactsListItemComponent } from '../contacts-list';\nimport {\n  IContactGroupWithContacts,\n  IContactRoleWithContacts,\n} from '../../ui-types';\n\nexport interface IRoleContactCheckChangedArgs extends ICheckChangedArgs {\n  role: ContactRole;\n}\n\n@Component({\n  imports: [\n    ContactsListItemComponent,\n    IonItemGroup,\n    IonItem,\n    IonLabel,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonItemSliding,\n    IonItemDivider,\n    IonSpinner,\n  ],\n  providers: [{ provide: ClassName, useValue: 'ContactsByTypeComponent' }],\n  selector: 'sneat-contacts-by-type',\n  templateUrl: './contacts-by-type.component.html',\n  animations: [listItemAnimations],\n})\nexport class ContactsByTypeComponent\n  extends SneatBaseComponent\n  implements OnChanges, OnInit\n{\n  private readonly contactNavService = inject(ContactNavService);\n\n  public readonly $space = input.required<ISpaceContext>();\n\n  public readonly $contactGroupDefinitions =\n    input.required<readonly IIdAndDbo<IContactGroupDbo>[]>();\n\n  public readonly $contacts = input.required<\n    readonly IContactWithCheck[] | undefined\n  >();\n\n  @Output() readonly contactsChange = new EventEmitter<IContactWithCheck[]>();\n\n  protected readonly $otherContacts = signal<\n    readonly IContactWithBrief[] | undefined\n  >(undefined);\n  protected readonly $contactGroups = signal<\n    readonly IContactGroupWithContacts[]\n  >([]);\n\n  //\n  public readonly $filter = input.required<string>();\n  // @Input() contacts?: readonly IContactWithSpace[];\n  @Input() contactClicked: (event: Event, contact: IContactWithBrief) => void =\n    (event: Event, contact: IContactWithBrief) => {\n      this.console.log(\n        `ContactsByTypeComponent.contactClicked(contact{id=${contact.id}})`,\n      );\n      event.preventDefault();\n      event.stopPropagation();\n    };\n\n  @Input() command?: Observable<ContactsComponentCommand>;\n\n  @Output()\n  public readonly contactSelectionChange =\n    new EventEmitter<IRoleContactCheckChangedArgs>();\n\n  @Input() goToNewContactPage = true;\n  @Output() readonly addContactClick = new EventEmitter<IContactAddEventArgs>();\n\n  constructor() {\n    super();\n    effect(() => {\n      this.setContactGroups();\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['contacts'] || changes['filter']) {\n      this.setContactGroups();\n    }\n  }\n\n  // hideRole(role: string): void {\n  // \tif (!this.commune.id) {\n  // \t\tthrow new Error('!this.commune.id');\n  // \t}\n  // \tthis.communeService.updateRecord(undefined, this.commune.id, dto => {\n  // \t\tif (!dto.noContactRoles) {\n  // \t\t\tdto = {...dto, noContactRoles: [role]};\n  // \t\t\treturn {dto, changed: true};\n  // \t\t} else if (!dto.noContactRoles.includes(role)) {\n  // \t\t\tdto.noContactRoles.push(role);\n  // \t\t\treturn {dto, changed: true};\n  // \t\t}\n  // \t\treturn {dto, changed: false};\n  // \t}).subscribe(dto => {\n  // \t\tif (!dto) {\n  // \t\t\tthrow new Error(`commune not found by id: ${this.commune.id}`);\n  // \t\t}\n  // \t\tthis.commune = new Commune(dto);\n  // \t\tthis.setContactGroups();\n  // \t});\n  // }\n\n  private setContactGroups(): void {\n    this.$contactGroups.set([]);\n    const filter = this.$filter();\n    const contacts = this.$contacts();\n    const noContactRoles = this.$space().dbo?.noContactRoles;\n    let otherContacts = !filter\n      ? contacts\n      : contacts &&\n        contacts.filter((c) => c.brief?.title?.toLowerCase().includes(filter));\n\n    const contactGroupDefinitions = this.$contactGroupDefinitions();\n\n    contactGroupDefinitions.forEach((group) => {\n      const rolesWithContacts: IContactRoleWithContacts[] = [];\n      group.dbo?.roles?.forEach((role) => {\n        let roleWithContacts: IContactRoleWithContacts = {\n          ...role,\n          // We do not filter by text here as we want to show all contacts if role title contains the text\n          contacts: contacts?.filter((c) => c.brief?.roles?.includes(role.id)),\n        };\n        if (filter && role.brief.title.toLowerCase().includes(filter)) {\n          // Show all contacts in role that filtered by title\n          rolesWithContacts.push(roleWithContacts);\n          return;\n        }\n        if (roleWithContacts.contacts) {\n          roleWithContacts.contacts.forEach((c) => {\n            otherContacts = otherContacts?.filter((oc) => !eq(oc.id, c.id));\n          });\n          if (roleWithContacts.contacts.length && filter) {\n            roleWithContacts = {\n              ...roleWithContacts,\n              contacts: roleWithContacts.contacts.filter((c) =>\n                isContactPassFilter(c, filter, role.id),\n              ),\n            };\n            if (roleWithContacts.contacts?.length) {\n              rolesWithContacts.push(roleWithContacts);\n            }\n          }\n        }\n        if (!filter && (!noContactRoles || !noContactRoles.includes(role.id))) {\n          rolesWithContacts.push(roleWithContacts);\n        }\n      });\n\n      const groupWithContacts: IContactGroupWithContacts = {\n        ...group.dbo,\n        id: group.id,\n        brief: {\n          title: group.dbo?.title || '',\n        },\n        roles: rolesWithContacts,\n      };\n\n      if (groupWithContacts.roles.length) {\n        this.$contactGroups.update((v) => [...v, groupWithContacts]);\n      }\n    });\n    if (otherContacts?.length || this.$otherContacts()?.length) {\n      this.$otherContacts.set(otherContacts);\n    }\n    // console.log(\n    // \t'ContactsByTypeComponent.setContactGroups()',\n    // \tthis.$space(),\n    // \tfilter,\n    // \tcontacts,\n    // \tselectedContactIDsByRole,\n    // \tthis.$contactGroups(),\n    // \tthis.$otherContacts(),\n    // );\n  }\n\n  protected find(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n    alert('Not implemented yet');\n  }\n\n  protected addContact(\n    event: Event,\n    group: ContactGroupWithIdAndBrief,\n    role?: IContactRoleWithIdAndBrief,\n  ): void {\n    event.stopPropagation();\n    if (!this.goToNewContactPage) {\n      this.addContactClick.emit({\n        event,\n        role: role,\n        group: group,\n      });\n      return;\n    }\n    if (!this.$space().id) {\n      return;\n    }\n    this.contactNavService.goNewContactPage(this.$space(), {\n      group: group.id,\n      role: role?.id,\n    });\n  }\n\n  // private readonly $checkedContactIDs = signal<readonly string[]>([]);\n\n  protected checkChanged(args: ICheckChangedArgs, role: ContactRole): void {\n    this.contactsChange.emit(\n      this.$contacts()?.map((c) =>\n        c.id === args.id ? Object.assign(c, { isChecked: args.checked }) : c,\n      ),\n    );\n    this.contactSelectionChange.emit({ ...args, role });\n  }\n\n  public ngOnInit(): void {\n    this.command?.pipe(this.takeUntilDestroyed()).subscribe((command) => {\n      // console.log('ContactsByTypeComponent: command$ =>', command);\n      switch (command.name) {\n        case 'reset_selected': {\n          this.contactsChange.emit(\n            this.$contacts()?.map((c) =>\n              c.isChecked ? Object.assign(c, { isChecked: false }) : c,\n            ),\n          );\n          this.setContactGroups();\n          break;\n        }\n        case 'select_all': {\n          throw new Error('Not implemented yet');\n        }\n      }\n    });\n  }\n}\n","@for (\n  contactGroup of $contactGroups();\n  track contactGroup.id;\n  let isLastContactGroup = $last\n) {\n  <ion-item-group @listItem>\n    <ion-item color=\"light\" lines=\"full\" class=\"sneat-tiny-end-padding\">\n      <ion-label>{{ contactGroup.brief.title }}</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button color=\"tertiary\" (click)=\"addContact($event, contactGroup)\">\n          <ion-icon name=\"add\" slot=\"start\" />\n          <ion-label>Add contact</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item>\n    @for (role of contactGroup.roles; track role.id; let lastRole = $last) {\n      <ion-item\n        class=\"sneat-tiny-end-padding\"\n        [lines]=\"lastRole && isLastContactGroup ? 'none' : 'full'\"\n      >\n        <ion-label color=\"medium\">\n          <span class=\"ion-margin-end\">{{ role.brief.emoji }}</span>\n          <b class=\"ion-margin-end\">{{\n            role.brief.titlePlural || role.brief.title\n          }}</b>\n          &mdash;\n          <i class=\"ion-margin-start\">\n            @if (!role.contacts) {\n              loading...\n            } @else {\n              @switch (role.contacts.length) {\n                @case (0) {\n                  not added yet\n                }\n                @default {\n                  {{ role.contacts.length }}\n                }\n              }\n            }\n          </i>\n        </ion-label>\n        @if (!role.contacts) {\n          <ion-spinner name=\"lines-small\" color=\"medium\" slot=\"end\" />\n        }\n        <ion-buttons slot=\"end\">\n          @if (role.brief.finder) {\n            <ion-button\n              target=\"_blank\"\n              color=\"medium\"\n              [href]=\"'https:' + role.brief.finder\"\n              [title]=\"'Find at https://' + role.brief.finder\"\n              (click)=\"find($event)\"\n            >\n              Find\n            </ion-button>\n          }\n          <ion-button\n            color=\"tertiary\"\n            (click)=\"addContact($event, contactGroup, role)\"\n          >\n            <ion-icon name=\"add-outline\" slot=\"start\" />\n            <ion-label>Add</ion-label>\n          </ion-button>\n        </ion-buttons>\n      </ion-item>\n      @for (\n        contact of role.contacts;\n        track contact.id;\n        let lastContact = $last\n      ) {\n        <ion-item-sliding @listItem>\n          <sneat-contacts-list-item\n            [$space]=\"$space()\"\n            [$contact]=\"contact\"\n            [contactClicked]=\"contactClicked\"\n            [showBorder]=\"lastContact ? 'full' : 'inset'\"\n            (checkChange)=\"checkChanged($event, role.id)\"\n          />\n        </ion-item-sliding>\n      }\n    }\n  </ion-item-group>\n}\n\n@if ($otherContacts()?.length) {\n  <ion-item-group @listItem>\n    <ion-item-divider color=\"light\">\n      <ion-label>Other</ion-label>\n    </ion-item-divider>\n    @for (contact of $contacts() || []; track contact.id) {\n      <ion-item-sliding @listItem>\n        <sneat-contacts-list-item\n          [$space]=\"$space()\"\n          [$contact]=\"contact\"\n          [contactClicked]=\"contactClicked\"\n        />\n      </ion-item-sliding>\n    }\n  </ion-item-group>\n}\n"]}

package/esm2022/lib/components/contacts-by-type/index.js

@@ -0,0 +1,2 @@
+export * from './contacts-by-type.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/contacts-by-type/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contacts-by-type/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './contacts-by-type.component';\n"]}

package/esm2022/lib/components/contacts-checklist/contacts-checklist-item.component.js

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, computed, EventEmitter, input, Output, } from '@angular/core';
+import { IonCheckbox, IonItem, IonSpinner } from '@ionic/angular/standalone';
+import { PersonNamesPipe } from '@sneat/auth-ui';
+import * as i0 from "@angular/core";
+export class ContactsChecklistItemComponent {
+    constructor() {
+        this.$contact = input.required(...(ngDevMode ? [{ debugName: "$contact" }] : []));
+        this.$contactID = computed(() => this.$contact().id, ...(ngDevMode ? [{ debugName: "$contactID" }] : []));
+        this.$isLast = input.required(...(ngDevMode ? [{ debugName: "$isLast" }] : []));
+        this.$lastItemLine = input(...(ngDevMode ? [undefined, { debugName: "$lastItemLine" }] : []));
+        this.$checkedInProgress = input.required(...(ngDevMode ? [{ debugName: "$checkedInProgress" }] : []));
+        this.$uncheckedInProgress = input.required(...(ngDevMode ? [{ debugName: "$uncheckedInProgress" }] : []));
+        this.checkboxChange = new EventEmitter();
+        this.$isDisabled = computed(() => {
+            const contactID = this.$contactID();
+            return (this.$checkedInProgress().includes(contactID) ||
+                this.$uncheckedInProgress().includes(contactID));
+        }, ...(ngDevMode ? [{ debugName: "$isDisabled" }] : []));
+    }
+    onCheckboxChange(event, contact) {
+        this.checkboxChange.emit({ event, item: contact });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactsChecklistItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ContactsChecklistItemComponent, isStandalone: true, selector: "sneat-contacts-checklist-item", inputs: { $contact: { classPropertyName: "$contact", publicName: "$contact", isSignal: true, isRequired: true, transformFunction: null }, $isLast: { classPropertyName: "$isLast", publicName: "$isLast", isSignal: true, isRequired: true, transformFunction: null }, $lastItemLine: { classPropertyName: "$lastItemLine", publicName: "$lastItemLine", isSignal: true, isRequired: false, transformFunction: null }, $checkedInProgress: { classPropertyName: "$checkedInProgress", publicName: "$checkedInProgress", isSignal: true, isRequired: true, transformFunction: null }, $uncheckedInProgress: { classPropertyName: "$uncheckedInProgress", publicName: "$uncheckedInProgress", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { checkboxChange: "checkboxChange" }, ngImport: i0, template: "@let contact = $contact();\n\n<ion-item [lines]=\"$isLast() ? $lastItemLine() : undefined\">\n  <ion-checkbox\n    labelPlacement=\"end\"\n    justify=\"start\"\n    [value]=\"$contact().id\"\n    [checked]=\"contact.isChecked\"\n    [disabled]=\"$isDisabled()\"\n    (ionChange)=\"onCheckboxChange($event, contact)\"\n  >\n    {{ contact.brief.names | personNames }}\n    <!--TODO: use pipe-->\n  </ion-checkbox>\n  @if ($isDisabled()) {\n    <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n  }\n</ion-item>\n", dependencies: [{ 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: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "pipe", type: PersonNamesPipe, name: "personNames" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactsChecklistItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-contacts-checklist-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonItem, IonCheckbox, IonSpinner, PersonNamesPipe], template: "@let contact = $contact();\n\n<ion-item [lines]=\"$isLast() ? $lastItemLine() : undefined\">\n  <ion-checkbox\n    labelPlacement=\"end\"\n    justify=\"start\"\n    [value]=\"$contact().id\"\n    [checked]=\"contact.isChecked\"\n    [disabled]=\"$isDisabled()\"\n    (ionChange)=\"onCheckboxChange($event, contact)\"\n  >\n    {{ contact.brief.names | personNames }}\n    <!--TODO: use pipe-->\n  </ion-checkbox>\n  @if ($isDisabled()) {\n    <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n  }\n</ion-item>\n" }]
+        }], propDecorators: { $contact: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contact", required: true }] }], $isLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "$isLast", required: true }] }], $lastItemLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "$lastItemLine", required: false }] }], $checkedInProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "$checkedInProgress", required: true }] }], $uncheckedInProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "$uncheckedInProgress", required: true }] }], checkboxChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=contacts-checklist-item.component.js.map

package/esm2022/lib/components/contacts-checklist/contacts-checklist-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contacts-checklist-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contacts-checklist/contacts-checklist-item.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/contacts-checklist/contacts-checklist-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;;AAcjD,MAAM,OAAO,8BAA8B;IAN3C;QAOkB,aAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAqB,CAAC;QAC9C,eAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,sDAAC,CAAC;QACjD,YAAO,GAAG,KAAK,CAAC,QAAQ,kDAAW,CAAC;QACpC,kBAAa,GAAG,KAAK,mEAElC,CAAC;QAEY,uBAAkB,GAAG,KAAK,CAAC,QAAQ,6DAAqB,CAAC;QACzD,yBAAoB,GAAG,KAAK,CAAC,QAAQ,+DAAqB,CAAC;QAEjD,mBAAc,GAAG,IAAI,YAAY,EAExD,CAAC;QAMe,gBAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YACpC,OAAO,CACL,IAAI,CAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAC7C,IAAI,CAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAChD,CAAC;QACJ,CAAC,uDAAC,CAAC;KACJ;IAXW,gBAAgB,CAAC,KAAY,EAAE,OAA0B;QACjE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACrD,CAAC;8GAjBU,8BAA8B;kGAA9B,8BAA8B,m2BCvB3C,ohBAkBA,4CDGY,OAAO,0NAAE,WAAW,qMAAE,UAAU,oGAAE,eAAe;;2FAEhD,8BAA8B;kBAN1C,SAAS;+BACE,+BAA+B,mBAExB,uBAAuB,CAAC,MAAM,WACtC,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;sBAa3D,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  EventEmitter,\n  input,\n  Output,\n} from '@angular/core';\nimport { IonCheckbox, IonItem, IonSpinner } from '@ionic/angular/standalone';\nimport { PersonNamesPipe } from '@sneat/auth-ui';\nimport { IContactWithBrief, IContactWithCheck } from '@sneat/contactus-core';\n\ninterface IItemWithEvent<T> {\n  event: Event;\n  item: T;\n}\n\n@Component({\n  selector: 'sneat-contacts-checklist-item',\n  templateUrl: 'contacts-checklist-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [IonItem, IonCheckbox, IonSpinner, PersonNamesPipe],\n})\nexport class ContactsChecklistItemComponent {\n  public readonly $contact = input.required<IContactWithCheck>();\n  private readonly $contactID = computed(() => this.$contact().id);\n  public readonly $isLast = input.required<boolean>();\n  public readonly $lastItemLine = input<\n    undefined | 'full' | 'none' | 'inset'\n  >();\n\n  public readonly $checkedInProgress = input.required<readonly string[]>();\n  public readonly $uncheckedInProgress = input.required<readonly string[]>();\n\n  @Output() public readonly checkboxChange = new EventEmitter<\n    IItemWithEvent<IContactWithBrief>\n  >();\n\n  protected onCheckboxChange(event: Event, contact: IContactWithBrief): void {\n    this.checkboxChange.emit({ event, item: contact });\n  }\n\n  protected readonly $isDisabled = computed(() => {\n    const contactID = this.$contactID();\n    return (\n      this.$checkedInProgress().includes(contactID) ||\n      this.$uncheckedInProgress().includes(contactID)\n    );\n  });\n}\n","@let contact = $contact();\n\n<ion-item [lines]=\"$isLast() ? $lastItemLine() : undefined\">\n  <ion-checkbox\n    labelPlacement=\"end\"\n    justify=\"start\"\n    [value]=\"$contact().id\"\n    [checked]=\"contact.isChecked\"\n    [disabled]=\"$isDisabled()\"\n    (ionChange)=\"onCheckboxChange($event, contact)\"\n  >\n    {{ contact.brief.names | personNames }}\n    <!--TODO: use pipe-->\n  </ion-checkbox>\n  @if ($isDisabled()) {\n    <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n  }\n</ion-item>\n"]}

package/esm2022/lib/components/contacts-checklist/contacts-checklist.component.js

@@ -0,0 +1,140 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, input, Input, Output, signal, computed, effect, inject, } from '@angular/core';
+import { IonItem, IonLabel } from '@ionic/angular/standalone';
+import { ContactusSpaceService } from '@sneat/contactus-services';
+import { addSpace, } from '@sneat/contactus-core';
+import { computeSpaceIdFromSpaceRef, computeSpaceRefFromSpaceContext, } from '@sneat/space-models';
+import { ClassName, SneatBaseComponent } from '@sneat/ui';
+import { ContactsChecklistItemComponent } from './contacts-checklist-item.component';
+import * as i0 from "@angular/core";
+export class ContactsChecklistComponent extends SneatBaseComponent {
+    constructor() {
+        super();
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.contactusSpaceService = inject(ContactusSpaceService);
+        this.$lastItemLine = input(...(ngDevMode ? [undefined, { debugName: "$lastItemLine" }] : []));
+        this.$spaceRoles = input(['member'], ...(ngDevMode ? [{ debugName: "$spaceRoles" }] : []));
+        this.$spaceRolesToExclude = input(...(ngDevMode ? [undefined, { debugName: "$spaceRolesToExclude" }] : []));
+        this.$onlySelected = input(false, ...(ngDevMode ? [{ debugName: "$onlySelected" }] : []));
+        this.$checkedContactIDs = input.required(...(ngDevMode ? [{ debugName: "$checkedContactIDs" }] : []));
+        this.$checkedContactIDsOfSpace = computed(() => {
+            const suffix = '@' + this.$spaceID();
+            const checkedContactIDs = this.$checkedContactIDs();
+            return checkedContactIDs
+                ?.filter((id) => !id.includes('@') || id.endsWith(suffix))
+                .map((id) => (id.includes('@') ? id.slice(0, -suffix.length) : id));
+        }, ...(ngDevMode ? [{ debugName: "$checkedContactIDsOfSpace" }] : []));
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$spaceRef = computeSpaceRefFromSpaceContext(this.$space);
+        this.$spaceID = computeSpaceIdFromSpaceRef(this.$spaceRef);
+        this.roles = ['member'];
+        this.noContactsMessage = 'No members found';
+        this.checkedChange = new EventEmitter();
+        this.$spaceContacts = signal(undefined, ...(ngDevMode ? [{ debugName: "$spaceContacts" }] : []));
+        this.$contactsToDisplay = computed(() => {
+            const contacts = this.$spaceContacts(), roles = this.$spaceRoles(), rolesToExclude = this.$spaceRolesToExclude(), onlySelected = this.$onlySelected(), checkedInProgress = this.$checkedInProgress(), uncheckedInProgress = this.$uncheckedInProgress(), checkedContactIDs = this.$checkedContactIDsOfSpace();
+            const isSelected = (contactID) => !uncheckedInProgress.includes(contactID) &&
+                (checkedContactIDs?.includes(contactID) ||
+                    checkedInProgress.includes(contactID));
+            const hasIncludedRole = roles.length
+                ? (c) => roles.some((r) => c.brief?.roles?.includes(r))
+                : () => true;
+            const hasExcludedRole = rolesToExclude
+                ? (c) => rolesToExclude.some((r) => c.brief?.roles?.includes(r))
+                : () => false;
+            if (!contacts) {
+                return undefined;
+            }
+            const spaceRef = this.$spaceRef();
+            return contacts
+                .filter((c) => hasIncludedRole(c) && !hasExcludedRole(c))
+                .map((c) => ({
+                id: c.id,
+                brief: c.brief,
+                isChecked: isSelected(c.id),
+            }))
+                .filter((c) => !onlySelected || c.isChecked)
+                .map(addSpace(spaceRef));
+        }, ...(ngDevMode ? [{ debugName: "$contactsToDisplay" }] : []));
+        this.contactID = (_, contact) => contact.id;
+        this.$checkedInProgress = signal([], ...(ngDevMode ? [{ debugName: "$checkedInProgress" }] : []));
+        this.$uncheckedInProgress = signal([], ...(ngDevMode ? [{ debugName: "$uncheckedInProgress" }] : []));
+        effect(() => {
+            const spaceID = this.$spaceID();
+            this.contactusSpaceSubscription?.unsubscribe();
+            if (spaceID) {
+                this.subscribeForContactBriefs(this.$spaceID());
+            }
+        });
+    }
+    subscribeForContactBriefs(spaceID) {
+        this.contactusSpaceSubscription = this.contactusSpaceService
+            .watchContactBriefs(spaceID)
+            .pipe(this.takeUntilDestroyed())
+            .subscribe({
+            next: (contacts) => {
+                this.$spaceContacts.set(contacts);
+            },
+        });
+    }
+    onCheckboxChange(event, contact) {
+        const ce = event;
+        const cID = contact.id;
+        const checked = !!ce.detail.checked;
+        if (checked) {
+            if (!this.$checkedInProgress().includes(cID)) {
+                this.$checkedInProgress.update((v) => [...v, cID]);
+            }
+        }
+        else if (!this.$uncheckedInProgress().includes(cID)) {
+            this.$uncheckedInProgress.update((v) => [...v, cID]);
+        }
+        const clearInProgress = () => {
+            if (checked) {
+                this.$checkedInProgress.update((v) => v.filter((id) => id !== cID));
+            }
+            else {
+                this.$uncheckedInProgress.update((v) => v.filter((id) => id !== cID));
+            }
+            this.changeDetectorRef.markForCheck();
+        };
+        new Promise((resolve, reject) => {
+            this.checkedChange.emit({
+                event: ce,
+                id: cID,
+                checked,
+                resolve,
+                reject,
+            });
+        })
+            .then(clearInProgress)
+            .catch((err) => {
+            this.errorLogger.logError(err);
+            // Restore checkbox state with a delay
+            // to allow users to see that check change was registered and processed
+            setTimeout(clearInProgress, 500);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactsChecklistComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ContactsChecklistComponent, isStandalone: true, selector: "sneat-contacts-checklist", inputs: { $lastItemLine: { classPropertyName: "$lastItemLine", publicName: "$lastItemLine", isSignal: true, isRequired: false, transformFunction: null }, $spaceRoles: { classPropertyName: "$spaceRoles", publicName: "$spaceRoles", isSignal: true, isRequired: false, transformFunction: null }, $spaceRolesToExclude: { classPropertyName: "$spaceRolesToExclude", publicName: "$spaceRolesToExclude", isSignal: true, isRequired: false, transformFunction: null }, $onlySelected: { classPropertyName: "$onlySelected", publicName: "$onlySelected", isSignal: true, isRequired: false, transformFunction: null }, $checkedContactIDs: { classPropertyName: "$checkedContactIDs", publicName: "$checkedContactIDs", isSignal: true, isRequired: true, transformFunction: null }, $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, roles: { classPropertyName: "roles", publicName: "roles", isSignal: false, isRequired: false, transformFunction: null }, noContactsMessage: { classPropertyName: "noContactsMessage", publicName: "noContactsMessage", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'ContactsChecklistComponent',
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<!--$checkedContactIDsOfSpace: {{$checkedContactIDsOfSpace()}}-->\n@for (\n  contact of $contactsToDisplay() || [];\n  track contact.id;\n  let last = $last\n) {\n  <sneat-contacts-checklist-item\n    [$contact]=\"contact\"\n    [$isLast]=\"last\"\n    [$lastItemLine]=\"$lastItemLine()\"\n    [$checkedInProgress]=\"$checkedInProgress()\"\n    [$uncheckedInProgress]=\"$uncheckedInProgress()\"\n    (checkboxChange)=\"onCheckboxChange($event.event, $event.item)\"\n  />\n} @empty {\n  <ion-item>\n    @if ($spaceContacts()) {\n      <ion-label color=\"medium\">{{\n        noContactsMessage || \"No contacts\"\n      }}</ion-label>\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n  </ion-item>\n}\n", dependencies: [{ kind: "component", type: ContactsChecklistItemComponent, selector: "sneat-contacts-checklist-item", inputs: ["$contact", "$isLast", "$lastItemLine", "$checkedInProgress", "$uncheckedInProgress"], outputs: ["checkboxChange"] }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactsChecklistComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-contacts-checklist', imports: [ContactsChecklistItemComponent, IonItem, IonLabel], providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'ContactsChecklistComponent',
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--$checkedContactIDsOfSpace: {{$checkedContactIDsOfSpace()}}-->\n@for (\n  contact of $contactsToDisplay() || [];\n  track contact.id;\n  let last = $last\n) {\n  <sneat-contacts-checklist-item\n    [$contact]=\"contact\"\n    [$isLast]=\"last\"\n    [$lastItemLine]=\"$lastItemLine()\"\n    [$checkedInProgress]=\"$checkedInProgress()\"\n    [$uncheckedInProgress]=\"$uncheckedInProgress()\"\n    (checkboxChange)=\"onCheckboxChange($event.event, $event.item)\"\n  />\n} @empty {\n  <ion-item>\n    @if ($spaceContacts()) {\n      <ion-label color=\"medium\">{{\n        noContactsMessage || \"No contacts\"\n      }}</ion-label>\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n  </ion-item>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { $lastItemLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "$lastItemLine", required: false }] }], $spaceRoles: [{ type: i0.Input, args: [{ isSignal: true, alias: "$spaceRoles", required: false }] }], $spaceRolesToExclude: [{ type: i0.Input, args: [{ isSignal: true, alias: "$spaceRolesToExclude", required: false }] }], $onlySelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "$onlySelected", required: false }] }], $checkedContactIDs: [{ type: i0.Input, args: [{ isSignal: true, alias: "$checkedContactIDs", required: true }] }], $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], roles: [{
+                type: Input
+            }], noContactsMessage: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=contacts-checklist.component.js.map

package/esm2022/lib/components/contacts-checklist/contacts-checklist.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contacts-checklist.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contacts-checklist/contacts-checklist.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/contacts-checklist/contacts-checklist.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  input,\n  Input,\n  Output,\n  signal,\n  computed,\n  effect,\n  inject,\n} from '@angular/core';\nimport { IonItem, IonLabel } from '@ionic/angular/standalone';\nimport { ContactusSpaceService } from '@sneat/contactus-services';\nimport {\n  addSpace,\n  IContactWithBrief,\n  IContactWithCheck,\n} from '@sneat/contactus-core';\nimport {\n  computeSpaceIdFromSpaceRef,\n  computeSpaceRefFromSpaceContext,\n  ISpaceContext,\n} from '@sneat/space-models';\nimport { ClassName, SneatBaseComponent } from '@sneat/ui';\nimport { Subscription } from 'rxjs';\nimport { ContactsChecklistItemComponent } from './contacts-checklist-item.component';\n\nexport interface ICheckChangedArgs {\n  event: Event;\n  id: string;\n  checked: boolean;\n  resolve: () => void;\n  reject: (reason?: unknown) => void;\n}\n\n@Component({\n  selector: 'sneat-contacts-checklist',\n  templateUrl: './contacts-checklist.component.html',\n  imports: [ContactsChecklistItemComponent, IonItem, IonLabel],\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'ContactsChecklistComponent',\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContactsChecklistComponent extends SneatBaseComponent {\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly contactusSpaceService = inject(ContactusSpaceService);\n\n  public readonly $lastItemLine = input<\n    undefined | 'full' | 'none' | 'inset'\n  >();\n\n  public readonly $spaceRoles = input<readonly string[]>(['member']);\n  public readonly $spaceRolesToExclude = input<undefined | readonly string[]>();\n  public readonly $onlySelected = input<boolean>(false);\n  public readonly $checkedContactIDs = input.required<\n    readonly string[] | undefined\n  >();\n\n  protected readonly $checkedContactIDsOfSpace = computed(() => {\n    const suffix = '@' + this.$spaceID();\n    const checkedContactIDs = this.$checkedContactIDs();\n    return checkedContactIDs\n      ?.filter((id) => !id.includes('@') || id.endsWith(suffix))\n      .map((id) => (id.includes('@') ? id.slice(0, -suffix.length) : id));\n  });\n\n  public readonly $space = input.required<ISpaceContext>();\n  protected readonly $spaceRef = computeSpaceRefFromSpaceContext(this.$space);\n  protected readonly $spaceID = computeSpaceIdFromSpaceRef(this.$spaceRef);\n\n  space?: ISpaceContext;\n  @Input() roles: string[] = ['member'];\n\n  @Input() noContactsMessage = 'No members found';\n\n  @Output() readonly checkedChange = new EventEmitter<ICheckChangedArgs>();\n\n  private contactusSpaceSubscription?: Subscription;\n\n  protected readonly $spaceContacts = signal<IContactWithBrief[] | undefined>(\n    undefined,\n  );\n\n  protected readonly $contactsToDisplay = computed<\n    undefined | readonly IContactWithCheck[]\n  >(() => {\n    const contacts = this.$spaceContacts(),\n      roles = this.$spaceRoles(),\n      rolesToExclude = this.$spaceRolesToExclude(),\n      onlySelected = this.$onlySelected(),\n      checkedInProgress = this.$checkedInProgress(),\n      uncheckedInProgress = this.$uncheckedInProgress(),\n      checkedContactIDs = this.$checkedContactIDsOfSpace();\n\n    const isSelected = (contactID: string) =>\n      !uncheckedInProgress.includes(contactID) &&\n      (checkedContactIDs?.includes(contactID) ||\n        checkedInProgress.includes(contactID));\n\n    const hasIncludedRole = roles.length\n      ? (c: IContactWithBrief) => roles.some((r) => c.brief?.roles?.includes(r))\n      : () => true;\n\n    const hasExcludedRole = rolesToExclude\n      ? (c: IContactWithBrief) =>\n          rolesToExclude.some((r) => c.brief?.roles?.includes(r))\n      : () => false;\n\n    if (!contacts) {\n      return undefined;\n    }\n\n    const spaceRef = this.$spaceRef();\n\n    return contacts\n      .filter((c) => hasIncludedRole(c) && !hasExcludedRole(c))\n      .map((c) => ({\n        id: c.id,\n        brief: c.brief,\n        isChecked: isSelected(c.id),\n      }))\n      .filter((c) => !onlySelected || c.isChecked)\n      .map(addSpace(spaceRef));\n  });\n\n  protected readonly contactID = (_: number, contact: IContactWithBrief) =>\n    contact.id;\n\n  constructor() {\n    super();\n    effect(() => {\n      const spaceID = this.$spaceID();\n      this.contactusSpaceSubscription?.unsubscribe();\n      if (spaceID) {\n        this.subscribeForContactBriefs(this.$spaceID());\n      }\n    });\n  }\n\n  private subscribeForContactBriefs(spaceID: string): void {\n    this.contactusSpaceSubscription = this.contactusSpaceService\n      .watchContactBriefs(spaceID)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe({\n        next: (contacts) => {\n          this.$spaceContacts.set(contacts);\n        },\n      });\n  }\n\n  protected readonly $checkedInProgress = signal<readonly string[]>([]);\n  protected readonly $uncheckedInProgress = signal<readonly string[]>([]);\n\n  protected onCheckboxChange(event: Event, contact: IContactWithBrief): void {\n    const ce = event as CustomEvent;\n    const cID = contact.id;\n    const checked = !!ce.detail.checked;\n    if (checked) {\n      if (!this.$checkedInProgress().includes(cID)) {\n        this.$checkedInProgress.update((v) => [...v, cID]);\n      }\n    } else if (!this.$uncheckedInProgress().includes(cID)) {\n      this.$uncheckedInProgress.update((v) => [...v, cID]);\n    }\n    const clearInProgress = () => {\n      if (checked) {\n        this.$checkedInProgress.update((v) => v.filter((id) => id !== cID));\n      } else {\n        this.$uncheckedInProgress.update((v) => v.filter((id) => id !== cID));\n      }\n      this.changeDetectorRef.markForCheck();\n    };\n    new Promise<void>((resolve, reject) => {\n      this.checkedChange.emit({\n        event: ce,\n        id: cID,\n        checked,\n        resolve,\n        reject,\n      });\n    })\n      .then(clearInProgress)\n      .catch((err) => {\n        this.errorLogger.logError(err);\n\n        // Restore checkbox state with a delay\n        // to allow users to see that check change was registered and processed\n        setTimeout(clearInProgress, 500);\n      });\n  }\n}\n","<!--$checkedContactIDsOfSpace: {{$checkedContactIDsOfSpace()}}-->\n@for (\n  contact of $contactsToDisplay() || [];\n  track contact.id;\n  let last = $last\n) {\n  <sneat-contacts-checklist-item\n    [$contact]=\"contact\"\n    [$isLast]=\"last\"\n    [$lastItemLine]=\"$lastItemLine()\"\n    [$checkedInProgress]=\"$checkedInProgress()\"\n    [$uncheckedInProgress]=\"$uncheckedInProgress()\"\n    (checkboxChange)=\"onCheckboxChange($event.event, $event.item)\"\n  />\n} @empty {\n  <ion-item>\n    @if ($spaceContacts()) {\n      <ion-label color=\"medium\">{{\n        noContactsMessage || \"No contacts\"\n      }}</ion-label>\n    } @else {\n      <ion-label>Loading...</ion-label>\n    }\n  </ion-item>\n}\n"]}

package/esm2022/lib/components/contacts-checklist/index.js

@@ -0,0 +1,2 @@
+export * from './contacts-checklist.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/contacts-checklist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contacts-checklist/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './contacts-checklist.component';\n"]}