@sneat/contactus-shared 0.2.0

package/esm2022/lib/components/contact-details/related-contacts.component.js

@@ -0,0 +1,116 @@
+import { LowerCasePipe } from '@angular/common';
+import { Component, computed, effect, input, signal, inject, } from '@angular/core';
+import { IonButton, IonButtons, IonCard, IonIcon, IonItem, IonItemDivider, IonItemSliding, IonLabel, IonSpinner, } from '@ionic/angular/standalone';
+import { addSpace } from '@sneat/contactus-core';
+import { ContactusSpaceService } from '@sneat/contactus-services';
+import { listItemAnimations } from '@sneat/core';
+import { ContactsListItemComponent } from '../contacts-list-item/contacts-list-item.component';
+import { getRelatedItems, } from '@sneat/dto';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import * as i0 from "@angular/core";
+const emptyRelatedGroups = [
+    {
+        title: 'Parents',
+        relatedAs: 'parent',
+    },
+    {
+        title: 'Children',
+        relatedAs: 'child',
+    },
+    {
+        title: 'Siblings',
+        relatedAs: 'sibling',
+    },
+    {
+        title: 'Friends',
+        relatedAs: 'friend',
+    },
+    {
+        title: 'Other',
+        relatedAs: 'other',
+        maxCount: 1,
+    },
+];
+const emptyRelatedGroupRoles = emptyRelatedGroups
+    .map((g) => g.relatedAs)
+    .filter((id) => id !== 'other');
+export class RelatedContactsComponent extends WithSpaceInput {
+    constructor() {
+        super();
+        this.contactusSpaceService = inject(ContactusSpaceService);
+        this.$relatedTo = input.required(...(ngDevMode ? [{ debugName: "$relatedTo" }] : []));
+        this.$related = computed(() => this.$relatedTo()?.related, ...(ngDevMode ? [{ debugName: "$related" }] : []));
+        this.$spaceContacts = signal(undefined, ...(ngDevMode ? [{ debugName: "$spaceContacts" }] : []));
+        this.$relatedItems = computed(() => {
+            const related = this.$related() || {};
+            const contactus = related['contactus'];
+            return (contactus && contactus['contacts']) || [];
+        }, ...(ngDevMode ? [{ debugName: "$relatedItems" }] : []));
+        this.$relatedContacts = computed(() => {
+            const relatedItems = this.$relatedItems();
+            if (!relatedItems) {
+                return undefined;
+            }
+            const spaceContacts = this.$spaceContacts();
+            return spaceContacts?.filter((c) => relatedItems[c.id]);
+        }, ...(ngDevMode ? [{ debugName: "$relatedContacts" }] : []));
+        this.$relatedGroups = computed(() => {
+            const relatedContacts = this.$relatedContacts();
+            const related = this.$related();
+            if (!related || !relatedContacts) {
+                return emptyRelatedGroups;
+            }
+            const relatedItems = getRelatedItems('contactus', 'contacts', related);
+            return emptyRelatedGroups.map((g) => Object.assign(g, {
+                contacts: relatedContacts?.filter((c) => {
+                    const ri = relatedItems[c.id];
+                    return (ri?.rolesOfItem &&
+                        (g.relatedAs === `other`
+                            ? !emptyRelatedGroupRoles.some((r) => ri.rolesOfItem && ri.rolesOfItem[r])
+                            : ri.rolesOfItem[g.relatedAs]));
+                }) || [],
+            }));
+        }, ...(ngDevMode ? [{ debugName: "$relatedGroups" }] : []));
+        let prevSpaceID;
+        effect(() => {
+            const spaceID = this.$spaceID();
+            if (spaceID !== prevSpaceID) {
+                this.subscription?.unsubscribe();
+                prevSpaceID = spaceID;
+            }
+            if (!spaceID) {
+                return;
+            }
+            this.subscription = this.contactusSpaceService
+                .watchContactBriefs(spaceID)
+                .pipe(this.takeUntilDestroyed())
+                .subscribe((briefs) => {
+                const space = this.$space();
+                if (space.id !== spaceID) {
+                    throw new Error('space.id !== spaceID');
+                }
+                this.$spaceContacts.set(briefs.map(addSpace(space)) || []);
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RelatedContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: RelatedContactsComponent, isStandalone: true, selector: "sneat-related-contacts", inputs: { $relatedTo: { classPropertyName: "$relatedTo", publicName: "$relatedTo", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{ provide: ClassName, useValue: 'RelatedContactsComponent' }], usesInheritance: true, ngImport: i0, template: "<ion-card>\n  @for (relatedGroup of $relatedGroups(); track relatedGroup.relatedAs) {\n    <ion-item lines=\"full\" color=\"light\" class=\"sneat-tiny-end-padding\">\n      <ion-label>{{ relatedGroup.title }}</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button>\n          <ion-icon name=\"add\" slot=\"start\" />\n          <ion-label>Add</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item>\n    @if (relatedGroup.contacts) {\n      @for (\n        contact of relatedGroup.contacts;\n        track contact.id;\n        let last = $last\n      ) {\n        <ion-item-sliding @listItem>\n          <sneat-contacts-list-item\n            [hideCheckbox]=\"true\"\n            [showRelatedAs]=\"false\"\n            [showBorder]=\"last ? 'full' : 'inset'\"\n            [$space]=\"$space()\"\n            [$contact]=\"contact\"\n            [relatedTo]=\"$relatedTo()\"\n          />\n        </ion-item-sliding>\n      } @empty {\n        <ion-item-divider>\n          <ion-label>\n            @if (relatedGroup.relatedAs === \"other\") {\n              No other contacts add yet.\n            } @else {\n              No {{ relatedGroup.title | lowercase }} add yet.\n            }\n          </ion-label>\n        </ion-item-divider>\n      }\n    } @else {\n      <ion-item lines=\"full\">\n        <ion-label color=\"medium\">Loading...</ion-label>\n        <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n      </ion-item>\n    }\n  }\n</ion-card>\n", dependencies: [{ kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { 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: ContactsListItemComponent, selector: "sneat-contacts-list-item", inputs: ["$contact", "$space", "hideCheckbox", "excludeRole", "showAddress", "showBorder", "hideRoles", "relatedTo", "showRelatedAs", "showRelatedItems", "contactClicked"], outputs: ["checkChange"] }, { kind: "component", type: IonItemSliding, selector: "ion-item-sliding", inputs: ["disabled"] }, { 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: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }], animations: [listItemAnimations] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RelatedContactsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-related-contacts', animations: [listItemAnimations], imports: [
+                        IonCard,
+                        IonItem,
+                        IonLabel,
+                        ContactsListItemComponent,
+                        IonItemSliding,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonItemDivider,
+                        LowerCasePipe,
+                        IonSpinner,
+                    ], providers: [{ provide: ClassName, useValue: 'RelatedContactsComponent' }], template: "<ion-card>\n  @for (relatedGroup of $relatedGroups(); track relatedGroup.relatedAs) {\n    <ion-item lines=\"full\" color=\"light\" class=\"sneat-tiny-end-padding\">\n      <ion-label>{{ relatedGroup.title }}</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button>\n          <ion-icon name=\"add\" slot=\"start\" />\n          <ion-label>Add</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item>\n    @if (relatedGroup.contacts) {\n      @for (\n        contact of relatedGroup.contacts;\n        track contact.id;\n        let last = $last\n      ) {\n        <ion-item-sliding @listItem>\n          <sneat-contacts-list-item\n            [hideCheckbox]=\"true\"\n            [showRelatedAs]=\"false\"\n            [showBorder]=\"last ? 'full' : 'inset'\"\n            [$space]=\"$space()\"\n            [$contact]=\"contact\"\n            [relatedTo]=\"$relatedTo()\"\n          />\n        </ion-item-sliding>\n      } @empty {\n        <ion-item-divider>\n          <ion-label>\n            @if (relatedGroup.relatedAs === \"other\") {\n              No other contacts add yet.\n            } @else {\n              No {{ relatedGroup.title | lowercase }} add yet.\n            }\n          </ion-label>\n        </ion-item-divider>\n      }\n    } @else {\n      <ion-item lines=\"full\">\n        <ion-label color=\"medium\">Loading...</ion-label>\n        <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n      </ion-item>\n    }\n  }\n</ion-card>\n" }]
+        }], ctorParameters: () => [], propDecorators: { $relatedTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "$relatedTo", required: true }] }] } });
+//# sourceMappingURL=related-contacts.component.js.map

package/esm2022/lib/components/contact-details/related-contacts.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-contacts.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contact-details/related-contacts.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/contact-details/related-contacts.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAqB,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAC/F,OAAO,EACL,eAAe,GAIhB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;;AAStC,MAAM,kBAAkB,GAA6B;IACnD;QACE,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,SAAS;KACrB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD;QACE,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,kBAAkB;KAC9C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;KACvB,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;AAqBlC,MAAM,OAAO,wBAAyB,SAAQ,cAAc;IA0D1D;QACE,KAAK,EAAE,CAAC;QA1DO,0BAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAEvD,eAAU,GAAG,KAAK,CAAC,QAAQ,qDAA0B,CAAC;QAEtD,aAAQ,GAAG,QAAQ,CACjC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,OAAO,oDACjC,CAAC;QAEiB,mBAAc,GAAG,MAAM,CAExC,SAAS,0DAAC,CAAC;QAEM,kBAAa,GAAG,QAAQ,CAA4B,GAAG,EAAE;YAC1E,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;YACtC,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;YACvC,OAAO,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC;QACpD,CAAC,yDAAC,CAAC;QAEgB,qBAAgB,GAAG,QAAQ,CAE5C,GAAG,EAAE;YACL,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;YAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1D,CAAC,4DAAC,CAAC;QAIO,mBAAc,GAAG,QAAQ,CAA2B,GAAG,EAAE;YACjE,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAChD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,IAAI,CAAC,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;gBACjC,OAAO,kBAAkB,CAAC;YAC5B,CAAC;YACD,MAAM,YAAY,GAAG,eAAe,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;YAEvE,OAAO,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAClC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE;gBACf,QAAQ,EACN,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;oBAC5B,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC9B,OAAO,CACL,EAAE,EAAE,WAAW;wBACf,CAAC,CAAC,CAAC,SAAS,KAAK,OAAO;4BACtB,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAC1B,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAC3C;4BACH,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACjC,CAAC;gBACJ,CAAC,CAAC,IAAI,EAAE;aACX,CAAC,CACH,CAAC;QACJ,CAAC,0DAAC,CAAC;QAID,IAAI,WAAmB,CAAC;QACxB,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;gBAC5B,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC;gBACjC,WAAW,GAAG,OAAO,CAAC;YACxB,CAAC;YACD,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,qBAAqB;iBAC3C,kBAAkB,CAAC,OAAO,CAAC;iBAC3B,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;iBAC/B,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC5B,IAAI,KAAK,CAAC,EAAE,KAAK,OAAO,EAAE,CAAC;oBACzB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;gBAC1C,CAAC;gBACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YAC7D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACL,CAAC;8GAjFU,wBAAwB;kGAAxB,wBAAwB,uNAFxB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,0BAA0B,EAAE,CAAC,iDCtF3E,s+CA8CA,4CD4BI,OAAO,yLACP,OAAO,0NACP,QAAQ,6FACR,yBAAyB,4QACzB,cAAc,mFACd,UAAU,8EACV,SAAS,oPACT,OAAO,2JACP,cAAc,kGAEd,UAAU,oGADV,aAAa,oCAXH,CAAC,kBAAkB,CAAC;;2FAgBrB,wBAAwB;kBAnBpC,SAAS;+BACE,wBAAwB,cAEtB,CAAC,kBAAkB,CAAC,WACvB;wBACP,OAAO;wBACP,OAAO;wBACP,QAAQ;wBACR,yBAAyB;wBACzB,cAAc;wBACd,UAAU;wBACV,SAAS;wBACT,OAAO;wBACP,cAAc;wBACd,aAAa;wBACb,UAAU;qBACX,aACU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,0BAA0B,EAAE,CAAC","sourcesContent":["import { LowerCasePipe } from '@angular/common';\nimport {\n  Component,\n  computed,\n  effect,\n  input,\n  signal,\n  inject,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonCard,\n  IonIcon,\n  IonItem,\n  IonItemDivider,\n  IonItemSliding,\n  IonLabel,\n  IonSpinner,\n} from '@ionic/angular/standalone';\nimport { addSpace, IContactWithCheck } from '@sneat/contactus-core';\nimport { ContactusSpaceService } from '@sneat/contactus-services';\nimport { listItemAnimations } from '@sneat/core';\nimport { ContactsListItemComponent } from '../contacts-list-item/contacts-list-item.component';\nimport {\n  getRelatedItems,\n  IRelatedItems,\n  IRelatedModules,\n  IRelatedTo,\n} from '@sneat/dto';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { Subscription } from 'rxjs';\nimport { ClassName } from '@sneat/ui';\n\ninterface IRelatedGroup {\n  readonly title: string;\n  readonly maxCount?: number;\n  readonly relatedAs: string;\n  readonly contacts?: readonly IContactWithCheck[];\n}\n\nconst emptyRelatedGroups: readonly IRelatedGroup[] = [\n  {\n    title: 'Parents',\n    relatedAs: 'parent',\n  },\n  {\n    title: 'Children',\n    relatedAs: 'child',\n  },\n  {\n    title: 'Siblings',\n    relatedAs: 'sibling',\n  },\n  {\n    title: 'Friends',\n    relatedAs: 'friend',\n  },\n  {\n    title: 'Other',\n    relatedAs: 'other',\n    maxCount: 1,\n  },\n];\n\nconst emptyRelatedGroupRoles = emptyRelatedGroups\n  .map((g) => g.relatedAs)\n  .filter((id) => id !== 'other');\n\n@Component({\n  selector: 'sneat-related-contacts',\n  templateUrl: './related-contacts.component.html',\n  animations: [listItemAnimations],\n  imports: [\n    IonCard,\n    IonItem,\n    IonLabel,\n    ContactsListItemComponent,\n    IonItemSliding,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonItemDivider,\n    LowerCasePipe,\n    IonSpinner,\n  ],\n  providers: [{ provide: ClassName, useValue: 'RelatedContactsComponent' }],\n})\nexport class RelatedContactsComponent extends WithSpaceInput {\n  private readonly contactusSpaceService = inject(ContactusSpaceService);\n\n  public readonly $relatedTo = input.required<IRelatedTo | undefined>();\n\n  public readonly $related = computed<IRelatedModules | undefined>(\n    () => this.$relatedTo()?.related,\n  );\n\n  protected readonly $spaceContacts = signal<\n    readonly IContactWithCheck[] | undefined\n  >(undefined);\n\n  protected readonly $relatedItems = computed<IRelatedItems | undefined>(() => {\n    const related = this.$related() || {};\n    const contactus = related['contactus'];\n    return (contactus && contactus['contacts']) || [];\n  });\n\n  protected readonly $relatedContacts = computed<\n    readonly IContactWithCheck[] | undefined\n  >(() => {\n    const relatedItems = this.$relatedItems();\n    if (!relatedItems) {\n      return undefined;\n    }\n    const spaceContacts = this.$spaceContacts();\n    return spaceContacts?.filter((c) => relatedItems[c.id]);\n  });\n\n  private subscription?: Subscription;\n\n  protected $relatedGroups = computed<readonly IRelatedGroup[]>(() => {\n    const relatedContacts = this.$relatedContacts();\n    const related = this.$related();\n    if (!related || !relatedContacts) {\n      return emptyRelatedGroups;\n    }\n    const relatedItems = getRelatedItems('contactus', 'contacts', related);\n\n    return emptyRelatedGroups.map((g) =>\n      Object.assign(g, {\n        contacts:\n          relatedContacts?.filter((c) => {\n            const ri = relatedItems[c.id];\n            return (\n              ri?.rolesOfItem &&\n              (g.relatedAs === `other`\n                ? !emptyRelatedGroupRoles.some(\n                    (r) => ri.rolesOfItem && ri.rolesOfItem[r],\n                  )\n                : ri.rolesOfItem[g.relatedAs])\n            );\n          }) || [],\n      }),\n    );\n  });\n\n  constructor() {\n    super();\n    let prevSpaceID: string;\n    effect(() => {\n      const spaceID = this.$spaceID();\n      if (spaceID !== prevSpaceID) {\n        this.subscription?.unsubscribe();\n        prevSpaceID = spaceID;\n      }\n      if (!spaceID) {\n        return;\n      }\n      this.subscription = this.contactusSpaceService\n        .watchContactBriefs(spaceID)\n        .pipe(this.takeUntilDestroyed())\n        .subscribe((briefs) => {\n          const space = this.$space();\n          if (space.id !== spaceID) {\n            throw new Error('space.id !== spaceID');\n          }\n          this.$spaceContacts.set(briefs.map(addSpace(space)) || []);\n        });\n    });\n  }\n}\n","<ion-card>\n  @for (relatedGroup of $relatedGroups(); track relatedGroup.relatedAs) {\n    <ion-item lines=\"full\" color=\"light\" class=\"sneat-tiny-end-padding\">\n      <ion-label>{{ relatedGroup.title }}</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button>\n          <ion-icon name=\"add\" slot=\"start\" />\n          <ion-label>Add</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item>\n    @if (relatedGroup.contacts) {\n      @for (\n        contact of relatedGroup.contacts;\n        track contact.id;\n        let last = $last\n      ) {\n        <ion-item-sliding @listItem>\n          <sneat-contacts-list-item\n            [hideCheckbox]=\"true\"\n            [showRelatedAs]=\"false\"\n            [showBorder]=\"last ? 'full' : 'inset'\"\n            [$space]=\"$space()\"\n            [$contact]=\"contact\"\n            [relatedTo]=\"$relatedTo()\"\n          />\n        </ion-item-sliding>\n      } @empty {\n        <ion-item-divider>\n          <ion-label>\n            @if (relatedGroup.relatedAs === \"other\") {\n              No other contacts add yet.\n            } @else {\n              No {{ relatedGroup.title | lowercase }} add yet.\n            }\n          </ion-label>\n        </ion-item-divider>\n      }\n    } @else {\n      <ion-item lines=\"full\">\n        <ion-label color=\"medium\">Loading...</ion-label>\n        <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n      </ion-item>\n    }\n  }\n</ion-card>\n"]}

package/esm2022/lib/components/contact-dob/contact-dob.component.js

@@ -0,0 +1,57 @@
+import { Component, ChangeDetectionStrategy, input, computed, inject, signal, } from '@angular/core';
+import { DateInputComponent } from '@sneat/components';
+import { ContactService, } from '@sneat/contactus-services';
+import { ClassName, SneatBaseComponent } from '@sneat/ui';
+import * as i0 from "@angular/core";
+export class ContactDobComponent extends SneatBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.$contact = input.required(...(ngDevMode ? [{ debugName: "$contact" }] : []));
+        this.$updating = signal(false, ...(ngDevMode ? [{ debugName: "$updating" }] : []));
+        this.$dob = computed(() => {
+            const contact = this.$contact();
+            return contact?.dbo ? contact.dbo.dob || '' : undefined;
+        }, ...(ngDevMode ? [{ debugName: "$dob" }] : []));
+        this.today = new Date().toISOString().slice(0, 10);
+        this.contactService = inject(ContactService);
+    }
+    onDobChanged(dateOfBirth) {
+        const contact = this.$contact();
+        if (!contact) {
+            return;
+        }
+        const spaceID = contact.space.id;
+        const request = {
+            spaceID,
+            contactID: contact.id,
+            dateOfBirth,
+        };
+        this.$updating.set(true);
+        this.contactService.updateContact(request).subscribe({
+            next: () => {
+                this.$updating.set(false);
+            },
+            error: (err) => {
+                this.$updating.set(false);
+                this.errorLogger.logError(err, 'failed to update contact date of birth');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactDobComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ContactDobComponent, isStandalone: true, selector: "sneat-contact-dob", inputs: { $contact: { classPropertyName: "$contact", publicName: "$contact", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'ContactDobComponent',
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<sneat-date-input\n  [$label]=\"'Date of birth'\"\n  [$value]=\"$dob()\"\n  [$updating]=\"$updating()\"\n  [$max]=\"today\"\n  (valueChange)=\"onDobChanged($event)\"\n/>\n", dependencies: [{ kind: "component", type: DateInputComponent, selector: "sneat-date-input", inputs: ["$label", "$value", "$max", "$updating", "$noValueLabel", "$noValueButtonColor"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactDobComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-contact-dob', imports: [DateInputComponent], providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'ContactDobComponent',
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sneat-date-input\n  [$label]=\"'Date of birth'\"\n  [$value]=\"$dob()\"\n  [$updating]=\"$updating()\"\n  [$max]=\"today\"\n  (valueChange)=\"onDobChanged($event)\"\n/>\n" }]
+        }], propDecorators: { $contact: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contact", required: true }] }] } });
+//# sourceMappingURL=contact-dob.component.js.map

package/esm2022/lib/components/contact-dob/contact-dob.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-dob.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contact-dob/contact-dob.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/contact-dob/contact-dob.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EACL,cAAc,GAEf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;;AAc1D,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IAZ3D;;QAakB,aAAQ,GAAG,KAAK,CAAC,QAAQ,mDAA+B,CAAC;QACzD,cAAS,GAAG,MAAM,CAAC,KAAK,qDAAC,CAAC;QAEvB,SAAI,GAAG,QAAQ,CAAC,GAAG,EAAE;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,OAAO,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1D,CAAC,gDAAC,CAAC;QAEgB,UAAK,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEhD,mBAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;KA4B1D;IA1BW,YAAY,CAAC,WAA+B;QACpD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAEjC,MAAM,OAAO,GAA0B;YACrC,OAAO;YACP,SAAS,EAAE,OAAO,CAAC,EAAE;YACrB,WAAW;SACZ,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC;YACnD,IAAI,EAAE,GAAS,EAAE;gBACf,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC1B,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,GAAG,EACH,wCAAwC,CACzC,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;8GAtCU,mBAAmB;kGAAnB,mBAAmB,4MARnB;YACT;gBACE,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,qBAAqB;aAChC;SACF,iDCzBH,6KAOA,4CDYY,kBAAkB;;2FASjB,mBAAmB;kBAZ/B,SAAS;+BACE,mBAAmB,WAEpB,CAAC,kBAAkB,CAAC,aAClB;wBACT;4BACE,OAAO,EAAE,SAAS;4BAClB,QAAQ,EAAE,qBAAqB;yBAChC;qBACF,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\nimport { DateInputComponent } from '@sneat/components';\nimport { IContactContext } from '@sneat/contactus-core';\nimport {\n  ContactService,\n  IUpdateContactRequest,\n} from '@sneat/contactus-services';\nimport { ClassName, SneatBaseComponent } from '@sneat/ui';\n\n@Component({\n  selector: 'sneat-contact-dob',\n  templateUrl: './contact-dob.component.html',\n  imports: [DateInputComponent],\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'ContactDobComponent',\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContactDobComponent extends SneatBaseComponent {\n  public readonly $contact = input.required<IContactContext | undefined>();\n  public readonly $updating = signal(false);\n\n  protected readonly $dob = computed(() => {\n    const contact = this.$contact();\n    return contact?.dbo ? contact.dbo.dob || '' : undefined;\n  });\n\n  protected readonly today = new Date().toISOString().slice(0, 10);\n\n  private readonly contactService = inject(ContactService);\n\n  protected onDobChanged(dateOfBirth: string | undefined): void {\n    const contact = this.$contact();\n    if (!contact) {\n      return;\n    }\n    const spaceID = contact.space.id;\n\n    const request: IUpdateContactRequest = {\n      spaceID,\n      contactID: contact.id,\n      dateOfBirth,\n    };\n    this.$updating.set(true);\n    this.contactService.updateContact(request).subscribe({\n      next: (): void => {\n        this.$updating.set(false);\n      },\n      error: (err) => {\n        this.$updating.set(false);\n        this.errorLogger.logError(\n          err,\n          'failed to update contact date of birth',\n        );\n      },\n    });\n  }\n}\n","<sneat-date-input\n  [$label]=\"'Date of birth'\"\n  [$value]=\"$dob()\"\n  [$updating]=\"$updating()\"\n  [$max]=\"today\"\n  (valueChange)=\"onDobChanged($event)\"\n/>\n"]}

package/esm2022/lib/components/contact-dob/index.js

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

package/esm2022/lib/components/contact-dob/index.js.map

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

package/esm2022/lib/components/contact-events.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=contact-events.js.map

package/esm2022/lib/components/contact-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-events.js","sourceRoot":"","sources":["../../../../../../../libs/contactus/shared/src/lib/components/contact-events.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  ContactGroupWithIdAndBrief,\n  IContactRoleWithIdAndBrief,\n} from '@sneat/contactus-core';\n\nexport interface IContactAddEventArgs {\n  event: Event;\n  group?: ContactGroupWithIdAndBrief;\n  role?: IContactRoleWithIdAndBrief;\n}\n"]}

package/esm2022/lib/components/contact-forms/contact-form-base.component.js

@@ -0,0 +1,30 @@
+import { Directive, EventEmitter, input, Output } from '@angular/core';
+import { WithSpaceInput } from '@sneat/space-services';
+import * as i0 from "@angular/core";
+export class ContactFormBaseComponent extends WithSpaceInput {
+    constructor() {
+        super(...arguments);
+        // Should $hideRole be in NewContactFormBaseComponent?
+        this.$hideRole = input(...(ngDevMode ? [undefined, { debugName: "$hideRole" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactFormBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ContactFormBaseComponent, isStandalone: true, inputs: { $hideRole: { classPropertyName: "$hideRole", publicName: "$hideRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactFormBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { $hideRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "$hideRole", required: false }] }] } });
+export class EditContactFormBaseComponent extends ContactFormBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.$contact = input.required(...(ngDevMode ? [{ debugName: "$contact" }] : []));
+        this.contactChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EditContactFormBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: EditContactFormBaseComponent, isStandalone: true, inputs: { $contact: { classPropertyName: "$contact", publicName: "$contact", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { contactChange: "contactChange" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EditContactFormBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { $contact: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contact", required: true }] }], contactChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=contact-form-base.component.js.map

package/esm2022/lib/components/contact-forms/contact-form-base.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-form-base.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/contact-form-base.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD,MAAM,OAAgB,wBAAyB,SAAQ,cAAc;IADrE;;QAEE,sDAAsD;QACtC,cAAS,GAAG,KAAK,+DAAW,CAAC;KAC9C;8GAHqB,wBAAwB;kGAAxB,wBAAwB;;2FAAxB,wBAAwB;kBAD7C,SAAS;;AAOV,MAAM,OAAgB,4BAA6B,SAAQ,wBAAwB;IADnF;;QAEkB,aAAQ,GAAG,KAAK,CAAC,QAAQ,mDAA0B,CAAC;QAEjD,kBAAa,GAAG,IAAI,YAAY,EAA0B,CAAC;KAC/E;8GAJqB,4BAA4B;kGAA5B,4BAA4B;;2FAA5B,4BAA4B;kBADjD,SAAS;;sBAIP,MAAM","sourcesContent":["import { Directive, EventEmitter, input, Output } from '@angular/core';\nimport { ContactDboWithSpaceRef } from '@sneat/contactus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\n\n@Directive()\nexport abstract class ContactFormBaseComponent extends WithSpaceInput {\n  // Should $hideRole be in NewContactFormBaseComponent?\n  public readonly $hideRole = input<boolean>();\n}\n\n@Directive()\nexport abstract class EditContactFormBaseComponent extends ContactFormBaseComponent {\n  public readonly $contact = input.required<ContactDboWithSpaceRef>();\n\n  @Output() readonly contactChange = new EventEmitter<ContactDboWithSpaceRef>();\n}\n"]}

package/esm2022/lib/components/contact-forms/emails-form/emails-form.component.js

@@ -0,0 +1,76 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonCard, IonCol, IonGrid, IonIcon, IonInput, IonItem, IonItemDivider, IonLabel, IonRow, IonSelect, IonSelectOption, } from '@ionic/angular/standalone';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const emailTypes = [
+    { id: 'personal', title: 'Personal' },
+    { id: 'work', title: 'Work' },
+];
+const emptyEmails = [
+    { type: 'personal', address: '' },
+    { type: 'work', address: '' },
+];
+export class EmailsFormComponent {
+    constructor() {
+        this.types = emailTypes;
+        this.hideHeader = false;
+        this.isActiveInWizard = false;
+        this.disabled = false;
+        this.emailInputs = emptyEmails;
+        this.emailsChange = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        const emailsChange = changes['emails'];
+        // 'EmailsFormComponent.ngOnChanges(), emailsChange',
+        // emailsChange,
+        if (emailsChange && (this.emails?.length || 0) === 0) {
+            this.emailInputs = emptyEmails;
+        }
+    }
+    typeChanged(event) {
+        event.stopPropagation();
+        this.setEmailsOnInputChanged();
+    }
+    addressChanged(event) {
+        event.stopPropagation();
+        this.setEmailsOnInputChanged();
+    }
+    setEmailsOnInputChanged() {
+        this.emails = [...this.emailInputs].filter((email) => !!email.address);
+        if (this.emails.length === 0) {
+            this.emails = undefined;
+        }
+        this.emailsChange.emit(this.emails);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmailsFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: EmailsFormComponent, isStandalone: true, selector: "sneat-emails-form", inputs: { hideHeader: "hideHeader", isActiveInWizard: "isActiveInWizard", disabled: "disabled", emails: "emails" }, outputs: { emailsChange: "emailsChange" }, usesOnChanges: true, ngImport: i0, template: "<ion-card>\n  @if (!hideHeader) {\n    <ion-item-divider [color]=\"isActiveInWizard ? 'primary' : 'light'\">\n      <ion-label>\n        <ion-icon name=\"at\" class=\"ion-margin-end\" />\n        Emails\n      </ion-label>\n    </ion-item-divider>\n  }\n  <ion-grid class=\"ion-grid-layout\">\n    @for (\n      email of emailInputs;\n      track email.type + email.address;\n      let i = $index\n    ) {\n      <ion-row>\n        <ion-col size=\"auto\">\n          <ion-item>\n            <ion-select\n              interface=\"popover\"\n              [disabled]=\"true\"\n              [(ngModel)]=\"email.type\"\n              (ionChange)=\"typeChanged($event)\"\n            >\n              @for (t of types; track t.id) {\n                <ion-select-option [value]=\"t.id\" [disabled]=\"disabled\">\n                  {{ t.title }}\n                </ion-select-option>\n              }\n            </ion-select>\n          </ion-item>\n        </ion-col>\n\n        <ion-col>\n          <ion-item>\n            <ion-input\n              type=\"email\"\n              email=\"true\"\n              placeholder=\"email\"\n              [(ngModel)]=\"email.address\"\n              [disabled]=\"disabled\"\n              (ionBlur)=\"addressChanged($event)\"\n            />\n          </ion-item>\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-card>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmailsFormComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        FormsModule,
+                        IonCard,
+                        IonItemDivider,
+                        IonLabel,
+                        IonIcon,
+                        IonGrid,
+                        IonRow,
+                        IonCol,
+                        IonItem,
+                        IonSelect,
+                        IonSelectOption,
+                        IonInput,
+                    ], selector: 'sneat-emails-form', template: "<ion-card>\n  @if (!hideHeader) {\n    <ion-item-divider [color]=\"isActiveInWizard ? 'primary' : 'light'\">\n      <ion-label>\n        <ion-icon name=\"at\" class=\"ion-margin-end\" />\n        Emails\n      </ion-label>\n    </ion-item-divider>\n  }\n  <ion-grid class=\"ion-grid-layout\">\n    @for (\n      email of emailInputs;\n      track email.type + email.address;\n      let i = $index\n    ) {\n      <ion-row>\n        <ion-col size=\"auto\">\n          <ion-item>\n            <ion-select\n              interface=\"popover\"\n              [disabled]=\"true\"\n              [(ngModel)]=\"email.type\"\n              (ionChange)=\"typeChanged($event)\"\n            >\n              @for (t of types; track t.id) {\n                <ion-select-option [value]=\"t.id\" [disabled]=\"disabled\">\n                  {{ t.title }}\n                </ion-select-option>\n              }\n            </ion-select>\n          </ion-item>\n        </ion-col>\n\n        <ion-col>\n          <ion-item>\n            <ion-input\n              type=\"email\"\n              email=\"true\"\n              placeholder=\"email\"\n              [(ngModel)]=\"email.address\"\n              [disabled]=\"disabled\"\n              (ionBlur)=\"addressChanged($event)\"\n            />\n          </ion-item>\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-card>\n" }]
+        }], propDecorators: { hideHeader: [{
+                type: Input
+            }], isActiveInWizard: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], emails: [{
+                type: Input
+            }], emailsChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=emails-form.component.js.map

package/esm2022/lib/components/contact-forms/emails-form/emails-form.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emails-form.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/emails-form/emails-form.component.ts","../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/emails-form/emails-form.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EAEL,MAAM,GAEP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,MAAM,EACN,SAAS,EACT,eAAe,GAChB,MAAM,2BAA2B,CAAC;;;AAKnC,MAAM,UAAU,GAAuC;IACrD,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACrC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CAC9B,CAAC;AAOF,MAAM,WAAW,GAAiB;IAChC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACjC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;CAC9B,CAAC;AAoBF,MAAM,OAAO,mBAAmB;IAlBhC;QAmBW,UAAK,GAAG,UAAU,CAAC;QAEnB,eAAU,GAAG,KAAK,CAAC;QACnB,qBAAgB,GAAG,KAAK,CAAC;QACzB,aAAQ,GAAG,KAAK,CAAC;QAE1B,gBAAW,GAA0B,WAAW,CAAC;QAG9B,iBAAY,GAAG,IAAI,YAAY,EAAqB,CAAC;KA4BzE;IA1BC,WAAW,CAAC,OAAsB;QAChC,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;QACvC,qDAAqD;QACrD,gBAAgB;QAChB,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QACjC,CAAC;IACH,CAAC;IAED,WAAW,CAAC,KAAY;QACtB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED,cAAc,CAAC,KAAY;QACzB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAEO,uBAAuB;QAC7B,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvE,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;8GArCU,mBAAmB;kGAAnB,mBAAmB,iQC3DhC,q2CAiDA,2CDNI,WAAW,8eACX,OAAO,yLACP,cAAc,kGACd,QAAQ,6FACR,OAAO,2JACP,OAAO,wEACP,MAAM,oDACN,MAAM,kTACN,OAAO,0NACP,SAAS,kVACT,eAAe,6FACf,QAAQ;;2FAKC,mBAAmB;kBAlB/B,SAAS;8BACC;wBACP,WAAW;wBACX,OAAO;wBACP,cAAc;wBACd,QAAQ;wBACR,OAAO;wBACP,OAAO;wBACP,MAAM;wBACN,MAAM;wBACN,OAAO;wBACP,SAAS;wBACT,eAAe;wBACf,QAAQ;qBACT,YACS,mBAAmB;;sBAM5B,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBAIL,KAAK;;sBACL,MAAM","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  IonCard,\n  IonCol,\n  IonGrid,\n  IonIcon,\n  IonInput,\n  IonItem,\n  IonItemDivider,\n  IonLabel,\n  IonRow,\n  IonSelect,\n  IonSelectOption,\n} from '@ionic/angular/standalone';\nimport { IEmail } from '@sneat/contactus-core';\n\ntype EmailType = 'personal' | 'work';\n\nconst emailTypes: { id: EmailType; title: string }[] = [\n  { id: 'personal', title: 'Personal' },\n  { id: 'work', title: 'Work' },\n];\n\ninterface emailInput {\n  type: EmailType;\n  address: string;\n}\n\nconst emptyEmails: emailInput[] = [\n  { type: 'personal', address: '' },\n  { type: 'work', address: '' },\n];\n\n@Component({\n  imports: [\n    FormsModule,\n    IonCard,\n    IonItemDivider,\n    IonLabel,\n    IonIcon,\n    IonGrid,\n    IonRow,\n    IonCol,\n    IonItem,\n    IonSelect,\n    IonSelectOption,\n    IonInput,\n  ],\n  selector: 'sneat-emails-form',\n  templateUrl: './emails-form.component.html',\n})\nexport class EmailsFormComponent implements OnChanges {\n  readonly types = emailTypes;\n\n  @Input() hideHeader = false;\n  @Input() isActiveInWizard = false;\n  @Input() disabled = false;\n\n  emailInputs: readonly emailInput[] = emptyEmails;\n\n  @Input() emails?: readonly IEmail[];\n  @Output() readonly emailsChange = new EventEmitter<readonly IEmail[]>();\n\n  ngOnChanges(changes: SimpleChanges): void {\n    const emailsChange = changes['emails'];\n    // 'EmailsFormComponent.ngOnChanges(), emailsChange',\n    // emailsChange,\n    if (emailsChange && (this.emails?.length || 0) === 0) {\n      this.emailInputs = emptyEmails;\n    }\n  }\n\n  typeChanged(event: Event): void {\n    event.stopPropagation();\n    this.setEmailsOnInputChanged();\n  }\n\n  addressChanged(event: Event): void {\n    event.stopPropagation();\n    this.setEmailsOnInputChanged();\n  }\n\n  private setEmailsOnInputChanged(): void {\n    this.emails = [...this.emailInputs].filter((email) => !!email.address);\n    if (this.emails.length === 0) {\n      this.emails = undefined;\n    }\n    this.emailsChange.emit(this.emails);\n  }\n}\n","<ion-card>\n  @if (!hideHeader) {\n    <ion-item-divider [color]=\"isActiveInWizard ? 'primary' : 'light'\">\n      <ion-label>\n        <ion-icon name=\"at\" class=\"ion-margin-end\" />\n        Emails\n      </ion-label>\n    </ion-item-divider>\n  }\n  <ion-grid class=\"ion-grid-layout\">\n    @for (\n      email of emailInputs;\n      track email.type + email.address;\n      let i = $index\n    ) {\n      <ion-row>\n        <ion-col size=\"auto\">\n          <ion-item>\n            <ion-select\n              interface=\"popover\"\n              [disabled]=\"true\"\n              [(ngModel)]=\"email.type\"\n              (ionChange)=\"typeChanged($event)\"\n            >\n              @for (t of types; track t.id) {\n                <ion-select-option [value]=\"t.id\" [disabled]=\"disabled\">\n                  {{ t.title }}\n                </ion-select-option>\n              }\n            </ion-select>\n          </ion-item>\n        </ion-col>\n\n        <ion-col>\n          <ion-item>\n            <ion-input\n              type=\"email\"\n              email=\"true\"\n              placeholder=\"email\"\n              [(ngModel)]=\"email.address\"\n              [disabled]=\"disabled\"\n              (ionBlur)=\"addressChanged($event)\"\n            />\n          </ion-item>\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-card>\n"]}

package/esm2022/lib/components/contact-forms/emails-form/index.js

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

package/esm2022/lib/components/contact-forms/emails-form/index.js.map

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

package/esm2022/lib/components/contact-forms/index.js

@@ -0,0 +1,11 @@
+export * from './person-forms/age-group';
+export * from './emails-form';
+export * from './person-forms/gender-form';
+export * from './person-forms/names-form';
+export * from './pet-kind-and-breed-form';
+export * from './phones-form';
+export * from './relationship-form';
+export * from './space-related-form.component';
+export * from './roles-form';
+export * from './pesson-wizard';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/contact-forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './person-forms/age-group';\nexport * from './emails-form';\nexport * from './person-forms/gender-form';\nexport * from './person-forms/names-form';\nexport * from './pet-kind-and-breed-form';\nexport * from './phones-form';\nexport * from './relationship-form';\nexport * from './space-related-form.component';\nexport * from './roles-form';\nexport * from './pesson-wizard';\n"]}

package/esm2022/lib/components/contact-forms/location-form/index.js

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

package/esm2022/lib/components/contact-forms/location-form/index.js.map

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