@sneat/contactus-shared 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"gender-form.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/person-forms/gender-form/gender-form.component.ts","../../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/person-forms/gender-form/gender-form.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,cAAc,EACd,QAAQ,EACR,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAEL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,SAAS,EAET,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,WAAW,CAAC;;AAEnB,MAAM,gBAAgB,GAAG,OAAO,CAAC;AASjC,MAAM,OAAO,GAA4B;IACvC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE;IACvE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE;IAC7E,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE;IAC/D,8EAA8E;IAC9E,EAAE,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE;CACpE,CAAC;AA6BF,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IA3B3D;;QA4BqB,kBAAa,GAA2B,OAAO,CAAC,GAAG,CACpE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACN,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5B,KAAK,EAAE,CAAC,CAAC,KAAK;SACf,CAAC,CACH,CAAC;QAIO,mBAAc,GAAG,KAAK,CAAC;QAEvB,aAAQ,GAAG,KAAK,CAAC;QAEV,aAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAU,CAAC;QACpC,eAAU,GAAG,KAAK,CAAC,QAAQ,qDAAsB,CAAC;QAClD,cAAS,GAAG,KAAK,CAAC,QAAQ,oDAAsB,CAAC;QAE9C,sBAAiB,GAAG,MAAM,CAAqB,SAAS,6DAAC,CAAC;QAE1D,iBAAY,GAAG,IAAI,YAAY,EAAU,CAAC;QAE5C,mBAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAQtC,gBAAW,GAAG,MAAM,CAAC,KAAK,uDAAC,CAAC;KAuChD;IA7CC,0EAA0E;IAEhE,IAAI;QACZ,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC;IAIO,eAAe,CAAC,MAAc;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACpC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,MAAM,GAAG,SAAS,CAAC;QACrB,CAAC;QACD,IAAI,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,cAAc;aAChB,aAAa,CAAC;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE;YACxB,SAAS,EAAE,SAAS;SACrB,CAAC;aACD,SAAS,CAAC;YACT,IAAI,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACxC,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,GAAG,EACH,sCAAsC,CACvC,CAAC;gBACF,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACxC,CAAC;SACF,CAAC,CAAC;IACP,CAAC;IAES,iBAAiB,CAAC,QAAgB;QAC1C,IAAI,CAAC,eAAe,CAAC,QAAkB,CAAC,CAAC;IAC3C,CAAC;8GAvEU,mBAAmB;kGAAnB,mBAAmB,u6BAFnB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,iDC9EtE,ioCAmCA,4CDoBI,uBAAuB,8WACvB,cAAc,kGACd,QAAQ,6FACR,UAAU,8EACV,SAAS,oPACT,OAAO,2JACP,UAAU,yGACV,OAAO,4MAEG;YACV,OAAO,CAAC,UAAU,EAAE;gBAClB,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aACxE,CAAC;YACF,OAAO,CAAC,UAAU,EAAE;gBAClB,UAAU,CAAC,QAAQ,EAAE;oBACnB,gDAAgD;oBAChD,OAAO,CAAC,gBAAgB,CAAC;iBAC1B,CAAC;aACH,CAAC;SACH;;2FAMU,mBAAmB;kBA3B/B,SAAS;8BACC;wBACP,uBAAuB;wBACvB,cAAc;wBACd,QAAQ;wBACR,UAAU;wBACV,SAAS;wBACT,OAAO;wBACP,UAAU;wBACV,OAAO;qBACR,cACW;wBACV,OAAO,CAAC,UAAU,EAAE;4BAClB,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;yBACxE,CAAC;wBACF,OAAO,CAAC,UAAU,EAAE;4BAClB,UAAU,CAAC,QAAQ,EAAE;gCACnB,gDAAgD;gCAChD,OAAO,CAAC,gBAAgB,CAAC;6BAC1B,CAAC;yBACH,CAAC;qBACH,mBACgB,uBAAuB,CAAC,MAAM,YACrC,mBAAmB,aAElB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC;;sBAanE,KAAK;;sBAEL,KAAK;;sBAEL,KAAK;;sBAQL,MAAM","sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  inject,\n  input,\n  Input,\n  Output,\n  signal,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonItem,\n  IonItemDivider,\n  IonLabel,\n  IonSpinner,\n} from '@ionic/angular/standalone';\nimport { genderColor } from '@sneat/components';\nimport { ContactService } from '@sneat/contactus-services';\nimport {\n  Gender,\n  GenderFemale,\n  GenderMale,\n  GenderOther,\n  GenderUndisclosed,\n} from '@sneat/core';\nimport {\n  ClassName,\n  ISelectItem,\n  SelectFromListComponent,\n  SneatBaseComponent,\n} from '@sneat/ui';\n\nconst animationTimings = '150ms';\n\ninterface GenderOption {\n  readonly id: Gender;\n  readonly title: string;\n  readonly iconName: string;\n  readonly emoji?: string;\n}\n\nconst genders: readonly GenderOption[] = [\n  { id: GenderMale, title: 'Male', iconName: 'man-outline', emoji: '👨' },\n  { id: GenderFemale, title: 'Female', iconName: 'woman-outline', emoji: '👩' },\n  { id: GenderOther, title: 'Other', iconName: 'person-outline' },\n  // { id: GenderUnknown, title: 'Unknown', iconName: 'person-circle-outline' },\n  { id: GenderUndisclosed, title: 'Undisclosed', iconName: 'person' },\n];\n\n@Component({\n  imports: [\n    SelectFromListComponent,\n    IonItemDivider,\n    IonLabel,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonSpinner,\n    IonItem,\n  ],\n  animations: [\n    trigger('radioOut', [\n      transition(':leave', [animate(animationTimings, style({ height: 0 }))]),\n    ]),\n    trigger('selectIn', [\n      transition(':enter', [\n        // style({ display: 'none' }), // initial styles\n        animate(animationTimings),\n      ]),\n    ]),\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-gender-form',\n  templateUrl: './gender-form.component.html',\n  providers: [{ provide: ClassName, useValue: 'GenderFormComponent' }],\n})\nexport class GenderFormComponent extends SneatBaseComponent {\n  protected readonly genderOptions: readonly ISelectItem[] = genders.map(\n    (g) => ({\n      id: g.id,\n      title: g.title,\n      iconName: g.iconName,\n      iconColor: genderColor(g.id),\n      emoji: g.emoji,\n    }),\n  );\n\n  @Input() lastItemLines?: 'none' | 'inset' | 'full';\n\n  @Input() hideSkipButton = false;\n\n  @Input() disabled = false;\n\n  public readonly $spaceID = input.required<string>();\n  public readonly $contactID = input.required<string | undefined>();\n  public readonly $genderID = input.required<Gender | undefined>();\n\n  protected readonly $updatingToGender = signal<Gender | undefined>(undefined);\n\n  @Output() readonly genderChange = new EventEmitter<Gender>();\n\n  private readonly contactService = inject(ContactService);\n\n  // @ViewChild(IonRadioGroup, { static: true }) radioGroup?: IonRadioGroup;\n\n  protected skip(): void {\n    this.onGenderChanged('undisclosed');\n  }\n\n  protected readonly $isChanging = signal(false);\n\n  private onGenderChanged(gender: Gender): void {\n    const contactID = this.$contactID();\n    if (!gender) {\n      gender = 'unknown';\n    }\n    if (gender == this.$genderID()) {\n      return;\n    }\n    if (!contactID) {\n      this.genderChange.emit(gender);\n      return;\n    }\n    this.$updatingToGender.set(gender);\n    this.contactService\n      .updateContact({\n        gender: gender,\n        spaceID: this.$spaceID(),\n        contactID: contactID,\n      })\n      .subscribe({\n        next: () => {\n          this.genderChange.emit(gender);\n          this.$updatingToGender.set(undefined);\n        },\n        error: (err) => {\n          this.errorLogger.logError(\n            err,\n            'Failed to change gender of a contact',\n          );\n          this.$updatingToGender.set(undefined);\n        },\n      });\n  }\n\n  protected onGenderIDChanged(genderID: string): void {\n    this.onGenderChanged(genderID as Gender);\n  }\n}\n","@let genderID = $genderID();\n\n<!--contactID={{ $contactID() }};-->\n<!--genderID={{ genderID }};-->\n<!--$updatingToGender={{ $updatingToGender() }}-->\n\n@if (genderID) {\n  @if (genderID === \"unknown\" && !$updatingToGender()) {\n    <ion-item-divider [color]=\"!genderID ? 'primary' : 'light'\">\n      <ion-label><b>Gender</b></ion-label>\n      @if (!hideSkipButton) {\n        <ion-buttons slot=\"end\">\n          <ion-button color=\"light\" (click)=\"skip()\">\n            <ion-label>Skip</ion-label>\n            <ion-icon name=\"close-circle-outline\" slot=\"end\" />\n          </ion-button>\n        </ion-buttons>\n      }\n    </ion-item-divider>\n  }\n  <sneat-select-from-list\n    label=\"Gender\"\n    labelPlacement=\"end\"\n    [lastItemLines]=\"lastItemLines\"\n    [$isProcessing]=\"!!$updatingToGender()\"\n    [value]=\"$updatingToGender() || (genderID === 'unknown' ? '' : genderID)\"\n    (valueChange)=\"onGenderIDChanged($event)\"\n    [items]=\"genderOptions\"\n  />\n} @else {\n  <ion-item>\n    <ion-label>Gender</ion-label>\n    <ion-spinner name=\"lines-small\" color=\"medium\" slot=\"end\" />\n  </ion-item>\n}\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,296 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, inject, Input, Output, ViewChild, } from '@angular/core';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators, } from '@angular/forms';
+import { IonButton, IonIcon, IonInput, IonItem, IonItemDivider, IonLabel, } from '@ionic/angular/standalone';
+import { createSetFocusToInput } from '@sneat/ui';
+import { excludeEmpty } from '@sneat/core';
+import { isNameEmpty } from '@sneat/auth-models';
+import { ErrorLogger } from '@sneat/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const maxNameLenValidator = Validators.maxLength(50);
+export class NamesFormComponent {
+    constructor() {
+        this.showHeader = true;
+        this.name = {};
+        this.isActive = true;
+        this.disabled = false;
+        this.showNextButton = false;
+        // @ViewChild('nextButton', {static: false}) nextButton?: IonButton;
+        this.keyupEnter = new EventEmitter();
+        this.namesChanged = new EventEmitter();
+        this.next = new EventEmitter();
+        this.initialNameChanged = true;
+        this.isFullNameChanged = false;
+        this.isViewInitiated = false;
+        this.errorLogger = inject(ErrorLogger);
+        this.fullName = new FormControl('', [
+            // Validators.required, -- not required if user entered only first name for example. In future may require to be an option
+            maxNameLenValidator,
+        ]);
+        this.firstName = new FormControl('', [
+            maxNameLenValidator,
+        ]);
+        this.middleName = new FormControl('', [
+            maxNameLenValidator,
+        ]);
+        this.lastName = new FormControl('', [maxNameLenValidator]);
+        this.nickName = new FormControl('', [maxNameLenValidator]);
+        this.isNamesFormValid = (control) => {
+            const formGroup = control;
+            const mustHave = function (name) {
+                const c = formGroup.controls[name];
+                if (!c) {
+                    throw new Error(`form is missing control: "${name}"`);
+                }
+                return c.value.trim();
+            };
+            const firstName = mustHave('firstName');
+            const lastName = mustHave('lastName');
+            const fullName = mustHave('fullName');
+            const nickName = mustHave('nickName');
+            const visibleNameFields = [
+                ...(this.fields?.firstName?.hide ? [] : ['first name']),
+                ...(this.fields?.lastName?.hide ? [] : ['last name']),
+                ...(this.fields?.nickName?.hide ? [] : ['nickname']),
+            ];
+            if (!firstName && !lastName && !fullName && !nickName) {
+                return {
+                    fullName: 'If full name is empty at least one of the following must be provided: ' +
+                        visibleNameFields.join(', '),
+                };
+            }
+            if (firstName && lastName && !fullName) {
+                return {
+                    fullName: 'If first & last names are supplied the full name should be supplied as well',
+                };
+            }
+            return null;
+        };
+        this.namesForm = new FormGroup({
+            fullName: this.fullName,
+            firstName: this.firstName,
+            lastName: this.lastName,
+            middleName: this.middleName,
+            nickName: this.nickName,
+        }, this.isNamesFormValid);
+    }
+    // public get hasNames(): boolean {
+    // 	return !!(
+    // 		this.firstName.value ||
+    // 		this.lastName.value ||
+    // 		this.fullName.value ||
+    // 		this.nickName.value
+    // 	);
+    // }
+    setFocusToInput(input, delay = 333) {
+        const setFocusTo = createSetFocusToInput(this.errorLogger);
+        setFocusTo(input, delay);
+    }
+    ngOnChanges(changes) {
+        if (changes['fields']) {
+            this.onInputChangeFields();
+        }
+        if (changes['name']) {
+            this.onInputChangeName();
+        }
+        if (changes['disabled']) {
+            this.onInputChangeDisabled();
+        }
+    }
+    onInputChangeDisabled() {
+        if (this.disabled) {
+            this.namesForm.disable();
+        }
+        else {
+            this.namesForm.enable();
+        }
+    }
+    onInputChangeName() {
+        const name = this.name;
+        if (name) {
+            if (name.firstName) {
+                this.firstName.setValue(name.firstName);
+            }
+            if (name.lastName) {
+                this.lastName.setValue(name.lastName);
+            }
+            if (name.middleName) {
+                this.middleName.setValue(name.middleName);
+            }
+            if (name.nickName) {
+                this.nickName.setValue(name.nickName);
+            }
+            if (name.fullName) {
+                this.fullName.setValue(name.fullName);
+            }
+        }
+        if (this.initialNameChanged) {
+            this.initialNameChanged = false;
+            if (!this.firstName.value) {
+                this.inputToFocus = this.firstNameInput;
+            }
+            else if (!this.lastName.value) {
+                this.inputToFocus = this.lastNameInput;
+            }
+            else if (!this.middleName.value) {
+                this.inputToFocus = this.middleNameInput;
+            }
+            else if (!this.fullName.value) {
+                this.inputToFocus = this.fullNameInput;
+            }
+            if (this.isViewInitiated && this.inputToFocus) {
+                this.setFocusToInput(this.inputToFocus);
+            }
+        }
+    }
+    onInputChangeFields() {
+        const setValidators = (fc, ff) => {
+            if (!fc) {
+                return;
+            }
+            fc.clearValidators();
+            const validators = [maxNameLenValidator];
+            if (ff?.required) {
+                validators.push(Validators.required);
+            }
+            fc.addValidators(validators);
+        };
+        setValidators(this.firstName, this.fields?.firstName);
+        setValidators(this.lastName, this.fields?.lastName);
+        setValidators(this.nickName, this.fields?.nickName);
+        setValidators(this.middleName, this.fields?.middleName);
+        setValidators(this.fullName, this.fields?.fullName);
+    }
+    ngAfterViewInit() {
+        this.isViewInitiated = true;
+        if (this.inputToFocus) {
+            this.setFocusToInput(this.inputToFocus);
+        }
+    }
+    onNameChanged(_event) {
+        // 'onNameChanged()',
+        // this.isFullNameChanged,
+        // this.firstName.value,
+        // this.lastName.value,
+        // event,
+        if (!this.isFullNameChanged) {
+            const fullName = this.generateFullName();
+            if (fullName !== this.fullName.value) {
+                this.fullName.setValue(fullName, {
+                    onlySelf: true,
+                    emitEvent: false,
+                    emitModelToViewChange: true,
+                    emitViewToModelChange: false,
+                });
+            }
+        }
+        this.setName();
+    }
+    setName() {
+        this.name = excludeEmpty({
+            firstName: this.firstName.value || '',
+            lastName: this.lastName.value || '',
+            middleName: this.middleName.value || '',
+            fullName: this.fullName.value || '',
+            nickName: this.nickName.value || '',
+        });
+        if (this.isFullNameChanged && isNameEmpty(this.name)) {
+            this.isFullNameChanged = false;
+        }
+        this.namesChanged.emit(this.name);
+    }
+    names() {
+        return excludeEmpty({
+            firstName: this.firstName.value || '',
+            lastName: this.lastName.value || '',
+            middleName: this.lastName.value || '',
+            fullName: this.fullName.value || '',
+        });
+    }
+    generateFullName() {
+        const first = (this.firstName.value || '').trim(), middle = (this.middleName.value || '').trim(), last = (this.lastName.value || '').trim();
+        if ((first && last) || (first && middle) || (middle && last)) {
+            return (first + ' ' + middle + ' ' + last).replace('  ', ' ').trim();
+        }
+        return '';
+    }
+    onFullNameChanged(_event) {
+        // 'onFullNameChanged()',
+        // this.firstName.value,
+        // this.lastName.value,
+        // event,
+        if (this.isFullNameChanged) {
+            this.setName();
+        }
+        else {
+            const fullName = this.generateFullName();
+            if (this.fullName.value?.trim() !== fullName) {
+                this.isFullNameChanged = true;
+            }
+        }
+    }
+    nameKeyupEnter(event) {
+        if (this.namesForm?.valid) {
+            this.keyupEnter.emit(event);
+        }
+        if (this.canGoNext) {
+            this.next.emit(event);
+        }
+    }
+    get canGoNext() {
+        return !isNameEmpty(this.name);
+    }
+    onNext(event) {
+        this.next.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NamesFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NamesFormComponent, isStandalone: true, selector: "sneat-names-form", inputs: { showHeader: "showHeader", name: "name", isActive: "isActive", disabled: "disabled", fields: "fields", showNextButton: "showNextButton" }, outputs: { keyupEnter: "keyupEnter", namesChanged: "namesChanged", next: "next" }, viewQueries: [{ propertyName: "firstNameInput", first: true, predicate: ["firstNameInput"], descendants: true, static: true }, { propertyName: "lastNameInput", first: true, predicate: ["lastNameInput"], descendants: true, static: true }, { propertyName: "middleNameInput", first: true, predicate: ["middleNameInput"], descendants: true, static: true }, { propertyName: "fullNameInput", first: true, predicate: ["fullNameInput"], descendants: true, static: true }, { propertyName: "nickNameInput", first: true, predicate: ["nickNameInput"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"namesForm\">\n  @if (showHeader) {\n    <ion-item-divider [color]=\"isActive ? 'primary' : 'light'\">\n      <ion-label [style.font-weight]=\"isActive ? 'bold' : undefined\">\n        Names\n      </ion-label>\n    </ion-item-divider>\n  }\n  @if (!fields?.nickName?.hide) {\n    <ion-item>\n      <ion-input\n        #nickNameInput\n        label=\"Nick name\"\n        name=\"nick_name\"\n        [formControl]=\"nickName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (ionChange)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.firstName?.hide) {\n    <ion-item>\n      <ion-input\n        #firstNameInput\n        label=\"First name\"\n        name=\"first_name\"\n        [formControl]=\"firstName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (keyup)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.lastName?.hide) {\n    <ion-item>\n      <ion-input\n        #lastNameInput\n        label=\"Last name\"\n        name=\"last_name\"\n        [formControl]=\"lastName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (keyup)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.middleName?.hide) {\n    <ion-item>\n      <ion-input\n        #middleNameInput\n        label=\"Middle name\"\n        name=\"medium_name\"\n        [formControl]=\"middleName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (ionChange)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  <ion-item>\n    <ion-input\n      #fullNameInput\n      label=\"Full name\"\n      name=\"full_name\"\n      [formControl]=\"fullName\"\n      (keyup.enter)=\"nameKeyupEnter($event)\"\n      (keyup)=\"onFullNameChanged($event)\"\n    />\n  </ion-item>\n</ng-container>\n\n@if (showNextButton && isActive) {\n  <ion-button\n    class=\"ion-margin\"\n    size=\"medium\"\n    [color]=\"canGoNext ? 'primary' : 'medium'\"\n    (click)=\"onNext($event)\"\n  >\n    <ion-label>Next</ion-label>\n    <ion-icon name=\"arrow-forward-circle-outline\" slot=\"end\" />\n  </ion-button>\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { 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: 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"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NamesFormComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        IonItemDivider,
+                        IonItem,
+                        IonInput,
+                        IonLabel,
+                        IonButton,
+                        IonIcon,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-names-form', template: "<ng-container [formGroup]=\"namesForm\">\n  @if (showHeader) {\n    <ion-item-divider [color]=\"isActive ? 'primary' : 'light'\">\n      <ion-label [style.font-weight]=\"isActive ? 'bold' : undefined\">\n        Names\n      </ion-label>\n    </ion-item-divider>\n  }\n  @if (!fields?.nickName?.hide) {\n    <ion-item>\n      <ion-input\n        #nickNameInput\n        label=\"Nick name\"\n        name=\"nick_name\"\n        [formControl]=\"nickName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (ionChange)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.firstName?.hide) {\n    <ion-item>\n      <ion-input\n        #firstNameInput\n        label=\"First name\"\n        name=\"first_name\"\n        [formControl]=\"firstName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (keyup)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.lastName?.hide) {\n    <ion-item>\n      <ion-input\n        #lastNameInput\n        label=\"Last name\"\n        name=\"last_name\"\n        [formControl]=\"lastName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (keyup)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.middleName?.hide) {\n    <ion-item>\n      <ion-input\n        #middleNameInput\n        label=\"Middle name\"\n        name=\"medium_name\"\n        [formControl]=\"middleName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (ionChange)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  <ion-item>\n    <ion-input\n      #fullNameInput\n      label=\"Full name\"\n      name=\"full_name\"\n      [formControl]=\"fullName\"\n      (keyup.enter)=\"nameKeyupEnter($event)\"\n      (keyup)=\"onFullNameChanged($event)\"\n    />\n  </ion-item>\n</ng-container>\n\n@if (showNextButton && isActive) {\n  <ion-button\n    class=\"ion-margin\"\n    size=\"medium\"\n    [color]=\"canGoNext ? 'primary' : 'medium'\"\n    (click)=\"onNext($event)\"\n  >\n    <ion-label>Next</ion-label>\n    <ion-icon name=\"arrow-forward-circle-outline\" slot=\"end\" />\n  </ion-button>\n}\n" }]
+        }], propDecorators: { showHeader: [{
+                type: Input
+            }], name: [{
+                type: Input,
+                args: [{ required: true }]
+            }], isActive: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], showNextButton: [{
+                type: Input
+            }], firstNameInput: [{
+                type: ViewChild,
+                args: ['firstNameInput', { static: true }]
+            }], lastNameInput: [{
+                type: ViewChild,
+                args: ['lastNameInput', { static: true }]
+            }], middleNameInput: [{
+                type: ViewChild,
+                args: ['middleNameInput', { static: true }]
+            }], fullNameInput: [{
+                type: ViewChild,
+                args: ['fullNameInput', { static: true }]
+            }], nickNameInput: [{
+                type: ViewChild,
+                args: ['nickNameInput', { static: true }]
+            }], keyupEnter: [{
+                type: Output
+            }], namesChanged: [{
+                type: Output
+            }], next: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=names-form.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"names-form.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/person-forms/names-form/names-form.component.ts","../../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/person-forms/names-form/names-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  inject,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  ViewChild,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  FormControl,\n  FormGroup,\n  FormsModule,\n  ReactiveFormsModule,\n  UntypedFormGroup,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport {\n  IonButton,\n  IonIcon,\n  IonInput,\n  IonItem,\n  IonItemDivider,\n  IonLabel,\n} from '@ionic/angular/standalone';\nimport { createSetFocusToInput } from '@sneat/ui';\nimport { excludeEmpty } from '@sneat/core';\nimport { IPersonNames, isNameEmpty } from '@sneat/auth-models';\nimport { ErrorLogger } from '@sneat/core';\nimport { IFormField } from '@sneat/core';\n\nexport interface INamesFormFields {\n  readonly firstName?: IFormField;\n  readonly middleName?: IFormField;\n  readonly lastName?: IFormField;\n  readonly nickName?: IFormField;\n  readonly fullName?: IFormField;\n}\n\nconst maxNameLenValidator = Validators.maxLength(50);\n\n@Component({\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    IonItemDivider,\n    IonItem,\n    IonInput,\n    IonLabel,\n    IonButton,\n    IonIcon,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-names-form',\n  templateUrl: './names-form.component.html',\n})\nexport class NamesFormComponent implements OnChanges, AfterViewInit {\n  @Input() showHeader = true;\n  @Input({ required: true }) name?: IPersonNames = {};\n  @Input() isActive = true;\n  @Input() disabled = false;\n  @Input() fields?: INamesFormFields;\n  @Input() showNextButton = false;\n\n  @ViewChild('firstNameInput', { static: true }) firstNameInput?: IonInput;\n  @ViewChild('lastNameInput', { static: true }) lastNameInput?: IonInput;\n  @ViewChild('middleNameInput', { static: true }) middleNameInput?: IonInput;\n  @ViewChild('fullNameInput', { static: true }) fullNameInput?: IonInput;\n  @ViewChild('nickNameInput', { static: true }) nickNameInput?: IonInput;\n\n  // @ViewChild('nextButton', {static: false}) nextButton?: IonButton;\n\n  @Output() readonly keyupEnter = new EventEmitter<Event>();\n  @Output() readonly namesChanged = new EventEmitter<IPersonNames>();\n\n  @Output() readonly next = new EventEmitter<Event>();\n\n  private initialNameChanged = true;\n  private isFullNameChanged = false;\n  private isViewInitiated = false;\n\n  private inputToFocus?: IonInput;\n\n  private readonly errorLogger = inject(ErrorLogger);\n\n  public readonly fullName = new FormControl<string>('', [\n    // Validators.required, -- not required if user entered only first name for example. In future may require to be an option\n    maxNameLenValidator,\n  ]);\n\n  public readonly firstName = new FormControl<string>('', [\n    maxNameLenValidator,\n  ]);\n\n  public readonly middleName = new FormControl<string>('', [\n    maxNameLenValidator,\n  ]);\n\n  public readonly lastName = new FormControl<string>('', [maxNameLenValidator]);\n\n  public readonly nickName = new FormControl<string>('', [maxNameLenValidator]);\n\n  readonly isNamesFormValid = (\n    control: AbstractControl,\n  ): ValidationErrors | null => {\n    const formGroup = control as UntypedFormGroup;\n    const mustHave = function (name: string): string {\n      const c = formGroup.controls[name];\n      if (!c) {\n        throw new Error(`form is missing control: \"${name}\"`);\n      }\n      return (c.value as string).trim();\n    };\n    const firstName = mustHave('firstName');\n    const lastName = mustHave('lastName');\n    const fullName = mustHave('fullName');\n    const nickName = mustHave('nickName');\n\n    const visibleNameFields: string[] = [\n      ...(this.fields?.firstName?.hide ? [] : ['first name']),\n      ...(this.fields?.lastName?.hide ? [] : ['last name']),\n      ...(this.fields?.nickName?.hide ? [] : ['nickname']),\n    ];\n\n    if (!firstName && !lastName && !fullName && !nickName) {\n      return {\n        fullName:\n          'If full name is empty at least one of the following must be provided: ' +\n          visibleNameFields.join(', '),\n      };\n    }\n    if (firstName && lastName && !fullName) {\n      return {\n        fullName:\n          'If first & last names are supplied the full name should be supplied as well',\n      };\n    }\n    return null;\n  };\n\n  public readonly namesForm = new FormGroup(\n    {\n      fullName: this.fullName,\n      firstName: this.firstName,\n      lastName: this.lastName,\n      middleName: this.middleName,\n      nickName: this.nickName,\n    },\n    this.isNamesFormValid,\n  );\n\n  // public get hasNames(): boolean {\n  // \treturn !!(\n  // \t\tthis.firstName.value ||\n  // \t\tthis.lastName.value ||\n  // \t\tthis.fullName.value ||\n  // \t\tthis.nickName.value\n  // \t);\n  // }\n\n  private setFocusToInput(input: IonInput, delay = 333): void {\n    const setFocusTo = createSetFocusToInput(this.errorLogger);\n    setFocusTo(input, delay);\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['fields']) {\n      this.onInputChangeFields();\n    }\n    if (changes['name']) {\n      this.onInputChangeName();\n    }\n    if (changes['disabled']) {\n      this.onInputChangeDisabled();\n    }\n  }\n\n  private onInputChangeDisabled(): void {\n    if (this.disabled) {\n      this.namesForm.disable();\n    } else {\n      this.namesForm.enable();\n    }\n  }\n\n  private onInputChangeName(): void {\n    const name = this.name;\n    if (name) {\n      if (name.firstName) {\n        this.firstName.setValue(name.firstName);\n      }\n      if (name.lastName) {\n        this.lastName.setValue(name.lastName);\n      }\n      if (name.middleName) {\n        this.middleName.setValue(name.middleName);\n      }\n      if (name.nickName) {\n        this.nickName.setValue(name.nickName);\n      }\n      if (name.fullName) {\n        this.fullName.setValue(name.fullName);\n      }\n    }\n    if (this.initialNameChanged) {\n      this.initialNameChanged = false;\n      if (!this.firstName.value) {\n        this.inputToFocus = this.firstNameInput;\n      } else if (!this.lastName.value) {\n        this.inputToFocus = this.lastNameInput;\n      } else if (!this.middleName.value) {\n        this.inputToFocus = this.middleNameInput;\n      } else if (!this.fullName.value) {\n        this.inputToFocus = this.fullNameInput;\n      }\n      if (this.isViewInitiated && this.inputToFocus) {\n        this.setFocusToInput(this.inputToFocus);\n      }\n    }\n  }\n\n  private onInputChangeFields(): void {\n    const setValidators = (\n      fc?: FormControl<string | null>,\n      ff?: IFormField,\n    ) => {\n      if (!fc) {\n        return;\n      }\n      fc.clearValidators();\n      const validators = [maxNameLenValidator];\n      if (ff?.required) {\n        validators.push(Validators.required);\n      }\n      fc.addValidators(validators);\n    };\n    setValidators(this.firstName, this.fields?.firstName);\n    setValidators(this.lastName, this.fields?.lastName);\n    setValidators(this.nickName, this.fields?.nickName);\n    setValidators(this.middleName, this.fields?.middleName);\n    setValidators(this.fullName, this.fields?.fullName);\n  }\n\n  ngAfterViewInit(): void /* intentionally not ngOnInit */ {\n    this.isViewInitiated = true;\n    if (this.inputToFocus) {\n      this.setFocusToInput(this.inputToFocus);\n    }\n  }\n\n  onNameChanged(_event?: Event): void {\n    // 'onNameChanged()',\n    // this.isFullNameChanged,\n    // this.firstName.value,\n    // this.lastName.value,\n    // event,\n    if (!this.isFullNameChanged) {\n      const fullName = this.generateFullName();\n\n      if (fullName !== this.fullName.value) {\n        this.fullName.setValue(fullName, {\n          onlySelf: true,\n          emitEvent: false,\n          emitModelToViewChange: true,\n          emitViewToModelChange: false,\n        });\n      }\n    }\n    this.setName();\n  }\n\n  private setName(): void {\n    this.name = excludeEmpty({\n      firstName: this.firstName.value || '',\n      lastName: this.lastName.value || '',\n      middleName: this.middleName.value || '',\n      fullName: this.fullName.value || '',\n      nickName: this.nickName.value || '',\n    });\n    if (this.isFullNameChanged && isNameEmpty(this.name)) {\n      this.isFullNameChanged = false;\n    }\n    this.namesChanged.emit(this.name);\n  }\n\n  public names(): IPersonNames {\n    return excludeEmpty({\n      firstName: this.firstName.value || '',\n      lastName: this.lastName.value || '',\n      middleName: this.lastName.value || '',\n      fullName: this.fullName.value || '',\n    });\n  }\n\n  private generateFullName(): string {\n    const first = (this.firstName.value || '').trim(),\n      middle = (this.middleName.value || '').trim(),\n      last = (this.lastName.value || '').trim();\n    if ((first && last) || (first && middle) || (middle && last)) {\n      return (first + ' ' + middle + ' ' + last).replace('  ', ' ').trim();\n    }\n    return '';\n  }\n\n  protected onFullNameChanged(_event?: Event): void {\n    // 'onFullNameChanged()',\n    // this.firstName.value,\n    // this.lastName.value,\n    // event,\n    if (this.isFullNameChanged) {\n      this.setName();\n    } else {\n      const fullName = this.generateFullName();\n      if (this.fullName.value?.trim() !== fullName) {\n        this.isFullNameChanged = true;\n      }\n    }\n  }\n\n  protected nameKeyupEnter(event: Event): void {\n    if (this.namesForm?.valid) {\n      this.keyupEnter.emit(event);\n    }\n    if (this.canGoNext) {\n      this.next.emit(event);\n    }\n  }\n\n  protected get canGoNext(): boolean {\n    return !isNameEmpty(this.name);\n  }\n\n  protected onNext(event: Event): void {\n    this.next.emit(event);\n  }\n}\n","<ng-container [formGroup]=\"namesForm\">\n  @if (showHeader) {\n    <ion-item-divider [color]=\"isActive ? 'primary' : 'light'\">\n      <ion-label [style.font-weight]=\"isActive ? 'bold' : undefined\">\n        Names\n      </ion-label>\n    </ion-item-divider>\n  }\n  @if (!fields?.nickName?.hide) {\n    <ion-item>\n      <ion-input\n        #nickNameInput\n        label=\"Nick name\"\n        name=\"nick_name\"\n        [formControl]=\"nickName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (ionChange)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.firstName?.hide) {\n    <ion-item>\n      <ion-input\n        #firstNameInput\n        label=\"First name\"\n        name=\"first_name\"\n        [formControl]=\"firstName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (keyup)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.lastName?.hide) {\n    <ion-item>\n      <ion-input\n        #lastNameInput\n        label=\"Last name\"\n        name=\"last_name\"\n        [formControl]=\"lastName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (keyup)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  @if (!fields?.middleName?.hide) {\n    <ion-item>\n      <ion-input\n        #middleNameInput\n        label=\"Middle name\"\n        name=\"medium_name\"\n        [formControl]=\"middleName\"\n        (keyup.enter)=\"nameKeyupEnter($event)\"\n        (ionChange)=\"onNameChanged($event)\"\n      />\n    </ion-item>\n  }\n  <ion-item>\n    <ion-input\n      #fullNameInput\n      label=\"Full name\"\n      name=\"full_name\"\n      [formControl]=\"fullName\"\n      (keyup.enter)=\"nameKeyupEnter($event)\"\n      (keyup)=\"onFullNameChanged($event)\"\n    />\n  </ion-item>\n</ng-container>\n\n@if (showNextButton && isActive) {\n  <ion-button\n    class=\"ion-margin\"\n    size=\"medium\"\n    [color]=\"canGoNext ? 'primary' : 'medium'\"\n    (click)=\"onNext($event)\"\n  >\n    <ion-label>Next</ion-label>\n    <ion-icon name=\"arrow-forward-circle-outline\" slot=\"end\" />\n  </ion-button>\n}\n"]}

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

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

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

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