@sneat/extensions-schedulus-shared 0.3.0

package/esm2022/lib/components/happening-card/happening-card.component.js

@@ -0,0 +1,69 @@
+import { ChangeDetectionStrategy, Component, computed } from '@angular/core';
+import { IonButton, IonButtons, IonCard, IonIcon, IonItem, IonLabel, IonText, } from '@ionic/angular/standalone';
+import { LongMonthNamePipe } from '@sneat/components';
+import { SelectedContactsPipe } from '@sneat/contactus-shared';
+import { getRelatedItemIDs } from '@sneat/dto';
+import { WdToWeekdayPipe } from '@sneat/mod-schedulus-core';
+import { ClassName } from '@sneat/ui';
+import { HappeningBaseComponent } from '../happening-base.component';
+import { HappeningSlotsComponent } from '../happening-slots/happening-slots.component';
+import { ContactsAsBadgesComponent } from '@sneat/contactus-shared';
+import * as i0 from "@angular/core";
+export class HappeningCardComponent extends HappeningBaseComponent {
+    constructor() {
+        super();
+        this.$relatedContactIDs = computed(() => {
+            const happening = this.$happening();
+            if (!happening) {
+                return [];
+            }
+            return getRelatedItemIDs(happening.dbo?.related || happening.brief?.related, 'contactus', 'contacts');
+        }, ...(ngDevMode ? [{ debugName: "$relatedContactIDs" }] : []));
+        this.$hasRelatedContacts = computed(() => !!this.$relatedContactIDs()?.length, ...(ngDevMode ? [{ debugName: "$hasRelatedContacts" }] : []));
+    }
+    removeContact(contact) {
+        // console.log('removeContact()', contact);
+        const [space, happening] = this.spaceAndHappening();
+        if (!space || !happening) {
+            return;
+        }
+        const request = {
+            spaceID: space.id,
+            happeningID: happening.id,
+            contact: { id: contact.id },
+        };
+        this.happeningService.removeParticipant(request).subscribe({
+            next: () => {
+                this.changeDetectorRef.markForCheck();
+            },
+            error: this.errorLogger.logErrorHandler('Failed to remove member from happening'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: HappeningCardComponent, isStandalone: true, selector: "sneat-happening-card", providers: [
+            { provide: ClassName, useValue: 'HappeningCardComponent' },
+            ...HappeningBaseComponent.providers,
+        ], usesInheritance: true, ngImport: i0, template: "<ion-card [class.deleting]=\"deleting\">\n  <ion-item\n    color=\"light\"\n    class=\"sneat-no-end-padding\"\n    tappable=\"true\"\n    (click)=\"goHappening($event)\"\n  >\n    <ion-label>\n      @if (date) {\n        <b>{{ wd | wdToWeekday }}</b\n        >, {{ date.getDate() }} {{ date.getMonth() | longMonthName }}\n        &mdash;\n      }\n\n      <ion-text color=\"primary\" style=\"font-weight: bold\">\n        {{\n          $happening().brief?.title || $happening().dbo?.title || \"Loading...\"\n        }}\n      </ion-text>\n      <!--\t\t\t<p *ngIf='Object.keys(happening?.dto?.participants || {}).length'>-->\n      <!--\t\t\t\t<ion-badge-->\n      <!--\t\t\t\t\tcolor='medium'-->\n      <!--\t\t\t\t\tstyle='margin-right: 0.5em'-->\n      <!--\t\t\t\t\t*ngFor='-->\n      <!--\t\t\t\t\t\tlet participant of Object.keys( happening?.dto?.participants || {})-->\n      <!--\t\t\t\t\t'-->\n      <!--\t\t\t\t>-->\n      <!--\t\t\t\t\t{{ participant }}-->\n      <!--\t\t\t\t</ion-badge>-->\n      <!--\t\t\t</p>-->\n    </ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"delete($event)\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  <sneat-happening-slots [happening]=\"$happening()\" />\n  <!--\t<sneat-happening-slot-->\n  <!--\t\t[slot]=\"slot\"-->\n  <!--\t\t[happening]=\"happening\"-->\n  <!--\t\t*ngFor=\"-->\n  <!--\t\t\tlet slot of happening?.dbo?.slots || happening?.brief?.slots || [];-->\n  <!--\t\t\ttrackBy: index-->\n  <!--\t\t\"-->\n  <!--\t/>-->\n  <ion-item>\n    <ion-label color=\"medium\">\n      @if ($hasRelatedContacts()) {\n        <sneat-contacts-as-badges\n          [$contacts]=\"\n            $relatedContactIDs()\n              | selectedContacts: $contactusSpace()?.dbo?.contacts\n          \"\n          (deleteContact)=\"removeContact($event)\"\n        />\n      } @else {\n        Nobody assigned\n      }\n    </ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button color=\"tertiary\" (click)=\"selectMembers($event)\">\n        <ion-icon name=\"person-add-outline\" slot=\"start\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  <!--\t<ion-card-content>-->\n  <!--\t\tSome note here?-->\n  <!--\t</ion-card-content>-->\n</ion-card>\n", styles: [".deleting{text-decoration:line-through;opacity:.5}\n"], dependencies: [{ kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { 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: HappeningSlotsComponent, selector: "sneat-happening-slots", inputs: ["happening", "wd"], outputs: ["slotSelected", "happeningChange"] }, { kind: "component", type: ContactsAsBadgesComponent, selector: "sneat-contacts-as-badges", inputs: ["$contacts", "color", "showDelete"], outputs: ["deleteContact"] }, { kind: "pipe", type: WdToWeekdayPipe, name: "wdToWeekday" }, { kind: "pipe", type: LongMonthNamePipe, name: "longMonthName" }, { kind: "pipe", type: SelectedContactsPipe, name: "selectedContacts" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningCardComponent, decorators: [{
+            type: Component,
+            args: [{ providers: [
+                        { provide: ClassName, useValue: 'HappeningCardComponent' },
+                        ...HappeningBaseComponent.providers,
+                    ], imports: [
+                        IonText,
+                        WdToWeekdayPipe,
+                        IonLabel,
+                        IonCard,
+                        IonItem,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        HappeningSlotsComponent,
+                        ContactsAsBadgesComponent,
+                        LongMonthNamePipe,
+                        SelectedContactsPipe,
+                        SelectedContactsPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-happening-card', template: "<ion-card [class.deleting]=\"deleting\">\n  <ion-item\n    color=\"light\"\n    class=\"sneat-no-end-padding\"\n    tappable=\"true\"\n    (click)=\"goHappening($event)\"\n  >\n    <ion-label>\n      @if (date) {\n        <b>{{ wd | wdToWeekday }}</b\n        >, {{ date.getDate() }} {{ date.getMonth() | longMonthName }}\n        &mdash;\n      }\n\n      <ion-text color=\"primary\" style=\"font-weight: bold\">\n        {{\n          $happening().brief?.title || $happening().dbo?.title || \"Loading...\"\n        }}\n      </ion-text>\n      <!--\t\t\t<p *ngIf='Object.keys(happening?.dto?.participants || {}).length'>-->\n      <!--\t\t\t\t<ion-badge-->\n      <!--\t\t\t\t\tcolor='medium'-->\n      <!--\t\t\t\t\tstyle='margin-right: 0.5em'-->\n      <!--\t\t\t\t\t*ngFor='-->\n      <!--\t\t\t\t\t\tlet participant of Object.keys( happening?.dto?.participants || {})-->\n      <!--\t\t\t\t\t'-->\n      <!--\t\t\t\t>-->\n      <!--\t\t\t\t\t{{ participant }}-->\n      <!--\t\t\t\t</ion-badge>-->\n      <!--\t\t\t</p>-->\n    </ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"delete($event)\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  <sneat-happening-slots [happening]=\"$happening()\" />\n  <!--\t<sneat-happening-slot-->\n  <!--\t\t[slot]=\"slot\"-->\n  <!--\t\t[happening]=\"happening\"-->\n  <!--\t\t*ngFor=\"-->\n  <!--\t\t\tlet slot of happening?.dbo?.slots || happening?.brief?.slots || [];-->\n  <!--\t\t\ttrackBy: index-->\n  <!--\t\t\"-->\n  <!--\t/>-->\n  <ion-item>\n    <ion-label color=\"medium\">\n      @if ($hasRelatedContacts()) {\n        <sneat-contacts-as-badges\n          [$contacts]=\"\n            $relatedContactIDs()\n              | selectedContacts: $contactusSpace()?.dbo?.contacts\n          \"\n          (deleteContact)=\"removeContact($event)\"\n        />\n      } @else {\n        Nobody assigned\n      }\n    </ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button color=\"tertiary\" (click)=\"selectMembers($event)\">\n        <ion-icon name=\"person-add-outline\" slot=\"start\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  <!--\t<ion-card-content>-->\n  <!--\t\tSome note here?-->\n  <!--\t</ion-card-content>-->\n</ion-card>\n", styles: [".deleting{text-decoration:line-through;opacity:.5}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=happening-card.component.js.map

package/esm2022/lib/components/happening-card/happening-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"happening-card.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/happening-card/happening-card.component.ts","../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/happening-card/happening-card.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,GACR,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;;AA4BpE,MAAM,OAAO,sBAAuB,SAAQ,sBAAsB;IAiBhE;QACE,KAAK,EAAE,CAAC;QAjBS,uBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACpD,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,iBAAiB,CACtB,SAAS,CAAC,GAAG,EAAE,OAAO,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAClD,WAAW,EACX,UAAU,CACX,CAAC;QACJ,CAAC,8DAAC,CAAC;QAEgB,wBAAmB,GAAG,QAAQ,CAC/C,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,MAAM,+DAC1C,CAAC;IAIF,CAAC;IAES,aAAa,CAAC,OAA0B;QAChD,2CAA2C;QAC3C,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACpD,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAA6B;YACxC,OAAO,EAAE,KAAK,CAAC,EAAE;YACjB,WAAW,EAAE,SAAS,CAAC,EAAE;YACzB,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE;SAC5B,CAAC;QACF,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC;YACzD,IAAI,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;YACxC,CAAC;YACD,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,CACrC,wCAAwC,CACzC;SACF,CAAC,CAAC;IACL,CAAC;8GAxCU,sBAAsB;kGAAtB,sBAAsB,mEAxBtB;YACT,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE;YAC1D,GAAG,sBAAsB,CAAC,SAAS;SACpC,iDC1BH,uxEAuEA,8GD1CI,OAAO,gFAEP,QAAQ,6FACR,OAAO,yLACP,OAAO,0NACP,UAAU,8EACV,SAAS,oPACT,OAAO,2JACP,uBAAuB,6IACvB,yBAAyB,0IARzB,eAAe,+CASf,iBAAiB,iDACjB,oBAAoB;;2FAOX,sBAAsB;kBA1BlC,SAAS;gCAEG;wBACT,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE;wBAC1D,GAAG,sBAAsB,CAAC,SAAS;qBACpC,WAEQ;wBACP,OAAO;wBACP,eAAe;wBACf,QAAQ;wBACR,OAAO;wBACP,OAAO;wBACP,UAAU;wBACV,SAAS;wBACT,OAAO;wBACP,uBAAuB;wBACvB,yBAAyB;wBACzB,iBAAiB;wBACjB,oBAAoB;wBACpB,oBAAoB;qBACrB,mBACgB,uBAAuB,CAAC,MAAM,YACrC,sBAAsB","sourcesContent":["import { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonCard,\n  IonIcon,\n  IonItem,\n  IonLabel,\n  IonText,\n} from '@ionic/angular/standalone';\nimport { LongMonthNamePipe } from '@sneat/components';\nimport { IContactWithBrief } from '@sneat/contactus-core';\nimport { SelectedContactsPipe } from '@sneat/contactus-shared';\nimport { getRelatedItemIDs } from '@sneat/dto';\nimport { WdToWeekdayPipe } from '@sneat/mod-schedulus-core';\nimport { ClassName } from '@sneat/ui';\nimport { HappeningBaseComponent } from '../happening-base.component';\nimport { IHappeningContactRequest } from '../../services/happening.service';\nimport { HappeningSlotsComponent } from '../happening-slots/happening-slots.component';\nimport { ContactsAsBadgesComponent } from '@sneat/contactus-shared';\n\n@Component({\n  styleUrls: ['happening-card.component.scss'],\n  providers: [\n    { provide: ClassName, useValue: 'HappeningCardComponent' },\n    ...HappeningBaseComponent.providers,\n  ],\n  ...HappeningBaseComponent.metadata,\n  imports: [\n    IonText,\n    WdToWeekdayPipe,\n    IonLabel,\n    IonCard,\n    IonItem,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    HappeningSlotsComponent,\n    ContactsAsBadgesComponent,\n    LongMonthNamePipe,\n    SelectedContactsPipe,\n    SelectedContactsPipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-happening-card',\n  templateUrl: 'happening-card.component.html',\n})\nexport class HappeningCardComponent extends HappeningBaseComponent {\n  protected readonly $relatedContactIDs = computed(() => {\n    const happening = this.$happening();\n    if (!happening) {\n      return [];\n    }\n    return getRelatedItemIDs(\n      happening.dbo?.related || happening.brief?.related,\n      'contactus',\n      'contacts',\n    );\n  });\n\n  protected readonly $hasRelatedContacts = computed<boolean>(\n    () => !!this.$relatedContactIDs()?.length,\n  );\n\n  public constructor() {\n    super();\n  }\n\n  protected removeContact(contact: IContactWithBrief): void {\n    // console.log('removeContact()', contact);\n    const [space, happening] = this.spaceAndHappening();\n    if (!space || !happening) {\n      return;\n    }\n    const request: IHappeningContactRequest = {\n      spaceID: space.id,\n      happeningID: happening.id,\n      contact: { id: contact.id },\n    };\n    this.happeningService.removeParticipant(request).subscribe({\n      next: () => {\n        this.changeDetectorRef.markForCheck();\n      },\n      error: this.errorLogger.logErrorHandler(\n        'Failed to remove member from happening',\n      ),\n    });\n  }\n}\n","<ion-card [class.deleting]=\"deleting\">\n  <ion-item\n    color=\"light\"\n    class=\"sneat-no-end-padding\"\n    tappable=\"true\"\n    (click)=\"goHappening($event)\"\n  >\n    <ion-label>\n      @if (date) {\n        <b>{{ wd | wdToWeekday }}</b\n        >, {{ date.getDate() }} {{ date.getMonth() | longMonthName }}\n        &mdash;\n      }\n\n      <ion-text color=\"primary\" style=\"font-weight: bold\">\n        {{\n          $happening().brief?.title || $happening().dbo?.title || \"Loading...\"\n        }}\n      </ion-text>\n      <!--\t\t\t<p *ngIf='Object.keys(happening?.dto?.participants || {}).length'>-->\n      <!--\t\t\t\t<ion-badge-->\n      <!--\t\t\t\t\tcolor='medium'-->\n      <!--\t\t\t\t\tstyle='margin-right: 0.5em'-->\n      <!--\t\t\t\t\t*ngFor='-->\n      <!--\t\t\t\t\t\tlet participant of Object.keys( happening?.dto?.participants || {})-->\n      <!--\t\t\t\t\t'-->\n      <!--\t\t\t\t>-->\n      <!--\t\t\t\t\t{{ participant }}-->\n      <!--\t\t\t\t</ion-badge>-->\n      <!--\t\t\t</p>-->\n    </ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"delete($event)\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  <sneat-happening-slots [happening]=\"$happening()\" />\n  <!--\t<sneat-happening-slot-->\n  <!--\t\t[slot]=\"slot\"-->\n  <!--\t\t[happening]=\"happening\"-->\n  <!--\t\t*ngFor=\"-->\n  <!--\t\t\tlet slot of happening?.dbo?.slots || happening?.brief?.slots || [];-->\n  <!--\t\t\ttrackBy: index-->\n  <!--\t\t\"-->\n  <!--\t/>-->\n  <ion-item>\n    <ion-label color=\"medium\">\n      @if ($hasRelatedContacts()) {\n        <sneat-contacts-as-badges\n          [$contacts]=\"\n            $relatedContactIDs()\n              | selectedContacts: $contactusSpace()?.dbo?.contacts\n          \"\n          (deleteContact)=\"removeContact($event)\"\n        />\n      } @else {\n        Nobody assigned\n      }\n    </ion-label>\n    <ion-buttons slot=\"end\">\n      <ion-button color=\"tertiary\" (click)=\"selectMembers($event)\">\n        <ion-icon name=\"person-add-outline\" slot=\"start\" />\n        <ion-label>Add</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  <!--\t<ion-card-content>-->\n  <!--\t\tSome note here?-->\n  <!--\t</ion-card-content>-->\n</ion-card>\n"]}

package/esm2022/lib/components/happening-component-base-params.js

@@ -0,0 +1,37 @@
+import { Injectable, NgModule, inject } from '@angular/core';
+import { CalendariumSpaceService } from '../services/calendarium-space.service';
+import { SpaceComponentBaseParams } from '@sneat/space-components';
+import { HappeningService } from '../services/happening.service';
+import * as i0 from "@angular/core";
+export class HappeningComponentBaseParams {
+    constructor() {
+        this.spaceParams = inject(SpaceComponentBaseParams);
+        this.happeningService = inject(HappeningService);
+        this.calendariumSpaceService = inject(CalendariumSpaceService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningComponentBaseParams, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningComponentBaseParams }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningComponentBaseParams, decorators: [{
+            type: Injectable
+        }] });
+export class HappeningComponentBaseParamsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningComponentBaseParamsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: HappeningComponentBaseParamsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningComponentBaseParamsModule, providers: [
+            HappeningComponentBaseParams,
+            SpaceComponentBaseParams,
+            CalendariumSpaceService,
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningComponentBaseParamsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        HappeningComponentBaseParams,
+                        SpaceComponentBaseParams,
+                        CalendariumSpaceService,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=happening-component-base-params.js.map

package/esm2022/lib/components/happening-component-base-params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"happening-component-base-params.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/happening-component-base-params.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;AAGjE,MAAM,OAAO,4BAA4B;IADzC;QAEW,gBAAW,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAC;QAC/C,qBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAC5C,4BAAuB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;KACpE;8GAJY,4BAA4B;kHAA5B,4BAA4B;;2FAA5B,4BAA4B;kBADxC,UAAU;;AAcX,MAAM,OAAO,kCAAkC;8GAAlC,kCAAkC;+GAAlC,kCAAkC;+GAAlC,kCAAkC,aANlC;YACT,4BAA4B;YAC5B,wBAAwB;YACxB,uBAAuB;SACxB;;2FAEU,kCAAkC;kBAP9C,QAAQ;mBAAC;oBACR,SAAS,EAAE;wBACT,4BAA4B;wBAC5B,wBAAwB;wBACxB,uBAAuB;qBACxB;iBACF","sourcesContent":["import { Injectable, NgModule, inject } from '@angular/core';\nimport { CalendariumSpaceService } from '../services/calendarium-space.service';\nimport { SpaceComponentBaseParams } from '@sneat/space-components';\nimport { HappeningService } from '../services/happening.service';\n\n@Injectable()\nexport class HappeningComponentBaseParams {\n  readonly spaceParams = inject(SpaceComponentBaseParams);\n  readonly happeningService = inject(HappeningService);\n  readonly calendariumSpaceService = inject(CalendariumSpaceService);\n}\n\n@NgModule({\n  providers: [\n    HappeningComponentBaseParams,\n    SpaceComponentBaseParams,\n    CalendariumSpaceService,\n  ],\n})\nexport class HappeningComponentBaseParamsModule {}\n"]}

package/esm2022/lib/components/happening-form/happening-form.component.js

@@ -0,0 +1,348 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed, effect, EventEmitter, inject, input, Input, Output, signal, ViewChild, } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule, Validators, } from '@angular/forms';
+import { ModalController, NavController, IonButton, IonCard, IonCardContent, IonCardHeader, IonIcon, IonInput, IonItem, IonItemGroup, IonLabel, IonSegment, IonSegmentButton, IonSpinner, IonCardSubtitle, IonButtons, IonTextarea, IonGrid, IonRow, IonCol, } from '@ionic/angular/standalone';
+import { RoutingState } from '@sneat/core';
+import { mergeValuesWithIDs, } from '@sneat/mod-schedulus-core';
+import { SpaceComponentBaseParams } from '@sneat/space-components';
+import { takeUntil } from 'rxjs';
+import { HappeningTitleModalComponent } from '../../modals/happening-title-modal/happening-title-modal.component';
+import { HappeningParticipantsComponent } from '../happening-participants/happening-participants.component';
+import { HappeningSlotFormComponent } from '../happening-slot-form/happening-slot-form.component';
+import { HappeningSlotsComponent } from '../happening-slots/happening-slots.component';
+import { HappeningPricesComponent } from './happening-prices/happening-prices.component';
+import { HappeningService, HappeningServiceModule, } from '../../services/happening.service';
+import { WithSpaceInput } from '@sneat/space-services';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class HappeningFormComponent extends WithSpaceInput {
+    async editTitle(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const modal = await this.modalController.create({
+            component: HappeningTitleModalComponent,
+            componentProps: {
+                happening: this.$happening(),
+            },
+        });
+        await modal.present();
+        // const title = (event as CustomEvent).detail.value;
+        // this.happeningTitle.setValue(title);
+        // const happening = this.$happening();
+        // if (happening.brief) {
+        // 	this.happeningChange.emit({
+        // 		...happening,
+        // 		brief: { ...happening.brief, title },
+        // 	});
+        // }
+    }
+    constructor() {
+        super();
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.happeningService = inject(HappeningService);
+        this.params = inject(SpaceComponentBaseParams);
+        this.$happening = input.required(...(ngDevMode ? [{ debugName: "$happening" }] : []));
+        this.$happeningID = computed(() => this.$happening().id, ...(ngDevMode ? [{ debugName: "$happeningID" }] : []));
+        this.$mode = computed(() => this.$happeningID() ? 'edit' : 'create', ...(ngDevMode ? [{ debugName: "$mode" }] : []));
+        this.$hasDescription = computed(() => this.$happening().dbo?.description, ...(ngDevMode ? [{ debugName: "$hasDescription" }] : []));
+        this.happeningChange = new EventEmitter();
+        this.navController = inject(NavController);
+        this.$isCreating = signal(false, ...(ngDevMode ? [{ debugName: "$isCreating" }] : []));
+        this.$isCancelling = signal(false, ...(ngDevMode ? [{ debugName: "$isCancelling" }] : []));
+        this.$isDeleting = signal(false, ...(ngDevMode ? [{ debugName: "$isDeleting" }] : []));
+        this.$slots = computed(() => {
+            const happening = this.$happening();
+            return happening.brief
+                ? mergeValuesWithIDs(happening.brief.slots)
+                : undefined;
+        }, ...(ngDevMode ? [{ debugName: "$slots" }] : []));
+        this.happeningTitle = new FormControl('', Validators.required);
+        // protected onTitleChange(event: Event): void {
+        // 	console.log('onTitleChange()', event);
+        // }
+        this.modalController = inject(ModalController);
+        this.happeningType = new FormControl('recurring', Validators.required);
+        this.happeningForm = new FormGroup({
+            title: this.happeningTitle,
+        });
+        this.isToDo = false;
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onHappeningTitleChanged = () => { };
+        const routingState = inject(RoutingState);
+        this.happeningTitle.registerOnChange(this.onHappeningTitleChanged);
+        this.hasNavHistory = routingState.hasHistory();
+        effect(() => {
+            const happening = this.$happening();
+            const happeningType = happening?.brief?.type;
+            if (happeningType) {
+                this.happeningType.setValue(happeningType);
+            }
+            if (happening.brief?.title && this.happeningTitle.untouched) {
+                this.happeningTitle.setValue(happening?.brief?.title);
+                // this.changeDetectorRef.markForCheck();
+                // this.slots = this?.happening?.brief?.slots || [];
+            }
+            // this.changeDetectorRef.markForCheck();
+        });
+    }
+    ngAfterViewInit() {
+        // console.log('HappeningFormComponent.ngAfterViewInit()');
+        this.setFocusToInput(this.titleInput);
+    }
+    onHappeningTypeChanged(event) {
+        const happeningType = event.detail.value;
+        let happening = this.$happening();
+        happening = {
+            ...happening,
+            brief: {
+                ...(happening.brief || {
+                    type: happeningType,
+                    status: 'draft',
+                    kind: 'activity',
+                    title: '',
+                }),
+                type: happeningType,
+            },
+        };
+        this.happeningChange.emit(happening);
+        // const setSlots = (slots?: IHappeningSlot[]) => {
+        //    if (slots && this.happening?.brief) {
+        //       this.happening = {
+        //          ...this.happening,
+        //          brief: {
+        //             ...this.happening.brief,
+        //             slots,
+        //          },
+        //       };
+        //    }
+        // };
+        //
+        // switch (happeningType) {
+        //    case 'single':
+        //       setSlots(this.happening?.brief?.slots);
+        //       break;
+        //    case 'recurring':
+        //       setSlots(this.happening?.brief?.slots);
+        //       break;
+        // }
+    }
+    onTitleEnter(_event) {
+        this.changeDetectorRef.markForCheck();
+    }
+    onTitleChanged(event) {
+        if (event.detail.value === this.titleInput?.value) {
+            this.happeningTitle.reset();
+        }
+    }
+    ionViewDidEnter() {
+        if (!this.titleInput) {
+            this.errorLogger.logError(new Error('titleInput is not initialized'));
+            return;
+        }
+        this.titleInput
+            .setFocus()
+            .catch(this.errorLogger.logErrorHandler('failed to set focus to title input'));
+    }
+    // onAddSlotModalDismissed(): void {
+    // 	console.log('NewHappeningPage.onAddSlotModalDismissed()');
+    // 	if (!this.titleInput?.value) {
+    // 		if (this.titleInput) {
+    // 			setTimeout(() => {
+    // 				this.titleInput?.setFocus().catch(this.logErrorHandler('failed to set focus to title input'));
+    // 			}, 50);
+    // 		} else {
+    // 			console.warn('View child #titleInput is not initialized');
+    // 		}
+    // 	}
+    // }
+    onSlotAdded(_slot) {
+        this.happeningForm.markAllAsTouched();
+    }
+    onHappeningChanged(happening) {
+        // this.happening = happening;
+        this.happeningForm.markAllAsTouched(); // TODO: Document why we need it and if we can remove it
+        this.happeningChange.emit(happening);
+    }
+    formIsValid() {
+        if (!this.happeningForm.valid) {
+            return false;
+        }
+        return !!this.$slots()?.length;
+    }
+    makeHappeningDto() {
+        const space = this.$space();
+        if (!space) {
+            throw new Error('!this.team');
+        }
+        const happening = this.$happening();
+        if (!happening) {
+            throw new Error('!this.happening');
+        }
+        if (!happening.brief) {
+            throw new Error('!this.happening.brief');
+        }
+        const activityFormValue = this.happeningForm.value;
+        const dto = {
+            ...happening.dbo,
+            ...happening.brief,
+            spaceIDs: [space.id], // TODO: should be already in this.happening.brief
+            title: activityFormValue.title || '', // TODO: should be already in this.happening.brief
+        };
+        // switch (dto.type) {
+        // 	case 'recurring':
+        // 		// dto.slots = this.slots.map(slot => ({ ...slot, repeats: 'weekly', id: slot.id || newRandomId({ len: 5 }) }));
+        // 		break;
+        // 	case 'single':
+        // 		if (!this.singleSlot) {
+        // 			throw new Error('timing is not set');
+        // 		}
+        // 		dto.slots = [{
+        // 			...this.singleSlot,
+        // 			id: 'once',
+        // 			repeats: 'once',
+        // 		}];
+        // 		break;
+        // 	default:
+        // 		throw new Error('unknown happening type: ' + dto.type);
+        // }
+        return dto;
+    }
+    submit() {
+        if (this.$happening()?.id) {
+            alert('editing existing happening is not implemented yet');
+        }
+        else {
+            //Create happening
+            this.createHappening();
+        }
+    }
+    createHappening() {
+        const space = this.$space();
+        if (!space) {
+            this.errorLogger.logError(new Error('!space context'));
+            return;
+        }
+        try {
+            // this.happeningForm.markAsTouched();
+            // if (!this.happeningForm.valid) {
+            // 	alert('title is a required field');
+            // 	// if (!this.happeningForm.controls['title'].valid) {
+            // 	// 	this.titleInput?.setFocus()
+            // 	// 		.catch(this.logErrorHandler('failed to set focus to title input after happening found to be not valid'));
+            // 	// }
+            // 	return;
+            // }
+            this.$isCreating.set(true);
+            let happening = this.makeHappeningDto();
+            switch (happening.type) {
+                case 'single':
+                    happening = {
+                        ...happening,
+                        slots: Object.fromEntries(Object.entries(happening.slots || {}).map(([id, data]) => [
+                            id,
+                            { ...data, repeats: 'once' },
+                        ])),
+                    };
+                    break;
+            }
+            this.happeningService
+                .createHappening({ spaceID: space.id, happening })
+                .pipe(takeUntil(this.destroyed$))
+                .subscribe({
+                next: () => {
+                    if (this.hasNavHistory) {
+                        this.navController
+                            .pop()
+                            .catch(this.errorLogger.logErrorHandler('failed to pop back after creating a happening'));
+                    }
+                    else {
+                        this.params.spaceNavService
+                            .navigateBackToSpacePage(space, 'calendar')
+                            .catch(this.errorLogger.logErrorHandler('failed to navigate to space calendar after creating a happening'));
+                    }
+                },
+                error: (err) => {
+                    this.$isCreating.set(false);
+                    this.errorLogger.logError(err, 'API request failed to create new happening');
+                },
+                complete: () => {
+                    this.$isCreating.set(false);
+                },
+            });
+        }
+        catch (e) {
+            this.$isCreating.set(false);
+            this.errorLogger.logError(e, 'failed to create new happening');
+        }
+    }
+    cancel() {
+        const space = this.$space();
+        const happening = this.$happening();
+        const request = {
+            spaceID: space.id || '',
+            happeningID: happening.id || '',
+        };
+        this.$isCancelling.set(true);
+        this.happeningService.cancelHappening(request).subscribe({
+            next: () => this.$isCancelling.set(false),
+            error: (err) => {
+                this.errorLogger.logError(err, 'failed to cancel happening');
+                this.$isCancelling.set(false);
+            },
+            // complete: () => this.isCancelling.set(false), -- TODO(help-wanted): Why is not working?
+        });
+    }
+    delete() {
+        this.$isDeleting.set(true);
+        this.happeningService.deleteHappening(this.$happening()).subscribe({
+            next: () => this.$isDeleting.set(false),
+            error: (err) => {
+                this.errorLogger.logError(err, 'failed to delete happening');
+                this.$isDeleting.set(false);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: HappeningFormComponent, isStandalone: true, selector: "sneat-happening-form", inputs: { $happening: { classPropertyName: "$happening", publicName: "$happening", isSignal: true, isRequired: true, transformFunction: null }, wd: { classPropertyName: "wd", publicName: "wd", isSignal: false, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { happeningChange: "happeningChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true, static: true }, { propertyName: "happeningSlotsComponent", first: true, predicate: ["happeningSlotsComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"happeningForm\" (ngSubmit)=\"submit()\">\n  @if ($mode() === \"create\") {\n    <ion-segment\n      class=\"ion-padding-horizontal\"\n      [formControl]=\"happeningType\"\n      (ionChange)=\"onHappeningTypeChanged($event)\"\n    >\n      <ion-segment-button value=\"recurring\" [disabled]=\"!!$happening().id\">\n        Recurring\n      </ion-segment-button>\n      <ion-segment-button value=\"single\" [disabled]=\"!!$happening().id\">\n        One-timer\n      </ion-segment-button>\n    </ion-segment>\n  }\n\n  <ion-card>\n    <ion-item\n      class=\"sneat-tiny-end-padding\"\n      [lines]=\"happeningTitle.value ? 'none' : undefined\"\n    >\n      @switch ($mode()) {\n        @case (\"edit\") {\n          @if ($happening().dbo) {\n            <ion-label (click)=\"editTitle($event)\" style=\"font-weight: bold\">\n              {{ $happening().dbo?.title }}\n            </ion-label>\n          } @else {\n            <ion-spinner\n              color=\"medium\"\n              name=\"lines-small\"\n              slot=\"start\"\n              title=\"Loading...\"\n            />\n            <ion-label>Loading...</ion-label>\n          }\n          <ion-buttons slot=\"end\">\n            <ion-button\n              color=\"medium\"\n              (click)=\"editTitle($event)\"\n              [disabled]=\"!$happeningID()\"\n            >\n              <ion-icon name=\"create-outline\" slot=\"start\" />\n              <ion-label>Edit</ion-label>\n            </ion-button>\n          </ion-buttons>\n        }\n        @case (\"create\") {\n          <ion-input\n            placeholder=\"Title\"\n            style=\"font-weight: bold\"\n            #titleInput\n            [formControl]=\"happeningTitle\"\n            (keyup.enter)=\"onTitleEnter($event)\"\n            (ionChange)=\"onTitleChanged($event)\"\n            type=\"text\"\n          />\n        }\n      }\n    </ion-item>\n    @if (!happeningTitle.value) {\n      <ion-item>\n        <ion-label color=\"medium\">\n          Enter above the name of the event.\n        </ion-label>\n      </ion-item>\n    }\n    @if ($mode() === \"edit\") {\n      <ion-grid class=\"ion-grid-layout\">\n        <ion-row>\n          <ion-col [size]=\"$hasDescription() ? 12 : 6\">\n            <ion-item>\n              <ion-textarea\n                label=\"Summary\"\n                labelPlacement=\"stacked\"\n                placeholder=\"none\"\n                auto-grow=\"true\"\n                readonly=\"true\"\n                [value]=\"$happening().dbo?.summary\"\n              />\n            </ion-item>\n          </ion-col>\n          <ion-col [size]=\"$hasDescription() ? 12 : 6\">\n            <ion-item lines=\"none\">\n              {{ $happening().dbo?.description }}\n            </ion-item>\n          </ion-col>\n        </ion-row>\n      </ion-grid>\n    }\n  </ion-card>\n\n  @if (happeningTitle.value) {\n    <ion-card>\n      <ion-item-group>\n        @if (!$slots()?.length) {\n          <sneat-happening-slot-form\n            mode=\"in-form\"\n            [wd]=\"wd\"\n            [date]=\"date\"\n            [$happening]=\"$happening()\"\n            (happeningChange)=\"onHappeningChanged($event)\"\n            (slotAdded)=\"onSlotAdded($event)\"\n          />\n        }\n        @if ($happening().id || $slots()?.length) {\n          <sneat-happening-slots\n            #happeningSlotsComponent\n            [happening]=\"$happening()\"\n            [wd]=\"wd\"\n          />\n        }\n        <!--\t\t\t<sneat-single-slot-form-->\n        <!--\t\t\t\t[happening]=\"happening\"-->\n        <!--\t\t\t\t[style.display]=\"happeningType === 'single' ? 'block' : 'none'\"-->\n        <!--\t\t\t\t(happeningSlotChange)=\"onSingleSlotChanged($event)\"-->\n        <!--\t\t\t>-->\n        <!--\t\t\t\t&lt;!&ndash; hide with [style.display] to preserve input values if tab switched back and forth &ndash;&gt;-->\n        <!--\t\t\t</sneat-single-slot-form>-->\n      </ion-item-group>\n    </ion-card>\n\n    @if ($happening().id || $happening().brief?.slots) {\n      <ng-container>\n        <sneat-happening-pricing\n          [happening]=\"$happening()\"\n          (happeningChange)=\"onHappeningChanged($event)\"\n        />\n\n        <sneat-happening-participants\n          [$space]=\"$space()\"\n          [$happening]=\"$happening()\"\n          (happeningChange)=\"onHappeningChanged($event)\"\n        />\n\n        <ion-card>\n          @if (!formIsValid()) {\n            <ion-item>\n              <ion-label color=\"danger\">\n                <ul>\n                  @if (\n                    happeningForm.touched &&\n                    happeningForm.controls[\"title\"].errors\n                  ) {\n                    <li>\n                      @if (isToDo) {\n                        Task title is required.\n                      } @else {\n                        Please enter a required \"Title\" field at top of the\n                        page.\n                      }\n                    </li>\n                  }\n                  @if (\n                    happeningType.value === \"recurring\" && !$slots()?.length\n                  ) {\n                    <li>\n                      <p>\n                        At least 1 slot should be specified for a recurring\n                        happening.\n                      </p>\n                      <ion-button>Add slot</ion-button>\n                    </li>\n                  }\n                </ul>\n              </ion-label>\n            </ion-item>\n          }\n          <!--\t\t\t\t@if (weekdaysForm.touched && weekdaysForm.errors && weekdaysForm.errors['required']) {-->\n          <!--\t\t\t\t\t<ion-item color=\"danger\" *ngIf=\"\">-->\n          <!--\t\t\t\t\t\t{{ weekdaysForm.errors['required'] }}-->\n          <!--\t\t\t\t\t</ion-item>-->\n          <!--\t\t\t\t}-->\n\n          @if (!$happening().id) {\n            <div class=\"ion-padding\">\n              <ion-button\n                [disabled]=\"$isCreating()\"\n                [color]=\"formIsValid() ? 'primary' : 'medium'\"\n                size=\"large\"\n                (click)=\"submit()\"\n              >\n                @if (isToDo) {\n                  <ion-label>Add task</ion-label>\n                } @else {\n                  @switch (happeningType.value) {\n                    @case (\"recurring\") {\n                      <ion-label>Create recurring happening</ion-label>\n                    }\n                    @case (\"single\") {\n                      <ion-label>Create one-timer happening</ion-label>\n                    }\n                  }\n                }\n                @if ($isCreating()) {\n                  <ion-spinner slot=\"end\" class=\"ion-margin-horizontal\" />\n                }\n              </ion-button>\n            </div>\n          }\n        </ion-card>\n      </ng-container>\n    }\n  }\n</form>\n\n@if ($happening().id) {\n  <ion-card>\n    <ion-card-header>\n      <!--\t\t<ion-card-title>Danger zone</ion-card-title>-->\n      <ion-card-subtitle>Actions in red are irrevocable</ion-card-subtitle>\n    </ion-card-header>\n    <ion-card-content>\n      @if ($happening().brief?.status !== \"canceled\") {\n        <ion-button\n          color=\"warning\"\n          [disabled]=\"$isCancelling()\"\n          (click)=\"cancel()\"\n        >\n          <ion-icon name=\"close-outline\" slot=\"start\" />\n          <ion-label>Cancel & Archive</ion-label>\n          <ion-icon name=\"archive-outline\" slot=\"end\" />\n        </ion-button>\n      }\n      <ion-button color=\"danger\" (click)=\"delete()\" [disabled]=\"$isDeleting()\">\n        @if ($isDeleting()) {\n          <ion-spinner name=\"lines-small\" slot=\"start\" />\n        } @else {\n          <ion-icon name=\"close-circle-outline\" slot=\"start\" />\n        }\n        <ion-label>Delete</ion-label>\n      </ion-button>\n    </ion-card-content>\n  </ion-card>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "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: "ngmodule", type: HappeningServiceModule }, { kind: "component", type: HappeningParticipantsComponent, selector: "sneat-happening-participants", inputs: ["$happening"], outputs: ["happeningChange"] }, { kind: "component", type: HappeningPricesComponent, selector: "sneat-happening-pricing", inputs: ["happening"], outputs: ["happeningChange"] }, { kind: "component", type: HappeningSlotFormComponent, selector: "sneat-happening-slot-form", inputs: ["$happening", "mode", "slot", "wd", "date", "isToDo"], outputs: ["slotAdded", "happeningChange", "eventTimesChanged"] }, { kind: "component", type: HappeningSlotsComponent, selector: "sneat-happening-slots", inputs: ["happening", "wd"], outputs: ["slotSelected", "happeningChange"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: 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: 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: IonItemGroup, selector: "ion-item-group" }, { 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: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningFormComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        ReactiveFormsModule,
+                        HappeningServiceModule,
+                        HappeningParticipantsComponent,
+                        HappeningPricesComponent,
+                        HappeningSlotFormComponent,
+                        HappeningSlotsComponent,
+                        IonSegment,
+                        IonSegmentButton,
+                        IonCard,
+                        IonItem,
+                        IonLabel,
+                        IonInput,
+                        IonItemGroup,
+                        IonButton,
+                        IonCardHeader,
+                        IonCardContent,
+                        IonIcon,
+                        IonSpinner,
+                        IonCardSubtitle,
+                        IonButtons,
+                        IonTextarea,
+                        IonGrid,
+                        IonRow,
+                        IonCol,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-happening-form', template: "<form [formGroup]=\"happeningForm\" (ngSubmit)=\"submit()\">\n  @if ($mode() === \"create\") {\n    <ion-segment\n      class=\"ion-padding-horizontal\"\n      [formControl]=\"happeningType\"\n      (ionChange)=\"onHappeningTypeChanged($event)\"\n    >\n      <ion-segment-button value=\"recurring\" [disabled]=\"!!$happening().id\">\n        Recurring\n      </ion-segment-button>\n      <ion-segment-button value=\"single\" [disabled]=\"!!$happening().id\">\n        One-timer\n      </ion-segment-button>\n    </ion-segment>\n  }\n\n  <ion-card>\n    <ion-item\n      class=\"sneat-tiny-end-padding\"\n      [lines]=\"happeningTitle.value ? 'none' : undefined\"\n    >\n      @switch ($mode()) {\n        @case (\"edit\") {\n          @if ($happening().dbo) {\n            <ion-label (click)=\"editTitle($event)\" style=\"font-weight: bold\">\n              {{ $happening().dbo?.title }}\n            </ion-label>\n          } @else {\n            <ion-spinner\n              color=\"medium\"\n              name=\"lines-small\"\n              slot=\"start\"\n              title=\"Loading...\"\n            />\n            <ion-label>Loading...</ion-label>\n          }\n          <ion-buttons slot=\"end\">\n            <ion-button\n              color=\"medium\"\n              (click)=\"editTitle($event)\"\n              [disabled]=\"!$happeningID()\"\n            >\n              <ion-icon name=\"create-outline\" slot=\"start\" />\n              <ion-label>Edit</ion-label>\n            </ion-button>\n          </ion-buttons>\n        }\n        @case (\"create\") {\n          <ion-input\n            placeholder=\"Title\"\n            style=\"font-weight: bold\"\n            #titleInput\n            [formControl]=\"happeningTitle\"\n            (keyup.enter)=\"onTitleEnter($event)\"\n            (ionChange)=\"onTitleChanged($event)\"\n            type=\"text\"\n          />\n        }\n      }\n    </ion-item>\n    @if (!happeningTitle.value) {\n      <ion-item>\n        <ion-label color=\"medium\">\n          Enter above the name of the event.\n        </ion-label>\n      </ion-item>\n    }\n    @if ($mode() === \"edit\") {\n      <ion-grid class=\"ion-grid-layout\">\n        <ion-row>\n          <ion-col [size]=\"$hasDescription() ? 12 : 6\">\n            <ion-item>\n              <ion-textarea\n                label=\"Summary\"\n                labelPlacement=\"stacked\"\n                placeholder=\"none\"\n                auto-grow=\"true\"\n                readonly=\"true\"\n                [value]=\"$happening().dbo?.summary\"\n              />\n            </ion-item>\n          </ion-col>\n          <ion-col [size]=\"$hasDescription() ? 12 : 6\">\n            <ion-item lines=\"none\">\n              {{ $happening().dbo?.description }}\n            </ion-item>\n          </ion-col>\n        </ion-row>\n      </ion-grid>\n    }\n  </ion-card>\n\n  @if (happeningTitle.value) {\n    <ion-card>\n      <ion-item-group>\n        @if (!$slots()?.length) {\n          <sneat-happening-slot-form\n            mode=\"in-form\"\n            [wd]=\"wd\"\n            [date]=\"date\"\n            [$happening]=\"$happening()\"\n            (happeningChange)=\"onHappeningChanged($event)\"\n            (slotAdded)=\"onSlotAdded($event)\"\n          />\n        }\n        @if ($happening().id || $slots()?.length) {\n          <sneat-happening-slots\n            #happeningSlotsComponent\n            [happening]=\"$happening()\"\n            [wd]=\"wd\"\n          />\n        }\n        <!--\t\t\t<sneat-single-slot-form-->\n        <!--\t\t\t\t[happening]=\"happening\"-->\n        <!--\t\t\t\t[style.display]=\"happeningType === 'single' ? 'block' : 'none'\"-->\n        <!--\t\t\t\t(happeningSlotChange)=\"onSingleSlotChanged($event)\"-->\n        <!--\t\t\t>-->\n        <!--\t\t\t\t&lt;!&ndash; hide with [style.display] to preserve input values if tab switched back and forth &ndash;&gt;-->\n        <!--\t\t\t</sneat-single-slot-form>-->\n      </ion-item-group>\n    </ion-card>\n\n    @if ($happening().id || $happening().brief?.slots) {\n      <ng-container>\n        <sneat-happening-pricing\n          [happening]=\"$happening()\"\n          (happeningChange)=\"onHappeningChanged($event)\"\n        />\n\n        <sneat-happening-participants\n          [$space]=\"$space()\"\n          [$happening]=\"$happening()\"\n          (happeningChange)=\"onHappeningChanged($event)\"\n        />\n\n        <ion-card>\n          @if (!formIsValid()) {\n            <ion-item>\n              <ion-label color=\"danger\">\n                <ul>\n                  @if (\n                    happeningForm.touched &&\n                    happeningForm.controls[\"title\"].errors\n                  ) {\n                    <li>\n                      @if (isToDo) {\n                        Task title is required.\n                      } @else {\n                        Please enter a required \"Title\" field at top of the\n                        page.\n                      }\n                    </li>\n                  }\n                  @if (\n                    happeningType.value === \"recurring\" && !$slots()?.length\n                  ) {\n                    <li>\n                      <p>\n                        At least 1 slot should be specified for a recurring\n                        happening.\n                      </p>\n                      <ion-button>Add slot</ion-button>\n                    </li>\n                  }\n                </ul>\n              </ion-label>\n            </ion-item>\n          }\n          <!--\t\t\t\t@if (weekdaysForm.touched && weekdaysForm.errors && weekdaysForm.errors['required']) {-->\n          <!--\t\t\t\t\t<ion-item color=\"danger\" *ngIf=\"\">-->\n          <!--\t\t\t\t\t\t{{ weekdaysForm.errors['required'] }}-->\n          <!--\t\t\t\t\t</ion-item>-->\n          <!--\t\t\t\t}-->\n\n          @if (!$happening().id) {\n            <div class=\"ion-padding\">\n              <ion-button\n                [disabled]=\"$isCreating()\"\n                [color]=\"formIsValid() ? 'primary' : 'medium'\"\n                size=\"large\"\n                (click)=\"submit()\"\n              >\n                @if (isToDo) {\n                  <ion-label>Add task</ion-label>\n                } @else {\n                  @switch (happeningType.value) {\n                    @case (\"recurring\") {\n                      <ion-label>Create recurring happening</ion-label>\n                    }\n                    @case (\"single\") {\n                      <ion-label>Create one-timer happening</ion-label>\n                    }\n                  }\n                }\n                @if ($isCreating()) {\n                  <ion-spinner slot=\"end\" class=\"ion-margin-horizontal\" />\n                }\n              </ion-button>\n            </div>\n          }\n        </ion-card>\n      </ng-container>\n    }\n  }\n</form>\n\n@if ($happening().id) {\n  <ion-card>\n    <ion-card-header>\n      <!--\t\t<ion-card-title>Danger zone</ion-card-title>-->\n      <ion-card-subtitle>Actions in red are irrevocable</ion-card-subtitle>\n    </ion-card-header>\n    <ion-card-content>\n      @if ($happening().brief?.status !== \"canceled\") {\n        <ion-button\n          color=\"warning\"\n          [disabled]=\"$isCancelling()\"\n          (click)=\"cancel()\"\n        >\n          <ion-icon name=\"close-outline\" slot=\"start\" />\n          <ion-label>Cancel & Archive</ion-label>\n          <ion-icon name=\"archive-outline\" slot=\"end\" />\n        </ion-button>\n      }\n      <ion-button color=\"danger\" (click)=\"delete()\" [disabled]=\"$isDeleting()\">\n        @if ($isDeleting()) {\n          <ion-spinner name=\"lines-small\" slot=\"start\" />\n        } @else {\n          <ion-icon name=\"close-circle-outline\" slot=\"start\" />\n        }\n        <ion-label>Delete</ion-label>\n      </ion-button>\n    </ion-card-content>\n  </ion-card>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { $happening: [{ type: i0.Input, args: [{ isSignal: true, alias: "$happening", required: true }] }], wd: [{
+                type: Input
+            }], date: [{
+                type: Input
+            }], happeningChange: [{
+                type: Output
+            }], titleInput: [{
+                type: ViewChild,
+                args: ['titleInput', { static: true }]
+            }], happeningSlotsComponent: [{
+                type: ViewChild,
+                args: ['happeningSlotsComponent', { static: false }]
+            }] } });
+//# sourceMappingURL=happening-form.component.js.map