@sneat/extensions-schedulus-shared 0.3.0

package/esm2022/lib/components/calendar/components/calendar-week/calendar-week.component.js

@@ -0,0 +1,78 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, input, Output, signal, } from '@angular/core';
+import { dateToIso } from '@sneat/core';
+import { createWeekdays } from '../../../calendar-core';
+import { CalendarWeekdayComponent } from '../calendar-weekday/calendar-weekday.component';
+import * as i0 from "@angular/core";
+export class CalendarWeekComponent {
+    constructor() {
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$week = input.required(...(ngDevMode ? [{ debugName: "$week" }] : []));
+        this.$spaceDaysProvider = input.required(...(ngDevMode ? [{ debugName: "$spaceDaysProvider" }] : []));
+        // @Input() filter?: ICalendarFilter;
+        this.goNew = new EventEmitter();
+        this.dateSelected = new EventEmitter();
+        /* Having trouble to make it computed due to:
+          ERROR RuntimeError: NG0602: effect() cannot be called from within a reactive context. Call `effect` outside of a reactive context. For example, schedule the effect inside the component constructor. Find more at https://angular.dev/errors/NG0602
+          at assertNotInReactiveContext (core.mjs:8451:15)
+          at effect (core.mjs:39579:9)
+          at calendar-day.ts:101:27
+          at runInInjectionContext (core.mjs:2467:16)
+          at new CalendarDay (calendar-day.ts:100:24)
+          at CalendarDataProvider.getCalendarDay (calendar-data-provider.ts:182:10)
+          at calendar-week.component.ts:54:28
+          at Array.map (<anonymous>)
+          at Object.computation (calendar-week.component.ts:50:19)
+           */
+        this.$weekdays = signal(createWeekdays(), ...(ngDevMode ? [{ debugName: "$weekdays" }] : []));
+    }
+    ngOnChanges(changes) {
+        if (changes['$week']) {
+            this.onWeekInputChanged(changes['$week']);
+        }
+        if (changes['$spaceDaysProvider']) {
+            this.onSpaceChanged();
+        }
+    }
+    onSpaceChanged() {
+        const week = this.$week();
+        if (week.startDate) {
+            this.recreateWeekdays(week.startDate);
+        }
+    }
+    recreateWeekdays(startDate) {
+        const spaceDaysProvider = this.$spaceDaysProvider();
+        const startDateN = startDate.getDate();
+        this.$weekdays.update((weekdays) => weekdays.map((wd, i) => {
+            const date = new Date(new Date().setDate(startDateN + i));
+            return {
+                ...wd,
+                day: spaceDaysProvider.getCalendarDay(date),
+            };
+        }));
+    }
+    onWeekInputChanged(weekChange) {
+        // console.log('ScheduleWeekComponent.onWeekInputChanged()', week);
+        const prevWeek = weekChange.previousValue;
+        const currentWeek = weekChange.currentValue;
+        if (!currentWeek ||
+            prevWeek === currentWeek ||
+            (prevWeek &&
+                currentWeek &&
+                dateToIso(prevWeek.startDate) == dateToIso(currentWeek.startDate))) {
+            return;
+        }
+        this.recreateWeekdays(currentWeek.startDate);
+        // console.log('ScheduleWeekComponent.onWeekInputChanged() => startDate', startDate, currentWeek.startDate);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarWeekComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CalendarWeekComponent, isStandalone: true, selector: "sneat-calendar-week", inputs: { $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, $week: { classPropertyName: "$week", publicName: "$week", isSignal: true, isRequired: true, transformFunction: null }, $spaceDaysProvider: { classPropertyName: "$spaceDaysProvider", publicName: "$spaceDaysProvider", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { goNew: "goNew", dateSelected: "dateSelected" }, usesOnChanges: true, ngImport: i0, template: "@for (weekday of $weekdays(); track weekday.id) {\n  <!--\t<ion-item-group>-->\n  <sneat-calendar-weekday\n    [$space]=\"$space()\"\n    [$weekday]=\"weekday\"\n    (dateSelected)=\"dateSelected.emit($event)\"\n  />\n  <!--\t</ion-item-group>-->\n}\n", dependencies: [{ kind: "component", type: CalendarWeekdayComponent, selector: "sneat-calendar-weekday", inputs: ["$space", "$weekday"], outputs: ["dateSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarWeekComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-calendar-week', imports: [CalendarWeekdayComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (weekday of $weekdays(); track weekday.id) {\n  <!--\t<ion-item-group>-->\n  <sneat-calendar-weekday\n    [$space]=\"$space()\"\n    [$weekday]=\"weekday\"\n    (dateSelected)=\"dateSelected.emit($event)\"\n  />\n  <!--\t</ion-item-group>-->\n}\n" }]
+        }], propDecorators: { $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], $week: [{ type: i0.Input, args: [{ isSignal: true, alias: "$week", required: true }] }], $spaceDaysProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "$spaceDaysProvider", required: true }] }], goNew: [{
+                type: Output
+            }], dateSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=calendar-week.component.js.map

package/esm2022/lib/components/calendar/components/calendar-week/calendar-week.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-week/calendar-week.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-week/calendar-week.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,KAAK,EAEL,MAAM,EACN,MAAM,GAGP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;;AAQ1F,MAAM,OAAO,qBAAqB;IANlC;QAOkB,WAAM,GAAG,KAAK,CAAC,QAAQ,iDAA6B,CAAC;QACrD,UAAK,GAAG,KAAK,CAAC,QAAQ,gDAAQ,CAAC;QAE/B,uBAAkB,GAAG,KAAK,CAAC,QAAQ,6DAAwB,CAAC;QAC5E,qCAAqC;QAElB,UAAK,GAAG,IAAI,YAAY,EAAsB,CAAC;QAC/C,iBAAY,GAAG,IAAI,YAAY,EAAQ,CAAC;QAE3D;;;;;;;;;;;aAWE;QACiB,cAAS,GAAG,MAAM,CAAC,cAAc,EAAE,qDAAC,CAAC;KAgDzD;IA9CC,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;YACrB,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5C,CAAC;QACD,IAAI,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,SAAe;QACtC,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACpD,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;QACvC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1D,OAAO;gBACL,GAAG,EAAE;gBACL,GAAG,EAAE,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC;aAC5C,CAAC;QACJ,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,kBAAkB,CAAC,UAAwB;QACjD,mEAAmE;QACnE,MAAM,QAAQ,GAAG,UAAU,CAAC,aAAiC,CAAC;QAC9D,MAAM,WAAW,GAAG,UAAU,CAAC,YAAgC,CAAC;QAChE,IACE,CAAC,WAAW;YACZ,QAAQ,KAAK,WAAW;YACxB,CAAC,QAAQ;gBACP,WAAW;gBACX,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EACpE,CAAC;YACD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC7C,4GAA4G;IAC9G,CAAC;8GArEU,qBAAqB;kGAArB,qBAAqB,0jBCzBlC,6PASA,4CDaY,wBAAwB;;2FAGvB,qBAAqB;kBANjC,SAAS;+BACE,qBAAqB,WAEtB,CAAC,wBAAwB,CAAC,mBAClB,uBAAuB,CAAC,MAAM;;sBAS9C,MAAM;;sBACN,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  input,\n  OnChanges,\n  Output,\n  signal,\n  SimpleChange,\n  SimpleChanges,\n} from '@angular/core';\nimport { dateToIso } from '@sneat/core';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { CalendarDataProvider } from '../../../../services/calendar-data-provider';\nimport { NewHappeningParams } from '@sneat/mod-schedulus-core';\nimport { Week } from '../../../week';\nimport { createWeekdays } from '../../../calendar-core';\nimport { CalendarWeekdayComponent } from '../calendar-weekday/calendar-weekday.component';\n\n@Component({\n  selector: 'sneat-calendar-week',\n  templateUrl: './calendar-week.component.html',\n  imports: [CalendarWeekdayComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalendarWeekComponent implements OnChanges {\n  public readonly $space = input.required<ISpaceContext | undefined>();\n  public readonly $week = input.required<Week>();\n\n  public readonly $spaceDaysProvider = input.required<CalendarDataProvider>();\n  // @Input() filter?: ICalendarFilter;\n\n  @Output() readonly goNew = new EventEmitter<NewHappeningParams>();\n  @Output() readonly dateSelected = new EventEmitter<Date>();\n\n  /* Having trouble to make it computed due to:\n\tERROR RuntimeError: NG0602: effect() cannot be called from within a reactive context. Call `effect` outside of a reactive context. For example, schedule the effect inside the component constructor. Find more at https://angular.dev/errors/NG0602\n    at assertNotInReactiveContext (core.mjs:8451:15)\n    at effect (core.mjs:39579:9)\n    at calendar-day.ts:101:27\n    at runInInjectionContext (core.mjs:2467:16)\n    at new CalendarDay (calendar-day.ts:100:24)\n    at CalendarDataProvider.getCalendarDay (calendar-data-provider.ts:182:10)\n    at calendar-week.component.ts:54:28\n    at Array.map (<anonymous>)\n    at Object.computation (calendar-week.component.ts:50:19)\n\t */\n  protected readonly $weekdays = signal(createWeekdays());\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['$week']) {\n      this.onWeekInputChanged(changes['$week']);\n    }\n    if (changes['$spaceDaysProvider']) {\n      this.onSpaceChanged();\n    }\n  }\n\n  private onSpaceChanged(): void {\n    const week = this.$week();\n    if (week.startDate) {\n      this.recreateWeekdays(week.startDate);\n    }\n  }\n\n  private recreateWeekdays(startDate: Date): void {\n    const spaceDaysProvider = this.$spaceDaysProvider();\n    const startDateN = startDate.getDate();\n    this.$weekdays.update((weekdays) =>\n      weekdays.map((wd, i) => {\n        const date = new Date(new Date().setDate(startDateN + i));\n        return {\n          ...wd,\n          day: spaceDaysProvider.getCalendarDay(date),\n        };\n      }),\n    );\n  }\n\n  private onWeekInputChanged(weekChange: SimpleChange): void {\n    // console.log('ScheduleWeekComponent.onWeekInputChanged()', week);\n    const prevWeek = weekChange.previousValue as Week | undefined;\n    const currentWeek = weekChange.currentValue as Week | undefined;\n    if (\n      !currentWeek ||\n      prevWeek === currentWeek ||\n      (prevWeek &&\n        currentWeek &&\n        dateToIso(prevWeek.startDate) == dateToIso(currentWeek.startDate))\n    ) {\n      return;\n    }\n    this.recreateWeekdays(currentWeek.startDate);\n    // console.log('ScheduleWeekComponent.onWeekInputChanged() => startDate', startDate, currentWeek.startDate);\n  }\n}\n","@for (weekday of $weekdays(); track weekday.id) {\n  <!--\t<ion-item-group>-->\n  <sneat-calendar-weekday\n    [$space]=\"$space()\"\n    [$weekday]=\"weekday\"\n    (dateSelected)=\"dateSelected.emit($event)\"\n  />\n  <!--\t</ion-item-group>-->\n}\n"]}

package/esm2022/lib/components/calendar/components/calendar-weekday/calendar-weekday.component.js

@@ -0,0 +1,66 @@
+import { ChangeDetectionStrategy, Component, computed, EventEmitter, inject, input, Output, signal, } from '@angular/core';
+import { IonButton, IonButtons, IonIcon, IonItem, IonItemDivider, IonLabel, IonSpinner, } from '@ionic/angular/standalone';
+import { ShortMonthNamePipe } from '@sneat/components';
+import { ScheduleNavService, } from '@sneat/mod-schedulus-core';
+import { ClassName, SneatBaseComponent } from '@sneat/ui';
+import { emptyCalendarFilter, CalendarFilterService, } from '../../../calendar-filter.service';
+import { isSlotVisible } from '../../../calendar-slots';
+import { DaySlotItemComponent } from '../day-slot-item/day-slot-item.component';
+import * as i0 from "@angular/core";
+export class CalendarWeekdayComponent extends SneatBaseComponent {
+    constructor() {
+        super();
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$weekday = input.required(...(ngDevMode ? [{ debugName: "$weekday" }] : []));
+        this.$day = computed(() => this.$weekday().day, ...(ngDevMode ? [{ debugName: "$day" }] : []));
+        this.dateSelected = new EventEmitter();
+        this.$filter = signal(emptyCalendarFilter, ...(ngDevMode ? [{ debugName: "$filter" }] : []));
+        this.scheduleNavService = inject(ScheduleNavService);
+        const filterService = inject(CalendarFilterService);
+        filterService.filter
+            .pipe(this.takeUntilDestroyed())
+            .subscribe(this.$filter.set);
+    }
+    // we pass day and filter to let the template know about the dependencies.
+    showSlot(slot, day, filter) {
+        return !!day && isSlotVisible(slot, filter);
+    }
+    onDateSelected() {
+        // console.log('onDateSelected', event);
+        const day = this.$weekday().day;
+        if (day?.date) {
+            this.dateSelected.next(day.date);
+        }
+    }
+    goNewHappening(type) {
+        const space = this.$space();
+        if (!space) {
+            return;
+        }
+        const params = {
+            type,
+            wd: this.$weekday().id,
+            date: this.$weekday().day?.dateID,
+        };
+        this.scheduleNavService.goNewHappening(space, params);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarWeekdayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CalendarWeekdayComponent, isStandalone: true, selector: "sneat-calendar-weekday", inputs: { $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, $weekday: { classPropertyName: "$weekday", publicName: "$weekday", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dateSelected: "dateSelected" }, providers: [{ provide: ClassName, useValue: 'CalendarWeekdayComponent' }], usesInheritance: true, ngImport: i0, template: "@let weekday = $weekday();\n@let day = $day();\n\n<ion-item-divider color=\"light\" class=\"sneat-tiny-end-padding\">\n  <ion-label (click)=\"onDateSelected()\" tappable>\n    @if (day?.slots?.length) {\n      <b>{{ weekday.longTitle }}</b>\n    } @else if (!day?.slots?.length) {\n      {{ weekday.longTitle }}\n    }\n    @if (day?.date) {\n      , {{ day?.date?.getDate() }}\n      {{ day?.date?.getMonth() | shortMonthName }}\n    }\n  </ion-label>\n  @if (day?.$isLoading()) {\n    <ion-spinner style=\"opacity: 0.2\" name=\"lines-small\" slot=\"end\" />\n  }\n  <ion-buttons slot=\"end\">\n    <ion-button title=\"Add recurring\" (click)=\"goNewHappening('recurring')\">\n      <ion-icon name=\"duplicate-outline\" />\n    </ion-button>\n    <ion-button title=\"Add one-timer\" (click)=\"goNewHappening('single')\">\n      <ion-icon name=\"add-circle-outline\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item-divider>\n@if (!day || day.$isLoading()) {\n  <ion-item>\n    <ion-label color=\"medium\" style=\"font-style: italic\"\n      >Loading data for {{ weekday.longTitle }} isLoading={{\n        day?.$isLoading()\n      }}... weekday.day.id: {{ weekday.day?.dateID }}\n    </ion-label>\n    <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n  </ion-item>\n} @else if (day) {\n  @for (slot of day.slots; track slot.slot.id) {\n    @if (showSlot(slot, $day(), $filter())) {\n      <sneat-day-slot-item\n        [$space]=\"slot.happening.space\"\n        [dateID]=\"day.dateID\"\n        [$slotContext]=\"slot\"\n      />\n    }\n  } @empty {\n    <ion-item lines=\"full\">\n      <ion-label color=\"medium\" style=\"font-style: italic\"\n        >Nothing scheduled yet for {{ weekday.longTitle }}.\n      </ion-label>\n    </ion-item>\n  }\n}\n", dependencies: [{ kind: "component", type: DaySlotItemComponent, selector: "sneat-day-slot-item", inputs: ["$slotContext", "dateID", "mode", "color", "contactusSpace"] }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { 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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "pipe", type: ShortMonthNamePipe, name: "shortMonthName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarWeekdayComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        DaySlotItemComponent,
+                        ShortMonthNamePipe,
+                        IonItemDivider,
+                        IonLabel,
+                        IonSpinner,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonItem,
+                    ], providers: [{ provide: ClassName, useValue: 'CalendarWeekdayComponent' }], selector: 'sneat-calendar-weekday', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let weekday = $weekday();\n@let day = $day();\n\n<ion-item-divider color=\"light\" class=\"sneat-tiny-end-padding\">\n  <ion-label (click)=\"onDateSelected()\" tappable>\n    @if (day?.slots?.length) {\n      <b>{{ weekday.longTitle }}</b>\n    } @else if (!day?.slots?.length) {\n      {{ weekday.longTitle }}\n    }\n    @if (day?.date) {\n      , {{ day?.date?.getDate() }}\n      {{ day?.date?.getMonth() | shortMonthName }}\n    }\n  </ion-label>\n  @if (day?.$isLoading()) {\n    <ion-spinner style=\"opacity: 0.2\" name=\"lines-small\" slot=\"end\" />\n  }\n  <ion-buttons slot=\"end\">\n    <ion-button title=\"Add recurring\" (click)=\"goNewHappening('recurring')\">\n      <ion-icon name=\"duplicate-outline\" />\n    </ion-button>\n    <ion-button title=\"Add one-timer\" (click)=\"goNewHappening('single')\">\n      <ion-icon name=\"add-circle-outline\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item-divider>\n@if (!day || day.$isLoading()) {\n  <ion-item>\n    <ion-label color=\"medium\" style=\"font-style: italic\"\n      >Loading data for {{ weekday.longTitle }} isLoading={{\n        day?.$isLoading()\n      }}... weekday.day.id: {{ weekday.day?.dateID }}\n    </ion-label>\n    <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n  </ion-item>\n} @else if (day) {\n  @for (slot of day.slots; track slot.slot.id) {\n    @if (showSlot(slot, $day(), $filter())) {\n      <sneat-day-slot-item\n        [$space]=\"slot.happening.space\"\n        [dateID]=\"day.dateID\"\n        [$slotContext]=\"slot\"\n      />\n    }\n  } @empty {\n    <ion-item lines=\"full\">\n      <ion-label color=\"medium\" style=\"font-style: italic\"\n        >Nothing scheduled yet for {{ weekday.longTitle }}.\n      </ion-label>\n    </ion-item>\n  }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], $weekday: [{ type: i0.Input, args: [{ isSignal: true, alias: "$weekday", required: true }] }], dateSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=calendar-weekday.component.js.map

package/esm2022/lib/components/calendar/components/calendar-weekday/calendar-weekday.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-weekday.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-weekday/calendar-weekday.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-weekday/calendar-weekday.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  EventEmitter,\n  inject,\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 { ShortMonthNamePipe } from '@sneat/components';\nimport { HappeningType } from '@sneat/mod-schedulus-core';\nimport {\n  ISlotUIContext,\n  NewHappeningParams,\n  ScheduleNavService,\n} from '@sneat/mod-schedulus-core';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { ClassName, SneatBaseComponent } from '@sneat/ui';\nimport { CalendarDay } from '../../../../services/calendar-day';\nimport {\n  emptyCalendarFilter,\n  CalendarFilterService,\n} from '../../../calendar-filter.service';\nimport { isSlotVisible } from '../../../calendar-slots';\nimport { Weekday } from '../../weekday';\nimport { ICalendarFilter } from '../calendar-filter/calendar-filter';\nimport { DaySlotItemComponent } from '../day-slot-item/day-slot-item.component';\n\n@Component({\n  imports: [\n    DaySlotItemComponent,\n    ShortMonthNamePipe,\n    IonItemDivider,\n    IonLabel,\n    IonSpinner,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonItem,\n  ],\n  providers: [{ provide: ClassName, useValue: 'CalendarWeekdayComponent' }],\n  selector: 'sneat-calendar-weekday',\n  templateUrl: './calendar-weekday.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalendarWeekdayComponent extends SneatBaseComponent {\n  public readonly $space = input.required<ISpaceContext | undefined>();\n\n  public readonly $weekday = input.required<Weekday>();\n  protected readonly $day = computed(() => this.$weekday().day);\n\n  @Output() readonly dateSelected = new EventEmitter<Date>();\n\n  protected readonly $filter = signal(emptyCalendarFilter);\n\n  private readonly scheduleNavService = inject(ScheduleNavService);\n\n  constructor() {\n    super();\n    const filterService = inject(CalendarFilterService);\n    filterService.filter\n      .pipe(this.takeUntilDestroyed())\n      .subscribe(this.$filter.set);\n  }\n\n  // we pass day and filter to let the template know about the dependencies.\n  protected showSlot(\n    slot: ISlotUIContext,\n    day: CalendarDay | undefined,\n    filter: ICalendarFilter,\n  ): boolean {\n    return !!day && isSlotVisible(slot, filter);\n  }\n\n  protected onDateSelected(): void {\n    // console.log('onDateSelected', event);\n    const day = this.$weekday().day;\n    if (day?.date) {\n      this.dateSelected.next(day.date);\n    }\n  }\n\n  protected goNewHappening(type: HappeningType): void {\n    const space = this.$space();\n    if (!space) {\n      return;\n    }\n    const params: NewHappeningParams = {\n      type,\n      wd: this.$weekday().id,\n      date: this.$weekday().day?.dateID,\n    };\n    this.scheduleNavService.goNewHappening(space, params);\n  }\n}\n","@let weekday = $weekday();\n@let day = $day();\n\n<ion-item-divider color=\"light\" class=\"sneat-tiny-end-padding\">\n  <ion-label (click)=\"onDateSelected()\" tappable>\n    @if (day?.slots?.length) {\n      <b>{{ weekday.longTitle }}</b>\n    } @else if (!day?.slots?.length) {\n      {{ weekday.longTitle }}\n    }\n    @if (day?.date) {\n      , {{ day?.date?.getDate() }}\n      {{ day?.date?.getMonth() | shortMonthName }}\n    }\n  </ion-label>\n  @if (day?.$isLoading()) {\n    <ion-spinner style=\"opacity: 0.2\" name=\"lines-small\" slot=\"end\" />\n  }\n  <ion-buttons slot=\"end\">\n    <ion-button title=\"Add recurring\" (click)=\"goNewHappening('recurring')\">\n      <ion-icon name=\"duplicate-outline\" />\n    </ion-button>\n    <ion-button title=\"Add one-timer\" (click)=\"goNewHappening('single')\">\n      <ion-icon name=\"add-circle-outline\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item-divider>\n@if (!day || day.$isLoading()) {\n  <ion-item>\n    <ion-label color=\"medium\" style=\"font-style: italic\"\n      >Loading data for {{ weekday.longTitle }} isLoading={{\n        day?.$isLoading()\n      }}... weekday.day.id: {{ weekday.day?.dateID }}\n    </ion-label>\n    <ion-spinner name=\"lines-small\" slot=\"end\" color=\"medium\" />\n  </ion-item>\n} @else if (day) {\n  @for (slot of day.slots; track slot.slot.id) {\n    @if (showSlot(slot, $day(), $filter())) {\n      <sneat-day-slot-item\n        [$space]=\"slot.happening.space\"\n        [dateID]=\"day.dateID\"\n        [$slotContext]=\"slot\"\n      />\n    }\n  } @empty {\n    <ion-item lines=\"full\">\n      <ion-label color=\"medium\" style=\"font-style: italic\"\n        >Nothing scheduled yet for {{ weekday.longTitle }}.\n      </ion-label>\n    </ion-item>\n  }\n}\n"]}

package/esm2022/lib/components/calendar/components/day-slot-item/day-slot-item.component.js

@@ -0,0 +1,93 @@
+import { Component, Input, input, computed, ChangeDetectionStrategy, inject, } from '@angular/core';
+import { PopoverController, IonBadge, IonButton, IonButtons, IonIcon, IonItem, IonLabel, IonText, } from '@ionic/angular/standalone';
+import { ContactusSpaceService } from '@sneat/contactus-services';
+import { ContactsSelectorModule } from '@sneat/contactus-shared';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { CalendarNavService, CalendarNavServicesModule, HappeningServiceModule, } from '../../../../services';
+import { HappeningSlotModalServiceModule } from '../../../happening-slot-form/happening-slot-modal.service';
+import { HappeningSlotParticipantsComponent } from '../../../happening-slot-participants/happening-slot-participants.component';
+import { TimingBadgeComponent } from '../timing-badge/timing-badge.component';
+import * as i0 from "@angular/core";
+export class DaySlotItemComponent extends WithSpaceInput {
+    constructor() {
+        super();
+        this.popoverController = inject(PopoverController);
+        this.calendarNavService = inject(CalendarNavService);
+        this.$slotContext = input.required(...(ngDevMode ? [{ debugName: "$slotContext" }] : []));
+        this.mode = 'full';
+        this.$isCanceled = computed(() => {
+            const { happening, adjustment } = this.$slotContext();
+            return happening?.brief?.status === 'canceled' || !!adjustment?.canceled;
+        }, ...(ngDevMode ? [{ debugName: "$isCanceled" }] : []));
+    }
+    onSlotClicked(event) {
+        event.stopPropagation();
+        const slot = this.$slotContext();
+        if (!slot) {
+            return;
+        }
+        this.calendarNavService.navigateToHappeningPage({
+            slot: slot,
+            event,
+        });
+    }
+    async showContextMenu(event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        // Need to import dynamically due to circular depndency with DaySlotItemComponent
+        import('./slot-context-menu.component').then(async (m) => {
+            const slotContext = this.$slotContext();
+            const popoverOptions = {
+                component: m.SlotContextMenuComponent,
+                componentProps: {
+                    $space: this.$space,
+                    slotContext,
+                    dateID: this.dateID,
+                    // state: stateOutput,
+                },
+                event,
+            };
+            const popover = await this.popoverController.create(popoverOptions);
+            await popover.present(event);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DaySlotItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DaySlotItemComponent, isStandalone: true, selector: "sneat-day-slot-item", inputs: { $slotContext: { classPropertyName: "$slotContext", publicName: "$slotContext", isSignal: true, isRequired: true, transformFunction: null }, dateID: { classPropertyName: "dateID", publicName: "dateID", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, contactusSpace: { classPropertyName: "contactusSpace", publicName: "contactusSpace", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
+            { provide: ClassName, useValue: 'DaySlotItemComponent' },
+            ContactusSpaceService,
+        ], usesInheritance: true, ngImport: i0, template: "<style>\n  .canceled {\n    text-decoration: line-through;\n    color: grey;\n  }\n</style>\n@let slotContext = $slotContext();\n\n<ion-item\n  tappable=\"true\"\n  lines=\"full\"\n  (click)=\"onSlotClicked($event)\"\n  class=\"sneat-tiny-end-padding\"\n  [color]=\"color\"\n>\n  <ion-icon\n    class=\"sneat-tiny-end-margin\"\n    [name]=\"\n      slotContext?.happening?.brief?.type === 'recurring'\n        ? 'calendar-outline'\n        : 'today-outline'\n    \"\n    slot=\"start\"\n  />\n\n  <ion-badge\n    color=\"light\"\n    slot=\"start\"\n    class=\"sneat-small-end-margin\"\n    [class.canceled]=\"$isCanceled()\"\n    style=\"font-weight: normal; background-color: white\"\n  >\n    <!-- We use ion-badge here trying to workaround issue with ion-buttons slot=end not rendering on 1st paint -->\n    <sneat-timing-badge\n      [$isCanceled]=\"$isCanceled()\"\n      [$timing]=\"slotContext.timing\"\n      [$adjustment]=\"slotContext.adjustment\"\n    />\n  </ion-badge>\n\n  <ion-label class=\"ion-text-wrap\">\n    <span\n      style=\"font-size: 1em; margin-bottom: 0.4em; font-weight: bold\"\n      [class.canceled]=\"$isCanceled()\"\n    >\n      {{ slotContext?.title }}\n    </span>\n    @if ($isCanceled()) {\n      <ion-text color=\"medium\">&nbsp;&mdash; canceled</ion-text>\n    }\n\n    <!--\t\t@if (mode === 'full') {-->\n    <!--\t\t\t<sneat-members-as-badges-->\n    <!--\t\t\t\t[showDelete]=\"false\"-->\n    <!--\t\t\t\t[members]=\"-->\n    <!--\t\t\t\t\t\tslot?.happening?.brief?.contactIDs || []-->\n    <!--\t\t\t\t\t\t\t| selectedMembers: contactusTeam?.dto?.contacts-->\n    <!--\t\t\t\t\t\"-->\n    <!--\t\t\t/>-->\n    <!--\t\t}-->\n\n    @if (mode === \"full\") {\n      @if (slotContext?.location?.title || slotContext?.location?.address) {\n        <p>\n          {{ slotContext?.location?.title || slotContext?.location?.address }}\n        </p>\n      }\n      @if (slotContext.participants || slotContext.levels?.length) {\n        <p>\n          @if (slotContext.levels?.length) {\n            @for (level of slotContext.levels || []; track level) {\n              <ion-badge color=\"light\" style=\"margin-right: 0.5em\">\n                \uD83C\uDF9A\uFE0F {{ level[0].toUpperCase() + level.substring(1) }}\n              </ion-badge>\n            }\n          }\n        </p>\n      }\n    }\n\n    <p>\n      <sneat-happening-slot-participants [$happeningSlot]=\"slotContext\" />\n    </p>\n  </ion-label>\n  <ion-buttons slot=\"end\">\n    <ion-button\n      (click)=\"showContextMenu($event)\"\n      color=\"medium\"\n      title=\"Actions\"\n    >\n      <ion-icon name=\"ellipsis-vertical-outline\"></ion-icon>\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n", styles: [".canceled{text-decoration:line-through;color:gray}\n"], dependencies: [{ kind: "ngmodule", type: HappeningServiceModule }, { kind: "ngmodule", type: ContactsSelectorModule }, { kind: "ngmodule", type: HappeningSlotModalServiceModule }, { kind: "component", type: HappeningSlotParticipantsComponent, selector: "sneat-happening-slot-participants", inputs: ["$happeningSlot"] }, { kind: "component", type: TimingBadgeComponent, selector: "sneat-timing-badge", inputs: ["$isCanceled", "$timing", "$adjustment"] }, { kind: "ngmodule", type: 
+                // MembersAsBadgesComponent,
+                CalendarNavServicesModule }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DaySlotItemComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        HappeningServiceModule,
+                        ContactsSelectorModule,
+                        HappeningSlotModalServiceModule,
+                        HappeningSlotParticipantsComponent,
+                        TimingBadgeComponent,
+                        // MembersAsBadgesComponent,
+                        CalendarNavServicesModule,
+                        IonItem,
+                        IonIcon,
+                        IonLabel,
+                        IonText,
+                        IonBadge,
+                        IonButtons,
+                        IonButton,
+                    ], providers: [
+                        { provide: ClassName, useValue: 'DaySlotItemComponent' },
+                        ContactusSpaceService,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-day-slot-item', template: "<style>\n  .canceled {\n    text-decoration: line-through;\n    color: grey;\n  }\n</style>\n@let slotContext = $slotContext();\n\n<ion-item\n  tappable=\"true\"\n  lines=\"full\"\n  (click)=\"onSlotClicked($event)\"\n  class=\"sneat-tiny-end-padding\"\n  [color]=\"color\"\n>\n  <ion-icon\n    class=\"sneat-tiny-end-margin\"\n    [name]=\"\n      slotContext?.happening?.brief?.type === 'recurring'\n        ? 'calendar-outline'\n        : 'today-outline'\n    \"\n    slot=\"start\"\n  />\n\n  <ion-badge\n    color=\"light\"\n    slot=\"start\"\n    class=\"sneat-small-end-margin\"\n    [class.canceled]=\"$isCanceled()\"\n    style=\"font-weight: normal; background-color: white\"\n  >\n    <!-- We use ion-badge here trying to workaround issue with ion-buttons slot=end not rendering on 1st paint -->\n    <sneat-timing-badge\n      [$isCanceled]=\"$isCanceled()\"\n      [$timing]=\"slotContext.timing\"\n      [$adjustment]=\"slotContext.adjustment\"\n    />\n  </ion-badge>\n\n  <ion-label class=\"ion-text-wrap\">\n    <span\n      style=\"font-size: 1em; margin-bottom: 0.4em; font-weight: bold\"\n      [class.canceled]=\"$isCanceled()\"\n    >\n      {{ slotContext?.title }}\n    </span>\n    @if ($isCanceled()) {\n      <ion-text color=\"medium\">&nbsp;&mdash; canceled</ion-text>\n    }\n\n    <!--\t\t@if (mode === 'full') {-->\n    <!--\t\t\t<sneat-members-as-badges-->\n    <!--\t\t\t\t[showDelete]=\"false\"-->\n    <!--\t\t\t\t[members]=\"-->\n    <!--\t\t\t\t\t\tslot?.happening?.brief?.contactIDs || []-->\n    <!--\t\t\t\t\t\t\t| selectedMembers: contactusTeam?.dto?.contacts-->\n    <!--\t\t\t\t\t\"-->\n    <!--\t\t\t/>-->\n    <!--\t\t}-->\n\n    @if (mode === \"full\") {\n      @if (slotContext?.location?.title || slotContext?.location?.address) {\n        <p>\n          {{ slotContext?.location?.title || slotContext?.location?.address }}\n        </p>\n      }\n      @if (slotContext.participants || slotContext.levels?.length) {\n        <p>\n          @if (slotContext.levels?.length) {\n            @for (level of slotContext.levels || []; track level) {\n              <ion-badge color=\"light\" style=\"margin-right: 0.5em\">\n                \uD83C\uDF9A\uFE0F {{ level[0].toUpperCase() + level.substring(1) }}\n              </ion-badge>\n            }\n          }\n        </p>\n      }\n    }\n\n    <p>\n      <sneat-happening-slot-participants [$happeningSlot]=\"slotContext\" />\n    </p>\n  </ion-label>\n  <ion-buttons slot=\"end\">\n    <ion-button\n      (click)=\"showContextMenu($event)\"\n      color=\"medium\"\n      title=\"Actions\"\n    >\n      <ion-icon name=\"ellipsis-vertical-outline\"></ion-icon>\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n" }]
+        }], ctorParameters: () => [], propDecorators: { $slotContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "$slotContext", required: true }] }], dateID: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], contactusSpace: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=day-slot-item.component.js.map

package/esm2022/lib/components/calendar/components/day-slot-item/day-slot-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"day-slot-item.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/day-slot-item/day-slot-item.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/day-slot-item/day-slot-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  input,\n  computed,\n  ChangeDetectionStrategy,\n  inject,\n} from '@angular/core';\nimport {\n  PopoverController,\n  PopoverOptions,\n  IonBadge,\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonItem,\n  IonLabel,\n  IonText,\n} from '@ionic/angular/standalone';\nimport { IContactusSpaceDboAndID } from '@sneat/contactus-core';\nimport { ContactusSpaceService } from '@sneat/contactus-services';\nimport { ContactsSelectorModule } from '@sneat/contactus-shared';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport {\n  CalendarNavService,\n  CalendarNavServicesModule,\n  HappeningServiceModule,\n} from '../../../../services';\nimport { ISlotUIContext } from '@sneat/mod-schedulus-core';\nimport { HappeningSlotModalServiceModule } from '../../../happening-slot-form/happening-slot-modal.service';\nimport { HappeningSlotParticipantsComponent } from '../../../happening-slot-participants/happening-slot-participants.component';\nimport { TimingBadgeComponent } from '../timing-badge/timing-badge.component';\n\n@Component({\n  imports: [\n    HappeningServiceModule,\n    ContactsSelectorModule,\n    HappeningSlotModalServiceModule,\n    HappeningSlotParticipantsComponent,\n    TimingBadgeComponent,\n    // MembersAsBadgesComponent,\n    CalendarNavServicesModule,\n    IonItem,\n    IonIcon,\n    IonLabel,\n    IonText,\n    IonBadge,\n    IonButtons,\n    IonButton,\n  ],\n  providers: [\n    { provide: ClassName, useValue: 'DaySlotItemComponent' },\n    ContactusSpaceService,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-day-slot-item',\n  templateUrl: './day-slot-item.component.html',\n})\nexport class DaySlotItemComponent extends WithSpaceInput {\n  private readonly popoverController = inject(PopoverController);\n  private readonly calendarNavService = inject(CalendarNavService);\n\n  public readonly $slotContext = input.required<ISlotUIContext>();\n\n  @Input() dateID?: string;\n\n  @Input() mode: 'full' | 'brief' = 'full';\n  @Input() color?: 'light';\n\n  @Input() contactusSpace?: IContactusSpaceDboAndID;\n\n  protected readonly $isCanceled = computed(() => {\n    const { happening, adjustment } = this.$slotContext();\n    return happening?.brief?.status === 'canceled' || !!adjustment?.canceled;\n  });\n\n  public constructor() {\n    super();\n  }\n\n  protected onSlotClicked(event: Event): void {\n    event.stopPropagation();\n    const slot = this.$slotContext();\n    if (!slot) {\n      return;\n    }\n    this.calendarNavService.navigateToHappeningPage({\n      slot: slot,\n      event,\n    });\n  }\n\n  protected async showContextMenu(\n    event:\n      | MouseEvent\n      | TouchEvent\n      | PointerEvent\n      | CustomEvent<unknown>\n      | undefined,\n  ): Promise<void> {\n    event?.preventDefault();\n    event?.stopPropagation();\n\n    // Need to import dynamically due to circular depndency with DaySlotItemComponent\n    import('./slot-context-menu.component').then(async (m) => {\n      const slotContext = this.$slotContext();\n      const popoverOptions: PopoverOptions = {\n        component: m.SlotContextMenuComponent,\n        componentProps: {\n          $space: this.$space,\n          slotContext,\n          dateID: this.dateID,\n          // state: stateOutput,\n        },\n        event,\n      };\n\n      const popover = await this.popoverController.create(popoverOptions);\n      await popover.present(event);\n    });\n  }\n}\n","<style>\n  .canceled {\n    text-decoration: line-through;\n    color: grey;\n  }\n</style>\n@let slotContext = $slotContext();\n\n<ion-item\n  tappable=\"true\"\n  lines=\"full\"\n  (click)=\"onSlotClicked($event)\"\n  class=\"sneat-tiny-end-padding\"\n  [color]=\"color\"\n>\n  <ion-icon\n    class=\"sneat-tiny-end-margin\"\n    [name]=\"\n      slotContext?.happening?.brief?.type === 'recurring'\n        ? 'calendar-outline'\n        : 'today-outline'\n    \"\n    slot=\"start\"\n  />\n\n  <ion-badge\n    color=\"light\"\n    slot=\"start\"\n    class=\"sneat-small-end-margin\"\n    [class.canceled]=\"$isCanceled()\"\n    style=\"font-weight: normal; background-color: white\"\n  >\n    <!-- We use ion-badge here trying to workaround issue with ion-buttons slot=end not rendering on 1st paint -->\n    <sneat-timing-badge\n      [$isCanceled]=\"$isCanceled()\"\n      [$timing]=\"slotContext.timing\"\n      [$adjustment]=\"slotContext.adjustment\"\n    />\n  </ion-badge>\n\n  <ion-label class=\"ion-text-wrap\">\n    <span\n      style=\"font-size: 1em; margin-bottom: 0.4em; font-weight: bold\"\n      [class.canceled]=\"$isCanceled()\"\n    >\n      {{ slotContext?.title }}\n    </span>\n    @if ($isCanceled()) {\n      <ion-text color=\"medium\">&nbsp;&mdash; canceled</ion-text>\n    }\n\n    <!--\t\t@if (mode === 'full') {-->\n    <!--\t\t\t<sneat-members-as-badges-->\n    <!--\t\t\t\t[showDelete]=\"false\"-->\n    <!--\t\t\t\t[members]=\"-->\n    <!--\t\t\t\t\t\tslot?.happening?.brief?.contactIDs || []-->\n    <!--\t\t\t\t\t\t\t| selectedMembers: contactusTeam?.dto?.contacts-->\n    <!--\t\t\t\t\t\"-->\n    <!--\t\t\t/>-->\n    <!--\t\t}-->\n\n    @if (mode === \"full\") {\n      @if (slotContext?.location?.title || slotContext?.location?.address) {\n        <p>\n          {{ slotContext?.location?.title || slotContext?.location?.address }}\n        </p>\n      }\n      @if (slotContext.participants || slotContext.levels?.length) {\n        <p>\n          @if (slotContext.levels?.length) {\n            @for (level of slotContext.levels || []; track level) {\n              <ion-badge color=\"light\" style=\"margin-right: 0.5em\">\n                🎚️ {{ level[0].toUpperCase() + level.substring(1) }}\n              </ion-badge>\n            }\n          }\n        </p>\n      }\n    }\n\n    <p>\n      <sneat-happening-slot-participants [$happeningSlot]=\"slotContext\" />\n    </p>\n  </ion-label>\n  <ion-buttons slot=\"end\">\n    <ion-button\n      (click)=\"showContextMenu($event)\"\n      color=\"medium\"\n      title=\"Actions\"\n    >\n      <ion-icon name=\"ellipsis-vertical-outline\"></ion-icon>\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n"]}