@sneat/extensions-schedulus-shared 0.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/calendar.component.ts","../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/calendar.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  signal,\n  SimpleChanges,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  IonLabel,\n  IonSegment,\n  IonSegmentButton,\n} from '@ionic/angular/standalone';\nimport { IMemberContext } from '@sneat/contactus-core';\nimport { ContactusSpaceService } from '@sneat/contactus-services';\nimport { localDateToIso } from '@sneat/core';\nimport {\n  IHappeningSlot,\n  WeekdayCode2,\n  IHappeningWithUiState,\n} from '@sneat/mod-schedulus-core';\nimport { ClassName } from '@sneat/ui';\nimport { takeUntil } from 'rxjs';\nimport { CalendarDayServiceModule } from '../../services/calendar-day.service';\nimport { CalendariumSpaceService } from '../../services/calendarium-space.service';\nimport {\n  emptyCalendarFilter,\n  CalendarFilterService,\n} from '../calendar-filter.service';\nimport { hasContact } from '../calendar-slots';\nimport { CalendarBaseComponent } from './calendar-base.component';\nimport { CalendarTab } from './calendar-component-types';\nimport { CalendarDayTabComponent } from './components/calendar-day/calendar-day-tab.component';\nimport { ICalendarFilter } from './components/calendar-filter/calendar-filter';\nimport { CalendarFilterComponent } from './components/calendar-filter/calendar-filter.component';\nimport { CalendarStateService } from './calendar-state.service';\nimport { CalendarWeekTabComponent } from './components/calendar-week/calendar-week-tab.component';\nimport { RecurringsTabComponent } from './components/recurrings-tab/recurrings-tab.component';\nimport { SinglesTabComponent } from './components/singles-tab/singles-tab.component';\n\n@Component({\n  imports: [\n    SinglesTabComponent,\n    RecurringsTabComponent,\n    CalendarWeekTabComponent,\n    CalendarDayTabComponent,\n    CalendarFilterComponent,\n    FormsModule,\n    CalendarDayServiceModule,\n    IonSegment,\n    IonSegmentButton,\n    IonLabel,\n  ],\n  providers: [\n    { provide: ClassName, useValue: 'CalendarComponent' },\n    CalendarFilterService,\n    CalendarStateService,\n    CalendariumSpaceService,\n    ContactusSpaceService,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-calendar',\n  templateUrl: './calendar.component.html',\n  styleUrls: ['./calendar.component.scss'],\n})\nexport class CalendarComponent\n  extends CalendarBaseComponent\n  implements OnInit, AfterViewInit, OnChanges, OnDestroy\n{\n  private readonly filterService = inject(CalendarFilterService);\n  private readonly calendarStateService = inject(CalendarStateService);\n\n  private readonly $filter = signal(emptyCalendarFilter);\n\n  // prevWeekdays: SlotsGroup[];\n\n  @ViewChild('calendarFilterComponent')\n  public calendarFilterComponent?: CalendarFilterComponent;\n\n  @Input() member?: IMemberContext; // TODO: rename to contact?\n  @Input() public tab: CalendarTab = 'day';\n\n  @Output() readonly tabChanged = new EventEmitter<CalendarTab>();\n  @Output() readonly dateChanged = new EventEmitter<string>();\n\n  protected readonly $isWeekTabActivated = signal(false);\n\n  protected readonly $recurrings = computed<\n    readonly IHappeningWithUiState[] | undefined\n  >(() => this.filterRecurrings(this.$filter(), this.$allRecurrings()));\n\n  public constructor() {\n    super();\n\n    // setTimeout(() => {\n    // \t// TODO: Fix this dirty workaround for initial animations\n    // \tthis.setToday();\n    // }, 10);\n  }\n\n  public ngOnInit(): void {\n    this.filterService.filter.pipe(takeUntil(this.destroyed$)).subscribe({\n      next: (filter) => {\n        this.$filter.set(filter);\n      },\n      error: this.errorLogger.logErrorHandler('failed to get calendar filter'),\n    });\n\n    this.calendarStateService.dateChanged.subscribe({\n      next: (changed) => {\n        const { date } = changed;\n        this.$date.set(date);\n      },\n    });\n    setTimeout(() => this.$isWeekTabActivated.set(true), 500);\n  }\n\n  ngAfterViewInit(): void /* TODO: check and document if it can't be ngOnInit */ {\n    this.tabChanged.emit(this.tab);\n  }\n\n  protected segmentChanged(_event?: Event): void {\n    this.$isWeekTabActivated.set(true);\n    history.replaceState(\n      history.state,\n      document.title,\n      window.location.href.replace(/tab=\\w+/, `tab=${this.tab}`),\n    );\n    switch (this.tab) {\n      case 'week':\n        // if (this.activeDay.date) {\n        // \tthis.setDay('segmentChanged', this.activeDay.date);\n        // } else {\n        // \tthrow new Error('activeDay has no date');\n        // }\n        break;\n      case 'singles':\n        // this.slotsProvider.loadTodayAndFutureEvents(undefined)\n        // \t.subscribe({\n        // \t\terror: this.errorLogger.logError,\n        // \t\tnext: events => {\n        // \t\t\tconst slotGroupsByDate: { [dateKey: string]: SlotsGroup } = {};\n        // \t\t\tevents.forEach(event => {\n        // \t\t\t\tconst eventStartDate = new Date(event.dtStarts);\n        // \t\t\t\tconst dateKey = localDateToIso(eventStartDate);\n        // \t\t\t\tlet slotGroup = slotGroupsByDate[dateKey];\n        // \t\t\t\tif (!slotGroup) {\n        // \t\t\t\t\tconst wd = 'we'; // TODO: why Wednesday?\n        // \t\t\t\t\tslotGroupsByDate[dateKey] = slotGroup = {\n        // \t\t\t\t\t\twd,\n        // \t\t\t\t\t\tdate: eventStartDate,\n        // \t\t\t\t\t\ttitle: wdCodeToWeekdayName(wd),\n        // \t\t\t\t\t\tslots: [],\n        // \t\t\t\t\t};\n        // \t\t\t\t}\n        // \t\t\t\tslotGroup.slots.push(eventToSlot(event));\n        // \t\t\t});\n        // \t\t\tthis.todayAndFutureEvents = Object.values(slotGroupsByDate);\n        // \t\t},\n        // \t});\n        break;\n      default:\n        break;\n    }\n  }\n\n  // readonly goNewHappening = (params: NewHappeningParams): void => {\n  // \tconst { type, wd, date } = params;\n  //\n  // \tconst state: { type?: HappeningType; date?: string; wd?: WeekdayCode2 } = { type };\n  //\n  // \tif (date) {\n  // \t\t// tslint:disable-next-line:no-non-null-assertion\n  // \t\tstate.date = date;\n  // \t} else if (wd) {\n  // \t\tstate.wd = wd;\n  // \t} else if (this.tab === 'day') {\n  // \t\tstate.date = dateToIso(this.date);\n  // \t}\n  // \tif (!this.team) {\n  // \t\tthis.errorLogger.logError('!this.team');\n  // \t\treturn;\n  // \t}\n  // \tthis.params.teamNavService\n  // \t\t.navigateForwardToSpacePage(this.space, 'new-happening', {\n  // \t\t\tqueryParams: params,\n  // \t\t})\n  // \t\t.catch(this.errorLogger.logErrorHandler('failed to navigate to new happening page'));\n  // };\n\n  protected readonly onDateSelected = (date: Date): void => {\n    this.tab = 'day';\n    this.setDay('onDateSelected', date);\n  };\n\n  // get inactiveDay(): Day {\n  //     return this.activeDayParity === 'odd' ? this.evenDay : this.oddDay;\n  // }\n\n  // noinspection JSMethodCanBeStatic\n\n  // noinspection JSMethodCanBqw2se3333eStatic\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes['tab'] && this.tab === 'week') {\n      this.$isWeekTabActivated.set(true);\n    }\n  }\n\n  // We filter recurring at calendar level, so we can share it across different components?\n  private filterRecurrings(\n    filter: ICalendarFilter,\n    allRecurring?: readonly IHappeningWithUiState[],\n  ): readonly IHappeningWithUiState[] | undefined {\n    const text = filter.text.toLowerCase();\n\n    const filtered = allRecurring?.filter((r) => {\n      const title = r.brief?.title || r.dbo?.title;\n      let hide = '';\n\n      if (!hide && title && !title.trim().toLowerCase().includes(text)) {\n        hide = 'title';\n      }\n      if (\n        !hide &&\n        (!r.brief ||\n          !hasContact(r.space.id, filter.contactIDs, r.brief.related))\n      ) {\n        hide = 'contactIDs';\n      }\n      const slots = r.dbo?.slots || r.brief?.slots;\n      if (!hide && !this.hasWeekday(slots, filter.weekdays)) {\n        hide = 'weekdays';\n      }\n      if (!hide && !this.hasRepeats(filter.repeats, slots)) {\n        hide = 'repeats';\n      }\n      return !hide;\n    });\n    return filtered;\n  }\n\n  // noinspection JSMethodCanBeStatic\n\n  private hasRepeats(\n    repeats: readonly string[],\n    slots?: Readonly<Record<string, IHappeningSlot>>,\n  ): boolean {\n    return (\n      !repeats.length ||\n      (!!slots &&\n        Object.values(slots).some((slot) => repeats.includes(slot.repeats)))\n    );\n  }\n\n  private hasWeekday(\n    slots: Readonly<Record<string, IHappeningSlot>> | undefined,\n    weekdays: readonly WeekdayCode2[],\n  ): boolean {\n    return (\n      !weekdays.length ||\n      (!!slots &&\n        Object.values(slots).some((slot) =>\n          slot.weekdays?.some((wd) => weekdays.includes(wd)),\n        ))\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected onDayChanged(d: Date): void {\n    this.changeBrowserURL();\n    // this.setSlidesAnimationState();\n    //\n    // this.activeDay.changeDate(d);\n    //\n    // this.activeWeek.activeDate = d;\n    // const { tab } = this;\n    // const activeWd = jsDayToWeekday(d.getDay() as wdNumber);\n    // const datesToPreload: Date[] = [];\n    // const datesToLoad: Day[] = [];\n    // activeWeek.weekdays.forEach((weekday) => {\n    // \tconst weekdayDate = getWdDate(weekday.wd, activeWd, d);\n    // \tif (!weekday.date || weekday.date.getTime() !== weekdayDate.getTime() || !weekday.slots) {\n    // \t\t// console.log('weekday.date !== weekdayDate', weekday.date, weekdayDate);\n    // \t\tweekday = { ...weekday, date: weekdayDate };\n    // \t\tif (tab === 'week' || tab === 'day' && weekday.wd === activeWd) {\n    // \t\t\tdatesToLoad.push(weekday);\n    // \t\t\t// tslint:disable-next-line:no-magic-numbers\n    // \t\t\tconst diff = tab === 'day' ? SHIFT_1_DAY : SHIFT_1_WEEK;\n    // \t\t\tconst wdDate = weekday.date;\n    // \t\t\tif (wdDate) {\n    // \t\t\t\tdatesToPreload.push(new Date(wdDate.getFullYear(), wdDate.getMonth(), wdDate.getDate() + diff));\n    // \t\t\t\tdatesToPreload.push(new Date(wdDate.getFullYear(), wdDate.getMonth(), wdDate.getDate() - diff));\n    // \t\t\t}\n    // \t\t\tif (tab === 'day') {\n    // \t\t\t\tconst activeWeekDaysToPreload = activeWeek.weekdays\n    // \t\t\t\t\t.filter(wd =>\n    // \t\t\t\t\t\t!wd.date ||\n    // \t\t\t\t\t\t// tslint:disable-next-line:no-non-null-assertion\n    // \t\t\t\t\t\t!datesToPreload.some(dtp => dtp.getTime() === wd.date?.getTime()));\n    // \t\t\t\tactiveWeekDaysToPreload.forEach(wd => {\n    // \t\t\t\t\tif (!wd.date) {\n    // \t\t\t\t\t\t// wd.date = weekdayDate;\n    // \t\t\t\t\t\t// this.errorLogger.logError('not implemented yet: !wd.date');\n    // \t\t\t\t\t\tconsole.error('not implemented yet: !wd.date');\n    // \t\t\t\t\t} else {\n    // \t\t\t\t\t\tdatesToPreload.push(wd.date);\n    // \t\t\t\t\t}\n    // \t\t\t\t});\n    // \t\t\t}\n    // \t\t}\n    // \t}\n    // \tif (weekday.wd === activeWd) {\n    // \t\tthis.activeDay.weekday = weekday;\n    // \t}\n    // });\n    //\n    // console.log(`segment=${tab}, datesToPreload:`, datesToPreload);\n    // if (this.team) {\n    // \tthis.slotsProvider.getDays(...datesToLoad)\n    // \t\t.pipe(\n    // \t\t\ttakeUntil(this.destroyed),\n    // \t\t)\n    // \t\t.subscribe({\n    // \t\t\terror: this.errorLogger.logErrorHandler('failed to get days'),\n    // \t\t});\n    // }\n    // this.slotsProvider.preloadEvents(tx, ...datesToPreload),\n  }\n\n  private changeBrowserURL(): void {\n    if (this.$isToday()) {\n      history.replaceState(\n        history.state,\n        document.title,\n        window.location.href.replace(/&date=\\d{4}-\\d{2}-\\d{2}/, ''),\n      );\n    } else {\n      const isoDate = `&date=${localDateToIso(this.$date())}`;\n      if (!window.location.href.includes('&date')) {\n        history.replaceState(\n          history.state,\n          document.title,\n          window.location.href + isoDate,\n        );\n      } else {\n        history.replaceState(\n          history.state,\n          document.title,\n          window.location.href.replace(/&date=\\d{4}-\\d{2}-\\d{2}/, isoDate),\n        );\n      }\n    }\n  }\n}\n","<ion-segment [(ngModel)]=\"tab\" (ionChange)=\"segmentChanged($event)\">\n  <ion-segment-button value=\"day\">\n    <ion-label class=\"smaller\">📅 Day</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"week\">\n    <ion-label class=\"smaller\">🗓️ Week</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"recurrings\">\n    <ion-label class=\"smaller\">🔁 Repeats</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"singles\">\n    <ion-label class=\"smaller\">1️⃣-timers</ion-label>\n  </ion-segment-button>\n</ion-segment>\n\n<sneat-calendar-filter\n  #calendarFilterComponent\n  [space]=\"$space()\"\n  [showWeekdays]=\"tab === 'recurrings'\"\n  [showRepeats]=\"tab === 'recurrings'\"\n/>\n\n<!--\nWe use style.display  instead of *ngIf to avoid re-creating of the component on tab re-activation.\nThis is just a small performance optimization.\n-->\n<sneat-day-tab\n  [style.display]=\"tab === 'day' ? 'block' : 'none'\"\n  [$space]=\"$space()\"\n  [$spaceDaysProvider]=\"spaceDaysProvider\"\n/>\n\n<!--\nWe use *ngIf instead of [style.display] to avoid rendering of the tab when it's not visible.\nThis is due to weird bug that affects user service onSnapshot not retuning user data\nwhen we have more than 1 week components (odd/event for slider).\nThis is probably due to the fact that we open 14 listeners (1 for each day of 2 weeks) and Firestore is not able to handle that many listeners?\n\n[style.display]=\"tab === 'week' ? 'block' : 'none'\"\n-->\n@if ($isWeekTabActivated()) {\n  <sneat-week-tab\n    [style.display]=\"tab === 'week' ? 'block' : 'none'\"\n    [$space]=\"$space()\"\n    [$spaceDaysProvider]=\"spaceDaysProvider\"\n  />\n}\n\n@switch (tab) {\n  @case (\"recurrings\") {\n    <sneat-recurrings-tab\n      [$space]=\"$space()\"\n      [$recurrings]=\"$recurrings()\"\n      [$allRecurrings]=\"$allRecurrings()\"\n      [$contactusSpace]=\"$contactusSpace()\"\n    />\n  }\n  @case (\"singles\") {\n    <sneat-singles-tab\n      [$space]=\"$space()\"\n      [onDateSelected]=\"onDateSelected\"\n      [$contactusSpace]=\"$contactusSpace()\"\n    />\n  }\n}\n"]}

package/esm2022/lib/components/calendar/components/calendar-add-buttons/calendar-add-buttons.component.js

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, input, inject, } from '@angular/core';
+import { IonButton, IonButtons, IonIcon } from '@ionic/angular/standalone';
+import { ScheduleNavService, } from '@sneat/mod-schedulus-core';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import * as i0 from "@angular/core";
+export class CalendarAddButtonsComponent extends WithSpaceInput {
+    constructor() {
+        super();
+        this.scheduleNavService = inject(ScheduleNavService);
+        this.dateID = input.required(...(ngDevMode ? [{ debugName: "dateID" }] : []));
+        this.weekdayID = input.required(...(ngDevMode ? [{ debugName: "weekdayID" }] : []));
+    }
+    newHappeningUrl(type) {
+        const params = [];
+        if (this.weekdayID()) {
+            params.push(`wd=${this.weekdayID()}`);
+        }
+        const dateID = this.dateID();
+        if (dateID) {
+            params.push(`date=${dateID}`);
+        }
+        return (`space/${this.$spaceType()}/${this.$spaceID()}/new-happening?type=${type}` +
+            (params.length === 0 ? '' : `&${params.join('&')}`));
+    }
+    goNewHappening(event, type) {
+        const space = this.$space();
+        event.preventDefault();
+        event.stopPropagation();
+        const params = {
+            type,
+            wd: this.weekdayID() ? this.weekdayID() : undefined,
+            date: this.dateID() ? this.dateID() : undefined,
+        };
+        this.scheduleNavService.goNewHappening(space, params);
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarAddButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CalendarAddButtonsComponent, isStandalone: true, selector: "sneat-calendar-add-buttons", inputs: { dateID: { classPropertyName: "dateID", publicName: "dateID", isSignal: true, isRequired: true, transformFunction: null }, weekdayID: { classPropertyName: "weekdayID", publicName: "weekdayID", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{ provide: ClassName, useValue: 'CalendarAddButtonsComponent' }], usesInheritance: true, ngImport: i0, template: "<ion-buttons slot=\"end\" class=\"420\">\n  <ion-button\n    title=\"Add recurring\"\n    [href]=\"newHappeningUrl('recurring')\"\n    (click)=\"goNewHappening($event, 'recurring')\"\n  >\n    <ion-icon name=\"duplicate-outline\" />\n  </ion-button>\n  <ion-button\n    title=\"Add one-timer\"\n    [href]=\"newHappeningUrl('single')\"\n    (click)=\"goNewHappening($event, 'single')\"\n  >\n    <ion-icon name=\"add-circle-outline\" />\n  </ion-button>\n</ion-buttons>\n", dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarAddButtonsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-calendar-add-buttons', imports: [IonButtons, IonButton, IonIcon], providers: [{ provide: ClassName, useValue: 'CalendarAddButtonsComponent' }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"end\" class=\"420\">\n  <ion-button\n    title=\"Add recurring\"\n    [href]=\"newHappeningUrl('recurring')\"\n    (click)=\"goNewHappening($event, 'recurring')\"\n  >\n    <ion-icon name=\"duplicate-outline\" />\n  </ion-button>\n  <ion-button\n    title=\"Add one-timer\"\n    [href]=\"newHappeningUrl('single')\"\n    (click)=\"goNewHappening($event, 'single')\"\n  >\n    <ion-icon name=\"add-circle-outline\" />\n  </ion-button>\n</ion-buttons>\n" }]
+        }], ctorParameters: () => [], propDecorators: { dateID: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateID", required: true }] }], weekdayID: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekdayID", required: true }] }] } });
+//# sourceMappingURL=calendar-add-buttons.component.js.map

package/esm2022/lib/components/calendar/components/calendar-add-buttons/calendar-add-buttons.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-add-buttons.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-add-buttons/calendar-add-buttons.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-add-buttons/calendar-add-buttons.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAIL,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;;AAStC,MAAM,OAAO,2BAA4B,SAAQ,cAAc;IAM7D;QACE,KAAK,EAAE,CAAC;QANO,uBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAEjD,WAAM,GAAG,KAAK,CAAC,QAAQ,iDAAsB,CAAC;QAC9C,cAAS,GAAG,KAAK,CAAC,QAAQ,oDAA4B,CAAC;IAIvE,CAAC;IAES,eAAe,CAAC,IAAmB;QAC3C,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACxC,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,IAAI,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAC;QAChC,CAAC;QACD,OAAO,CACL,SAAS,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,uBAAuB,IAAI,EAAE;YAC1E,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACpD,CAAC;IACJ,CAAC;IAES,cAAc,CAAC,KAAY,EAAE,IAAmB;QACxD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAM,MAAM,GAAuB;YACjC,IAAI;YACJ,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS;YACnD,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS;SAChD,CAAC;QACF,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACtD,OAAO,KAAK,CAAC;IACf,CAAC;8GApCU,2BAA2B;kGAA3B,2BAA2B,kVAH3B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,6BAA6B,EAAE,CAAC,iDCpB9E,ydAgBA,4CDGY,UAAU,8EAAE,SAAS,oPAAE,OAAO;;2FAI7B,2BAA2B;kBAPvC,SAAS;+BACE,4BAA4B,WAE7B,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,aAC9B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,6BAA6B,EAAE,CAAC,mBAC3D,uBAAuB,CAAC,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  inject,\n} from '@angular/core';\nimport { IonButton, IonButtons, IonIcon } from '@ionic/angular/standalone';\nimport {\n  HappeningType,\n  WeekdayCode2,\n  NewHappeningParams,\n  ScheduleNavService,\n} from '@sneat/mod-schedulus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\n\n@Component({\n  selector: 'sneat-calendar-add-buttons',\n  templateUrl: './calendar-add-buttons.component.html',\n  imports: [IonButtons, IonButton, IonIcon],\n  providers: [{ provide: ClassName, useValue: 'CalendarAddButtonsComponent' }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalendarAddButtonsComponent extends WithSpaceInput {\n  private readonly scheduleNavService = inject(ScheduleNavService);\n\n  public readonly dateID = input.required<string | undefined>();\n  public readonly weekdayID = input.required<WeekdayCode2 | undefined>();\n\n  public constructor() {\n    super();\n  }\n\n  protected newHappeningUrl(type: HappeningType): string {\n    const params: string[] = [];\n    if (this.weekdayID()) {\n      params.push(`wd=${this.weekdayID()}`);\n    }\n    const dateID = this.dateID();\n    if (dateID) {\n      params.push(`date=${dateID}`);\n    }\n    return (\n      `space/${this.$spaceType()}/${this.$spaceID()}/new-happening?type=${type}` +\n      (params.length === 0 ? '' : `&${params.join('&')}`)\n    );\n  }\n\n  protected goNewHappening(event: Event, type: HappeningType): boolean {\n    const space = this.$space();\n    event.preventDefault();\n    event.stopPropagation();\n    const params: NewHappeningParams = {\n      type,\n      wd: this.weekdayID() ? this.weekdayID() : undefined,\n      date: this.dateID() ? this.dateID() : undefined,\n    };\n    this.scheduleNavService.goNewHappening(space, params);\n    return false;\n  }\n}\n","<ion-buttons slot=\"end\" class=\"420\">\n  <ion-button\n    title=\"Add recurring\"\n    [href]=\"newHappeningUrl('recurring')\"\n    (click)=\"goNewHappening($event, 'recurring')\"\n  >\n    <ion-icon name=\"duplicate-outline\" />\n  </ion-button>\n  <ion-button\n    title=\"Add one-timer\"\n    [href]=\"newHappeningUrl('single')\"\n    (click)=\"goNewHappening($event, 'single')\"\n  >\n    <ion-icon name=\"add-circle-outline\" />\n  </ion-button>\n</ion-buttons>\n"]}

package/esm2022/lib/components/calendar/components/calendar-day/calendar-day-base.component.js

@@ -0,0 +1,26 @@
+import { SwipeableBaseComponent } from '../../../swipeable-base.component';
+export class CalendarDayBaseComponent extends SwipeableBaseComponent {
+    get oddDay() {
+        return this.oddSlide || undefined;
+    }
+    get evenDay() {
+        return this.evenSlide || undefined;
+    }
+    get activeDay() {
+        return this.activeSlide || undefined;
+    }
+    constructor(scheduleSateService) {
+        super(scheduleSateService, 1);
+    }
+    onDateChanged(changed) {
+        if (this.shiftDays) {
+            const d = changed.date;
+            changed = {
+                ...changed,
+                date: new Date(d.getFullYear(), d.getMonth(), d.getDate() + this.shiftDays),
+            };
+        }
+        super.onDateChanged(changed);
+    }
+}
+//# sourceMappingURL=calendar-day-base.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-day-base.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day-base.component.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAG3E,MAAM,OAAgB,wBAAyB,SAAQ,sBAAsB;IAC3E,IAAI,MAAM;QACR,OAAQ,IAAI,CAAC,QAAyB,IAAI,SAAS,CAAC;IACtD,CAAC;IAED,IAAI,OAAO;QACT,OAAQ,IAAI,CAAC,SAA0B,IAAI,SAAS,CAAC;IACvD,CAAC;IAED,IAAI,SAAS;QACX,OAAQ,IAAI,CAAC,WAA4B,IAAI,SAAS,CAAC;IACzD,CAAC;IAED,YAAsB,mBAAyC;QAC7D,KAAK,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC;IAEQ,aAAa,CAAC,OAAqB;QAC1C,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;YACvB,OAAO,GAAG;gBACR,GAAG,OAAO;gBACV,IAAI,EAAE,IAAI,IAAI,CACZ,CAAC,CAAC,WAAW,EAAE,EACf,CAAC,CAAC,QAAQ,EAAE,EACZ,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAC7B;aACF,CAAC;QACJ,CAAC;QACD,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC;CACF","sourcesContent":["import {\n  IDateChanged,\n  CalendarStateService,\n} from '../../calendar-state.service';\nimport { SwipeableBaseComponent } from '../../../swipeable-base.component';\nimport { SwipeableDay } from '../../../swipeable-ui';\n\nexport abstract class CalendarDayBaseComponent extends SwipeableBaseComponent {\n  get oddDay(): SwipeableDay | undefined {\n    return (this.oddSlide as SwipeableDay) || undefined;\n  }\n\n  get evenDay(): SwipeableDay | undefined {\n    return (this.evenSlide as SwipeableDay) || undefined;\n  }\n\n  get activeDay(): SwipeableDay | undefined {\n    return (this.activeSlide as SwipeableDay) || undefined;\n  }\n\n  protected constructor(scheduleSateService: CalendarStateService) {\n    super(scheduleSateService, 1);\n  }\n\n  override onDateChanged(changed: IDateChanged): void {\n    if (this.shiftDays) {\n      const d = changed.date;\n      changed = {\n        ...changed,\n        date: new Date(\n          d.getFullYear(),\n          d.getMonth(),\n          d.getDate() + this.shiftDays,\n        ),\n      };\n    }\n    super.onDateChanged(changed);\n  }\n}\n"]}

package/esm2022/lib/components/calendar/components/calendar-day/calendar-day-card.component.js

@@ -0,0 +1,67 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, input, Input, Output, inject, } from '@angular/core';
+import { IonButton, IonButtons, IonCard, IonIcon, IonItem, IonLabel, } from '@ionic/angular/standalone';
+import { virtualSliderAnimations } from '@sneat/components';
+import { ClassName } from '@sneat/ui';
+import { CalendarDayComponent } from './calendar-day.component';
+import { CalendarDayTitleComponent } from './calendar-day-title.component';
+import { getToday, CalendarStateService } from '../../calendar-state.service';
+import { swipeableDay } from '../../../swipeable-ui';
+import { CalendarAddButtonsComponent } from '../calendar-add-buttons/calendar-add-buttons.component';
+import { CalendarDayBaseComponent } from './calendar-day-base.component';
+import * as i0 from "@angular/core";
+// This is 1 of the 2 "day cards" used at ScheduleDayTabComponent
+// The 1st is the "active day" (e.g. today), and the 2nd is "next day" (e.g. tomorrow).
+// The 2nd should set the [activeDayPlus]="1"
+export class CalendarDayCardComponent extends CalendarDayBaseComponent {
+    set activeDayPlus(value) {
+        this.shiftDays = value;
+        // console.log('set activeDayPlus()', value, 'shiftDays=', this.shiftDays);
+    }
+    constructor() {
+        const scheduleSateService = inject(CalendarStateService);
+        super(scheduleSateService);
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$spaceDaysProvider = input.required(...(ngDevMode ? [{ debugName: "$spaceDaysProvider" }] : []));
+        this.goNew = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.shiftDays < 0) {
+            throw new Error('shiftDays < 0');
+        }
+        this.createSlides();
+    }
+    createSlides() {
+        const spaceDaysProvider = this.$spaceDaysProvider();
+        const current = getToday();
+        if (this.activeDayPlus) {
+            current.setDate(current.getDate() + this.activeDayPlus);
+        }
+        this.$date.set(current);
+        const next = new Date();
+        next.setDate(current.getDate() + 1);
+        this.oddSlide = swipeableDay('odd', current, spaceDaysProvider, this.destroyed$);
+        this.evenSlide = swipeableDay('even', next, spaceDaysProvider, this.destroyed$);
+        this.onDateChanged({ date: current, shiftDirection: '' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarDayCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CalendarDayCardComponent, isStandalone: true, selector: "sneat-calendar-day-card", inputs: { $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, $spaceDaysProvider: { classPropertyName: "$spaceDaysProvider", publicName: "$spaceDaysProvider", isSignal: true, isRequired: true, transformFunction: null }, activeDayPlus: { classPropertyName: "activeDayPlus", publicName: "activeDayPlus", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { goNew: "goNew" }, providers: [{ provide: ClassName, useValue: 'ScheduleDayCardComponent' }], usesInheritance: true, ngImport: i0, template: "<ion-card>\n  <ion-item\n    lines=\"full\"\n    color=\"light\"\n    class=\"sneat-small-end-padding sneat-small-start-padding\"\n  >\n    <ion-buttons\n      slot=\"start\"\n      class=\"sneat-hide-if-width-less-638 sneat-tiny-end-margin sneat-no-horizontal-margins\"\n    >\n      <ion-button\n        [disabled]=\"$isDefaultDate()\"\n        [color]=\"$isDefaultDate() ? 'medium' : 'primary'\"\n        [title]=\"shiftDays === 0 ? 'Jump to today' : 'Jump to tomorrow'\"\n        (click)=\"setToday()\"\n      >\n        <ion-icon name=\"today-outline\" />\n      </ion-button>\n      <!--\t\t\t<ion-button title=\"Previous day\"-->\n      <!--\t\t\t\t\t\t\t\t\t(click)=\"swipePrev()\">-->\n      <!--\t\t\t\t<ion-icon name=\"chevron-back-sharp\"></ion-icon>-->\n      <!--\t\t\t</ion-button>-->\n      <!--\t\t\t<ion-button title=\"Next day\"-->\n      <!--\t\t\t\t\t\t\t\t\t(click)=\"swipeNext()\">-->\n      <!--\t\t\t\t<ion-icon name=\"chevron-forward-sharp\"></ion-icon>-->\n      <!--\t\t\t</ion-button>-->\n    </ion-buttons>\n    <ion-label>\n      <div\n        class=\"virtual-slider-outer\"\n        (swipeleft)=\"swipeLeft()\"\n        (swiperight)=\"swipeRight()\"\n      >\n        <div class=\"virtual-slider-inner\" [@virtualSlider]=\"animationState\">\n          <h1\n            class=\"virtual-slide sneat-smaller-if-width-less-638\"\n            [@virtualSlide]=\"oddDay?.animationState\"\n          >\n            <sneat-calendar-day-title [weekday]=\"oddDay?.weekday\" />\n          </h1>\n          <h1\n            class=\"virtual-slide\"\n            [@virtualSlide]=\"evenDay?.animationState || 'hide'\"\n          >\n            <sneat-calendar-day-title [weekday]=\"evenDay?.weekday\" />\n          </h1>\n        </div>\n      </div>\n    </ion-label>\n\n    <sneat-calendar-add-buttons\n      [$space]=\"$space()\"\n      [dateID]=\"activeDay?.activeDateID\"\n      [weekdayID]=\"activeDay?.weekday?.id\"\n    />\n  </ion-item>\n\n  <div\n    class=\"virtual-slider-outer\"\n    (swipeleft)=\"swipeLeft()\"\n    (swiperight)=\"swipeRight()\"\n  >\n    <div class=\"virtual-slider-inner\" [@virtualSlider]=\"animationState\">\n      <div class=\"virtual-slide\" [@virtualSlide]=\"oddSlide?.animationState\">\n        <sneat-calendar-day [$weekday]=\"oddDay?.weekday\" [$space]=\"$space()\" />\n        <div class=\"virtual-slide-overflow-fixer\"></div>\n      </div>\n      <div class=\"virtual-slide\" [@virtualSlide]=\"evenSlide?.animationState\">\n        <sneat-calendar-day [$weekday]=\"evenDay?.weekday\" [$space]=\"$space()\" />\n        <div class=\"virtual-slide-overflow-fixer\"></div>\n      </div>\n    </div>\n  </div>\n</ion-card>\n", dependencies: [{ kind: "component", type: CalendarDayComponent, selector: "sneat-calendar-day", inputs: ["$weekday", "hideAddButtons", "hideLastBorder"] }, { kind: "component", type: CalendarAddButtonsComponent, selector: "sneat-calendar-add-buttons", inputs: ["dateID", "weekdayID"] }, { kind: "component", type: CalendarDayTitleComponent, selector: "sneat-calendar-day-title", inputs: ["weekday"] }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }], animations: virtualSliderAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarDayCardComponent, decorators: [{
+            type: Component,
+            args: [{ animations: virtualSliderAnimations, imports: [
+                        CalendarDayComponent,
+                        CalendarAddButtonsComponent,
+                        CalendarDayTitleComponent,
+                        IonCard,
+                        IonItem,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonLabel,
+                    ], providers: [{ provide: ClassName, useValue: 'ScheduleDayCardComponent' }], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-calendar-day-card', template: "<ion-card>\n  <ion-item\n    lines=\"full\"\n    color=\"light\"\n    class=\"sneat-small-end-padding sneat-small-start-padding\"\n  >\n    <ion-buttons\n      slot=\"start\"\n      class=\"sneat-hide-if-width-less-638 sneat-tiny-end-margin sneat-no-horizontal-margins\"\n    >\n      <ion-button\n        [disabled]=\"$isDefaultDate()\"\n        [color]=\"$isDefaultDate() ? 'medium' : 'primary'\"\n        [title]=\"shiftDays === 0 ? 'Jump to today' : 'Jump to tomorrow'\"\n        (click)=\"setToday()\"\n      >\n        <ion-icon name=\"today-outline\" />\n      </ion-button>\n      <!--\t\t\t<ion-button title=\"Previous day\"-->\n      <!--\t\t\t\t\t\t\t\t\t(click)=\"swipePrev()\">-->\n      <!--\t\t\t\t<ion-icon name=\"chevron-back-sharp\"></ion-icon>-->\n      <!--\t\t\t</ion-button>-->\n      <!--\t\t\t<ion-button title=\"Next day\"-->\n      <!--\t\t\t\t\t\t\t\t\t(click)=\"swipeNext()\">-->\n      <!--\t\t\t\t<ion-icon name=\"chevron-forward-sharp\"></ion-icon>-->\n      <!--\t\t\t</ion-button>-->\n    </ion-buttons>\n    <ion-label>\n      <div\n        class=\"virtual-slider-outer\"\n        (swipeleft)=\"swipeLeft()\"\n        (swiperight)=\"swipeRight()\"\n      >\n        <div class=\"virtual-slider-inner\" [@virtualSlider]=\"animationState\">\n          <h1\n            class=\"virtual-slide sneat-smaller-if-width-less-638\"\n            [@virtualSlide]=\"oddDay?.animationState\"\n          >\n            <sneat-calendar-day-title [weekday]=\"oddDay?.weekday\" />\n          </h1>\n          <h1\n            class=\"virtual-slide\"\n            [@virtualSlide]=\"evenDay?.animationState || 'hide'\"\n          >\n            <sneat-calendar-day-title [weekday]=\"evenDay?.weekday\" />\n          </h1>\n        </div>\n      </div>\n    </ion-label>\n\n    <sneat-calendar-add-buttons\n      [$space]=\"$space()\"\n      [dateID]=\"activeDay?.activeDateID\"\n      [weekdayID]=\"activeDay?.weekday?.id\"\n    />\n  </ion-item>\n\n  <div\n    class=\"virtual-slider-outer\"\n    (swipeleft)=\"swipeLeft()\"\n    (swiperight)=\"swipeRight()\"\n  >\n    <div class=\"virtual-slider-inner\" [@virtualSlider]=\"animationState\">\n      <div class=\"virtual-slide\" [@virtualSlide]=\"oddSlide?.animationState\">\n        <sneat-calendar-day [$weekday]=\"oddDay?.weekday\" [$space]=\"$space()\" />\n        <div class=\"virtual-slide-overflow-fixer\"></div>\n      </div>\n      <div class=\"virtual-slide\" [@virtualSlide]=\"evenSlide?.animationState\">\n        <sneat-calendar-day [$weekday]=\"evenDay?.weekday\" [$space]=\"$space()\" />\n        <div class=\"virtual-slide-overflow-fixer\"></div>\n      </div>\n    </div>\n  </div>\n</ion-card>\n" }]
+        }], ctorParameters: () => [], propDecorators: { $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], $spaceDaysProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "$spaceDaysProvider", required: true }] }], goNew: [{
+                type: Output
+            }], activeDayPlus: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=calendar-day-card.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-day-card.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day-card.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day-card.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  input,\n  Input,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonCard,\n  IonIcon,\n  IonItem,\n  IonLabel,\n} from '@ionic/angular/standalone';\nimport { virtualSliderAnimations } from '@sneat/components';\nimport { ClassName } from '@sneat/ui';\nimport { CalendarDayComponent } from './calendar-day.component';\nimport { CalendarDayTitleComponent } from './calendar-day-title.component';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { CalendarDataProvider } from '../../../../services/calendar-data-provider';\nimport { NewHappeningParams } from '@sneat/mod-schedulus-core';\nimport { getToday, CalendarStateService } from '../../calendar-state.service';\nimport { swipeableDay } from '../../../swipeable-ui';\nimport { CalendarAddButtonsComponent } from '../calendar-add-buttons/calendar-add-buttons.component';\nimport { CalendarDayBaseComponent } from './calendar-day-base.component';\n\n// This is 1 of the 2 \"day cards\" used at ScheduleDayTabComponent\n// The 1st is the \"active day\" (e.g. today), and the 2nd is \"next day\" (e.g. tomorrow).\n// The 2nd should set the [activeDayPlus]=\"1\"\n@Component({\n  animations: virtualSliderAnimations,\n  imports: [\n    CalendarDayComponent,\n    CalendarAddButtonsComponent,\n    CalendarDayTitleComponent,\n    IonCard,\n    IonItem,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonLabel,\n  ],\n  providers: [{ provide: ClassName, useValue: 'ScheduleDayCardComponent' }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-calendar-day-card',\n  templateUrl: 'calendar-day-card.component.html',\n})\nexport class CalendarDayCardComponent\n  extends CalendarDayBaseComponent\n  implements OnInit\n{\n  public readonly $space = input.required<ISpaceContext>();\n\n  public readonly $spaceDaysProvider = input.required<CalendarDataProvider>();\n\n  @Output() readonly goNew = new EventEmitter<NewHappeningParams>();\n\n  @Input() set activeDayPlus(value: number) {\n    this.shiftDays = value;\n    // console.log('set activeDayPlus()', value, 'shiftDays=', this.shiftDays);\n  }\n\n  public constructor() {\n    const scheduleSateService = inject(CalendarStateService);\n\n    super(scheduleSateService);\n  }\n\n  public ngOnInit(): void {\n    if (this.shiftDays < 0) {\n      throw new Error('shiftDays < 0');\n    }\n    this.createSlides();\n  }\n\n  private createSlides(): void {\n    const spaceDaysProvider = this.$spaceDaysProvider();\n    const current = getToday();\n    if (this.activeDayPlus) {\n      current.setDate(current.getDate() + this.activeDayPlus);\n    }\n    this.$date.set(current);\n    const next = new Date();\n    next.setDate(current.getDate() + 1);\n    this.oddSlide = swipeableDay(\n      'odd',\n      current,\n      spaceDaysProvider,\n      this.destroyed$,\n    );\n    this.evenSlide = swipeableDay(\n      'even',\n      next,\n      spaceDaysProvider,\n      this.destroyed$,\n    );\n    this.onDateChanged({ date: current, shiftDirection: '' });\n  }\n}\n","<ion-card>\n  <ion-item\n    lines=\"full\"\n    color=\"light\"\n    class=\"sneat-small-end-padding sneat-small-start-padding\"\n  >\n    <ion-buttons\n      slot=\"start\"\n      class=\"sneat-hide-if-width-less-638 sneat-tiny-end-margin sneat-no-horizontal-margins\"\n    >\n      <ion-button\n        [disabled]=\"$isDefaultDate()\"\n        [color]=\"$isDefaultDate() ? 'medium' : 'primary'\"\n        [title]=\"shiftDays === 0 ? 'Jump to today' : 'Jump to tomorrow'\"\n        (click)=\"setToday()\"\n      >\n        <ion-icon name=\"today-outline\" />\n      </ion-button>\n      <!--\t\t\t<ion-button title=\"Previous day\"-->\n      <!--\t\t\t\t\t\t\t\t\t(click)=\"swipePrev()\">-->\n      <!--\t\t\t\t<ion-icon name=\"chevron-back-sharp\"></ion-icon>-->\n      <!--\t\t\t</ion-button>-->\n      <!--\t\t\t<ion-button title=\"Next day\"-->\n      <!--\t\t\t\t\t\t\t\t\t(click)=\"swipeNext()\">-->\n      <!--\t\t\t\t<ion-icon name=\"chevron-forward-sharp\"></ion-icon>-->\n      <!--\t\t\t</ion-button>-->\n    </ion-buttons>\n    <ion-label>\n      <div\n        class=\"virtual-slider-outer\"\n        (swipeleft)=\"swipeLeft()\"\n        (swiperight)=\"swipeRight()\"\n      >\n        <div class=\"virtual-slider-inner\" [@virtualSlider]=\"animationState\">\n          <h1\n            class=\"virtual-slide sneat-smaller-if-width-less-638\"\n            [@virtualSlide]=\"oddDay?.animationState\"\n          >\n            <sneat-calendar-day-title [weekday]=\"oddDay?.weekday\" />\n          </h1>\n          <h1\n            class=\"virtual-slide\"\n            [@virtualSlide]=\"evenDay?.animationState || 'hide'\"\n          >\n            <sneat-calendar-day-title [weekday]=\"evenDay?.weekday\" />\n          </h1>\n        </div>\n      </div>\n    </ion-label>\n\n    <sneat-calendar-add-buttons\n      [$space]=\"$space()\"\n      [dateID]=\"activeDay?.activeDateID\"\n      [weekdayID]=\"activeDay?.weekday?.id\"\n    />\n  </ion-item>\n\n  <div\n    class=\"virtual-slider-outer\"\n    (swipeleft)=\"swipeLeft()\"\n    (swiperight)=\"swipeRight()\"\n  >\n    <div class=\"virtual-slider-inner\" [@virtualSlider]=\"animationState\">\n      <div class=\"virtual-slide\" [@virtualSlide]=\"oddSlide?.animationState\">\n        <sneat-calendar-day [$weekday]=\"oddDay?.weekday\" [$space]=\"$space()\" />\n        <div class=\"virtual-slide-overflow-fixer\"></div>\n      </div>\n      <div class=\"virtual-slide\" [@virtualSlide]=\"evenSlide?.animationState\">\n        <sneat-calendar-day [$weekday]=\"evenDay?.weekday\" [$space]=\"$space()\" />\n        <div class=\"virtual-slide-overflow-fixer\"></div>\n      </div>\n    </div>\n  </div>\n</ion-card>\n"]}

package/esm2022/lib/components/calendar/components/calendar-day/calendar-day-tab.component.js

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed, input, signal, inject, } from '@angular/core';
+import { IonButton, IonButtons, IonDatetime, IonIcon, IonItem, IonLabel, IonPopover, PopoverController, } from '@ionic/angular/standalone';
+import { dateToIso, isoStringsToDate } from '@sneat/core';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { addDays, CalendarStateService } from '../../calendar-state.service';
+import { CalendarDayCardComponent } from './calendar-day-card.component';
+import * as i0 from "@angular/core";
+export class CalendarDayTabComponent extends WithSpaceInput {
+    constructor() {
+        super();
+        this.scheduleSateService = inject(CalendarStateService);
+        this.popoverController = inject(PopoverController);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.$date = signal(undefined, ...(ngDevMode ? [{ debugName: "$date" }] : []));
+        this.$dateAsIsoString = computed(() => {
+            const date = this.$date();
+            return date && dateToIso(date);
+        }, ...(ngDevMode ? [{ debugName: "$dateAsIsoString" }] : []));
+        this.$spaceDaysProvider = input.required(...(ngDevMode ? [{ debugName: "$spaceDaysProvider" }] : []));
+        const scheduleSateService = this.scheduleSateService;
+        scheduleSateService.dateChanged.pipe(this.takeUntilDestroyed()).subscribe({
+            next: (value) => {
+                // console.log('ScheduleDayTabComponent => date changed:', value.date);
+                this.$date.set(value.date);
+            },
+        });
+    }
+    onPickerDateChanged(event) {
+        const ce = event;
+        event.stopPropagation();
+        event.preventDefault();
+        const value = ce.detail.value;
+        // console.log('onPickerDateChanged()', value);
+        const date = isoStringsToDate(value);
+        this.$date.set(date);
+        this.scheduleSateService.setActiveDate(date);
+        this.popoverController.dismiss().catch(console.error);
+    }
+    swipe(days, event) {
+        event.stopPropagation();
+        this.scheduleSateService.shiftDays(days);
+        this.changeDetectorRef.markForCheck();
+    }
+    goToday() {
+        this.goDate(new Date());
+    }
+    goTomorrow() {
+        const tomorrow = addDays(new Date(), 1);
+        this.goDate(tomorrow);
+    }
+    goDate(date) {
+        this.scheduleSateService.setActiveDate(date);
+        this.popoverController
+            .dismiss()
+            .catch(this.errorLogger.logErrorHandler('failed to dismiss popover after going to date'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarDayTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CalendarDayTabComponent, isStandalone: true, selector: "sneat-day-tab", inputs: { $spaceDaysProvider: { classPropertyName: "$spaceDaysProvider", publicName: "$spaceDaysProvider", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{ provide: ClassName, useValue: 'CalendarDayTabComponent' }], usesInheritance: true, ngImport: i0, template: "<ion-item id=\"pick-date\" lines=\"full\" class=\"ion-margin-start ion-no-padding\">\n  <ion-buttons slot=\"start\">\n    <ion-button\n      title=\"Previous day\"\n      color=\"tertiary\"\n      (click)=\"swipe(-1, $event)\"\n    >\n      <ion-icon name=\"chevron-back-sharp\" slot=\"start\" />\n      <ion-label\n        ><span class=\"sneat-hide-if-width-less-638\">Previous</span></ion-label\n      >\n    </ion-button>\n  </ion-buttons>\n  <ion-label style=\"text-align: center; width: 100%\" tappable color=\"tertiary\">\n    Pick date\n  </ion-label>\n  <!--\t<ion-label style=\"text-align: center\" color=\"medium\">Swipe to change day</ion-label>-->\n  <ion-buttons slot=\"end\">\n    <ion-button title=\"Next day\" color=\"tertiary\" (click)=\"swipe(1, $event)\">\n      <ion-icon name=\"chevron-forward-sharp\" slot=\"end\" />\n      <ion-label\n        ><span class=\"sneat-hide-if-width-less-638\">Next</span></ion-label\n      >\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n\n<ion-popover trigger=\"pick-date\" alignment=\"center\">\n  <ng-template>\n    <ion-item>\n      <ion-button fill=\"clear\" color=\"primary\" (click)=\"goToday()\"\n        >Today\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"tertiary\"\n        (click)=\"goTomorrow()\"\n        slot=\"end\"\n        >Tomorrow\n      </ion-button>\n    </ion-item>\n    <ion-datetime\n      class=\"sneat-date-picker\"\n      [value]=\"$dateAsIsoString()\"\n      presentation=\"date\"\n      (ionChange)=\"onPickerDateChanged($event)\"\n    />\n\n    <!--\t\t\t<ion-list>-->\n    <!--\t\t\t<ion-item-divider>-->\n    <!--\t\t\t\t<ion-label>Quick links</ion-label>-->\n    <!--\t\t\t</ion-item-divider>-->\n    <!--\t\t\t<ion-item tappable (click)=\"goToday()\">-->\n    <!--\t\t\t\t<ion-label>Today</ion-label>-->\n    <!--\t\t\t</ion-item>-->\n    <!--\t\t\t<ion-item tappable (click)=\"goTomorrow()\">-->\n    <!--\t\t\t\t<ion-label>Tomorrow</ion-label>-->\n    <!--\t\t\t</ion-item>-->\n    <!--\t\t\t</ion-list>-->\n  </ng-template>\n</ion-popover>\n\n<!--Today -->\n<sneat-calendar-day-card\n  [$space]=\"$space()\"\n  [$spaceDaysProvider]=\"$spaceDaysProvider()\"\n/>\n\n<!--<div class=\"ion-text-center ion-margin\">-->\n<!--\t<ion-text color=\"medium\">&larr; Swipe to change day &rarr;</ion-text>-->\n<!--</div>-->\n\n<!--Tomorrow -->\n<sneat-calendar-day-card\n  [activeDayPlus]=\"1\"\n  [$space]=\"$space()\"\n  [$spaceDaysProvider]=\"$spaceDaysProvider()\"\n/>\n", styles: ["ion-popover{--max-width: 360px}\n"], dependencies: [{ kind: "component", type: CalendarDayCardComponent, selector: "sneat-calendar-day-card", inputs: ["$space", "$spaceDaysProvider", "activeDayPlus"], outputs: ["goNew"] }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonPopover, selector: "ion-popover" }, { kind: "component", type: IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarDayTabComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CalendarDayCardComponent,
+                        IonItem,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonLabel,
+                        IonPopover,
+                        IonDatetime,
+                    ], providers: [{ provide: ClassName, useValue: 'CalendarDayTabComponent' }], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-day-tab', template: "<ion-item id=\"pick-date\" lines=\"full\" class=\"ion-margin-start ion-no-padding\">\n  <ion-buttons slot=\"start\">\n    <ion-button\n      title=\"Previous day\"\n      color=\"tertiary\"\n      (click)=\"swipe(-1, $event)\"\n    >\n      <ion-icon name=\"chevron-back-sharp\" slot=\"start\" />\n      <ion-label\n        ><span class=\"sneat-hide-if-width-less-638\">Previous</span></ion-label\n      >\n    </ion-button>\n  </ion-buttons>\n  <ion-label style=\"text-align: center; width: 100%\" tappable color=\"tertiary\">\n    Pick date\n  </ion-label>\n  <!--\t<ion-label style=\"text-align: center\" color=\"medium\">Swipe to change day</ion-label>-->\n  <ion-buttons slot=\"end\">\n    <ion-button title=\"Next day\" color=\"tertiary\" (click)=\"swipe(1, $event)\">\n      <ion-icon name=\"chevron-forward-sharp\" slot=\"end\" />\n      <ion-label\n        ><span class=\"sneat-hide-if-width-less-638\">Next</span></ion-label\n      >\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n\n<ion-popover trigger=\"pick-date\" alignment=\"center\">\n  <ng-template>\n    <ion-item>\n      <ion-button fill=\"clear\" color=\"primary\" (click)=\"goToday()\"\n        >Today\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"tertiary\"\n        (click)=\"goTomorrow()\"\n        slot=\"end\"\n        >Tomorrow\n      </ion-button>\n    </ion-item>\n    <ion-datetime\n      class=\"sneat-date-picker\"\n      [value]=\"$dateAsIsoString()\"\n      presentation=\"date\"\n      (ionChange)=\"onPickerDateChanged($event)\"\n    />\n\n    <!--\t\t\t<ion-list>-->\n    <!--\t\t\t<ion-item-divider>-->\n    <!--\t\t\t\t<ion-label>Quick links</ion-label>-->\n    <!--\t\t\t</ion-item-divider>-->\n    <!--\t\t\t<ion-item tappable (click)=\"goToday()\">-->\n    <!--\t\t\t\t<ion-label>Today</ion-label>-->\n    <!--\t\t\t</ion-item>-->\n    <!--\t\t\t<ion-item tappable (click)=\"goTomorrow()\">-->\n    <!--\t\t\t\t<ion-label>Tomorrow</ion-label>-->\n    <!--\t\t\t</ion-item>-->\n    <!--\t\t\t</ion-list>-->\n  </ng-template>\n</ion-popover>\n\n<!--Today -->\n<sneat-calendar-day-card\n  [$space]=\"$space()\"\n  [$spaceDaysProvider]=\"$spaceDaysProvider()\"\n/>\n\n<!--<div class=\"ion-text-center ion-margin\">-->\n<!--\t<ion-text color=\"medium\">&larr; Swipe to change day &rarr;</ion-text>-->\n<!--</div>-->\n\n<!--Tomorrow -->\n<sneat-calendar-day-card\n  [activeDayPlus]=\"1\"\n  [$space]=\"$space()\"\n  [$spaceDaysProvider]=\"$spaceDaysProvider()\"\n/>\n", styles: ["ion-popover{--max-width: 360px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { $spaceDaysProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "$spaceDaysProvider", required: true }] }] } });
+//# sourceMappingURL=calendar-day-tab.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-day-tab.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day-tab.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day-tab.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAmBzE,MAAM,OAAO,uBAAwB,SAAQ,cAAc;IAczD;QACE,KAAK,EAAE,CAAC;QAdO,wBAAmB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;QACnD,sBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAC9C,sBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAE9C,UAAK,GAAG,MAAM,CAAmB,SAAS,iDAAC,CAAC;QAE1C,qBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAC1B,OAAO,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC,4DAAC,CAAC;QAEa,uBAAkB,GAAG,KAAK,CAAC,QAAQ,6DAAwB,CAAC;QAI1E,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;QAErD,mBAAmB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC;YACxE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,uEAAuE;gBACvE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,mBAAmB,CAAC,KAAY;QACxC,MAAM,EAAE,GAAG,KAAoB,CAAC;QAChC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,KAAK,GAAW,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QACtC,+CAA+C;QAC/C,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAES,KAAK,CAAC,IAAY,EAAE,KAAY;QACxC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;IACxC,CAAC;IAES,OAAO;QACf,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC1B,CAAC;IAES,UAAU;QAClB,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC;IAEO,MAAM,CAAC,IAAU;QACvB,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,iBAAiB;aACnB,OAAO,EAAE;aACT,KAAK,CACJ,IAAI,CAAC,WAAW,CAAC,eAAe,CAC9B,+CAA+C,CAChD,CACF,CAAC;IACN,CAAC;8GA9DU,uBAAuB;kGAAvB,uBAAuB,sOANvB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,yBAAyB,EAAE,CAAC,iDCrC1E,87EA8EA,2FDlDI,wBAAwB,mJACxB,OAAO,0NACP,UAAU,8EACV,SAAS,oPACT,OAAO,2JACP,QAAQ,6FACR,UAAU,wDACV,WAAW;;2FAQF,uBAAuB;kBAjBnC,SAAS;8BACC;wBACP,wBAAwB;wBACxB,OAAO;wBACP,UAAU;wBACV,SAAS;wBACT,OAAO;wBACP,QAAQ;wBACR,UAAU;wBACV,WAAW;qBACZ,aACU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,yBAAyB,EAAE,CAAC,mBACvD,uBAAuB,CAAC,MAAM,YACrC,eAAe","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  input,\n  signal,\n  inject,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonDatetime,\n  IonIcon,\n  IonItem,\n  IonLabel,\n  IonPopover,\n  PopoverController,\n} from '@ionic/angular/standalone';\nimport { dateToIso, isoStringsToDate } from '@sneat/core';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { CalendarDataProvider } from '../../../../services/calendar-data-provider';\nimport { addDays, CalendarStateService } from '../../calendar-state.service';\nimport { CalendarDayCardComponent } from './calendar-day-card.component';\n\n@Component({\n  imports: [\n    CalendarDayCardComponent,\n    IonItem,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonLabel,\n    IonPopover,\n    IonDatetime,\n  ],\n  providers: [{ provide: ClassName, useValue: 'CalendarDayTabComponent' }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-day-tab',\n  templateUrl: 'calendar-day-tab.component.html',\n  styleUrls: ['calendar-day-tab.component.scss'],\n})\nexport class CalendarDayTabComponent extends WithSpaceInput {\n  private readonly scheduleSateService = inject(CalendarStateService);\n  private readonly popoverController = inject(PopoverController);\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n  private readonly $date = signal<Date | undefined>(undefined);\n\n  protected readonly $dateAsIsoString = computed(() => {\n    const date = this.$date();\n    return date && dateToIso(date);\n  });\n\n  public readonly $spaceDaysProvider = input.required<CalendarDataProvider>();\n\n  public constructor() {\n    super();\n    const scheduleSateService = this.scheduleSateService;\n\n    scheduleSateService.dateChanged.pipe(this.takeUntilDestroyed()).subscribe({\n      next: (value) => {\n        // console.log('ScheduleDayTabComponent => date changed:', value.date);\n        this.$date.set(value.date);\n      },\n    });\n  }\n\n  protected onPickerDateChanged(event: Event): void {\n    const ce = event as CustomEvent;\n    event.stopPropagation();\n    event.preventDefault();\n    const value: string = ce.detail.value;\n    // console.log('onPickerDateChanged()', value);\n    const date = isoStringsToDate(value);\n    this.$date.set(date);\n    this.scheduleSateService.setActiveDate(date);\n    this.popoverController.dismiss().catch(console.error);\n  }\n\n  protected swipe(days: 1 | -1, event: Event): void {\n    event.stopPropagation();\n    this.scheduleSateService.shiftDays(days);\n    this.changeDetectorRef.markForCheck();\n  }\n\n  protected goToday(): void {\n    this.goDate(new Date());\n  }\n\n  protected goTomorrow(): void {\n    const tomorrow = addDays(new Date(), 1);\n    this.goDate(tomorrow);\n  }\n\n  private goDate(date: Date): void {\n    this.scheduleSateService.setActiveDate(date);\n    this.popoverController\n      .dismiss()\n      .catch(\n        this.errorLogger.logErrorHandler(\n          'failed to dismiss popover after going to date',\n        ),\n      );\n  }\n}\n","<ion-item id=\"pick-date\" lines=\"full\" class=\"ion-margin-start ion-no-padding\">\n  <ion-buttons slot=\"start\">\n    <ion-button\n      title=\"Previous day\"\n      color=\"tertiary\"\n      (click)=\"swipe(-1, $event)\"\n    >\n      <ion-icon name=\"chevron-back-sharp\" slot=\"start\" />\n      <ion-label\n        ><span class=\"sneat-hide-if-width-less-638\">Previous</span></ion-label\n      >\n    </ion-button>\n  </ion-buttons>\n  <ion-label style=\"text-align: center; width: 100%\" tappable color=\"tertiary\">\n    Pick date\n  </ion-label>\n  <!--\t<ion-label style=\"text-align: center\" color=\"medium\">Swipe to change day</ion-label>-->\n  <ion-buttons slot=\"end\">\n    <ion-button title=\"Next day\" color=\"tertiary\" (click)=\"swipe(1, $event)\">\n      <ion-icon name=\"chevron-forward-sharp\" slot=\"end\" />\n      <ion-label\n        ><span class=\"sneat-hide-if-width-less-638\">Next</span></ion-label\n      >\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n\n<ion-popover trigger=\"pick-date\" alignment=\"center\">\n  <ng-template>\n    <ion-item>\n      <ion-button fill=\"clear\" color=\"primary\" (click)=\"goToday()\"\n        >Today\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"tertiary\"\n        (click)=\"goTomorrow()\"\n        slot=\"end\"\n        >Tomorrow\n      </ion-button>\n    </ion-item>\n    <ion-datetime\n      class=\"sneat-date-picker\"\n      [value]=\"$dateAsIsoString()\"\n      presentation=\"date\"\n      (ionChange)=\"onPickerDateChanged($event)\"\n    />\n\n    <!--\t\t\t<ion-list>-->\n    <!--\t\t\t<ion-item-divider>-->\n    <!--\t\t\t\t<ion-label>Quick links</ion-label>-->\n    <!--\t\t\t</ion-item-divider>-->\n    <!--\t\t\t<ion-item tappable (click)=\"goToday()\">-->\n    <!--\t\t\t\t<ion-label>Today</ion-label>-->\n    <!--\t\t\t</ion-item>-->\n    <!--\t\t\t<ion-item tappable (click)=\"goTomorrow()\">-->\n    <!--\t\t\t\t<ion-label>Tomorrow</ion-label>-->\n    <!--\t\t\t</ion-item>-->\n    <!--\t\t\t</ion-list>-->\n  </ng-template>\n</ion-popover>\n\n<!--Today -->\n<sneat-calendar-day-card\n  [$space]=\"$space()\"\n  [$spaceDaysProvider]=\"$spaceDaysProvider()\"\n/>\n\n<!--<div class=\"ion-text-center ion-margin\">-->\n<!--\t<ion-text color=\"medium\">&larr; Swipe to change day &rarr;</ion-text>-->\n<!--</div>-->\n\n<!--Tomorrow -->\n<sneat-calendar-day-card\n  [activeDayPlus]=\"1\"\n  [$space]=\"$space()\"\n  [$spaceDaysProvider]=\"$spaceDaysProvider()\"\n/>\n"]}

package/esm2022/lib/components/calendar/components/calendar-day/calendar-day-title.component.js

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { LongMonthNamePipe } from '@sneat/components';
+import { WdToWeekdayPipe } from '@sneat/mod-schedulus-core';
+import { isToday, isTomorrow } from '../../../calendar-core';
+import * as i0 from "@angular/core";
+export class CalendarDayTitleComponent {
+    get date() {
+        return this.weekday?.day?.date;
+    }
+    isToday() {
+        const date = this.date;
+        return !date || isToday(date);
+    }
+    isTomorrow() {
+        return isTomorrow(this.date);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarDayTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CalendarDayTitleComponent, isStandalone: true, selector: "sneat-calendar-day-title", inputs: { weekday: "weekday" }, ngImport: i0, template: "<span class=\"sneat-smaller-if-width-less-638\" style=\"margin-left: 0.5em\">\n  @if (isToday()) {\n    <span class=\"ion-margin-end\">Today:</span>\n  } @else if (isTomorrow()) {\n    <span class=\"ion-margin-end\">Tomorrow:</span>\n  }\n  @if (weekday) {\n    <b>{{ weekday.id | wdToWeekday }}</b\n    ><span style=\"font-weight: normal\"\n      >, {{ weekday.day?.date?.getDate() }}\n      {{ weekday.day?.date?.getMonth() | longMonthName }}</span\n    >\n  }\n</span>\n", dependencies: [{ kind: "pipe", type: WdToWeekdayPipe, name: "wdToWeekday" }, { kind: "pipe", type: LongMonthNamePipe, name: "longMonthName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarDayTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-calendar-day-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [WdToWeekdayPipe, LongMonthNamePipe], template: "<span class=\"sneat-smaller-if-width-less-638\" style=\"margin-left: 0.5em\">\n  @if (isToday()) {\n    <span class=\"ion-margin-end\">Today:</span>\n  } @else if (isTomorrow()) {\n    <span class=\"ion-margin-end\">Tomorrow:</span>\n  }\n  @if (weekday) {\n    <b>{{ weekday.id | wdToWeekday }}</b\n    ><span style=\"font-weight: normal\"\n      >, {{ weekday.day?.date?.getDate() }}\n      {{ weekday.day?.date?.getMonth() | longMonthName }}</span\n    >\n  }\n</span>\n" }]
+        }], propDecorators: { weekday: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+//# sourceMappingURL=calendar-day-title.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-day-title.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day-title.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day-title.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;;AAS7D,MAAM,OAAO,yBAAyB;IAGpC,IAAc,IAAI;QAChB,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC;IACjC,CAAC;IAES,OAAO;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAES,UAAU;QAClB,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;8GAdU,yBAAyB;kGAAzB,yBAAyB,oHCZtC,2dAcA,uCDJY,eAAe,+CAAE,iBAAiB;;2FAEjC,yBAAyB;kBANrC,SAAS;+BACE,0BAA0B,mBAEnB,uBAAuB,CAAC,MAAM,WACtC,CAAC,eAAe,EAAE,iBAAiB,CAAC;;sBAG5C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { LongMonthNamePipe } from '@sneat/components';\nimport { WdToWeekdayPipe } from '@sneat/mod-schedulus-core';\nimport { isToday, isTomorrow } from '../../../calendar-core';\nimport { Weekday } from '../../weekday';\n\n@Component({\n  selector: 'sneat-calendar-day-title',\n  templateUrl: 'calendar-day-title.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [WdToWeekdayPipe, LongMonthNamePipe],\n})\nexport class CalendarDayTitleComponent {\n  @Input({ required: true }) weekday?: Weekday;\n\n  protected get date(): Date | undefined {\n    return this.weekday?.day?.date;\n  }\n\n  protected isToday(): boolean {\n    const date = this.date;\n    return !date || isToday(date);\n  }\n\n  protected isTomorrow(): boolean {\n    return isTomorrow(this.date);\n  }\n}\n","<span class=\"sneat-smaller-if-width-less-638\" style=\"margin-left: 0.5em\">\n  @if (isToday()) {\n    <span class=\"ion-margin-end\">Today:</span>\n  } @else if (isTomorrow()) {\n    <span class=\"ion-margin-end\">Tomorrow:</span>\n  }\n  @if (weekday) {\n    <b>{{ weekday.id | wdToWeekday }}</b\n    ><span style=\"font-weight: normal\"\n      >, {{ weekday.day?.date?.getDate() }}\n      {{ weekday.day?.date?.getMonth() | longMonthName }}</span\n    >\n  }\n</span>\n"]}

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

@@ -0,0 +1,129 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, input, Input, signal, inject, } from '@angular/core';
+import { IonButton, IonButtons, IonIcon, IonItem, IonItemDivider, IonLabel, IonSpinner, } from '@ionic/angular/standalone';
+import { dateToIso } from '@sneat/core';
+import { jsDayToWeekday, ScheduleNavService, ScheduleNavServiceModule, sortSlotItems, } from '@sneat/mod-schedulus-core';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { emptyCalendarFilter, CalendarFilterService, } from '../../../calendar-filter.service';
+import { isSlotVisible } from '../../../calendar-slots';
+import { isToday, isTomorrow } from '../../../calendar-core';
+import { DaySlotItemComponent } from '../day-slot-item/day-slot-item.component';
+import * as i0 from "@angular/core";
+export class CalendarDayComponent extends WithSpaceInput {
+    constructor() {
+        super();
+        this.filterService = inject(CalendarFilterService);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.scheduleNavService = inject(ScheduleNavService);
+        this.filter = emptyCalendarFilter;
+        // @Input() filter?: ICalendarFilter;
+        // @Input() showRegulars = true;
+        // @Input() showEvents = true;
+        this.$weekday = input.required(...(ngDevMode ? [{ debugName: "$weekday" }] : []));
+        this.hideAddButtons = false;
+        this.hideLastBorder = false;
+        this.$isToday = signal(false, ...(ngDevMode ? [{ debugName: "$isToday" }] : []));
+        this.$isTomorrow = signal(false, ...(ngDevMode ? [{ debugName: "$isTomorrow" }] : []));
+        this.resetFilter = (event) => this.filterService.resetScheduleFilter(event);
+        this.processSlots = (slots) => {
+            this.allSlots = slots;
+            this.applyFilter();
+        };
+        this.logPrefix = () => `CalendarDayComponent{dateID=${this.$weekday()?.day?.dateID}}`;
+        const filterService = this.filterService;
+        filterService.filter.pipe(this.takeUntilDestroyed()).subscribe({
+            next: (filter) => {
+                this.filter = filter;
+                this.applyFilter();
+            },
+        });
+    }
+    ngOnChanges(changes) {
+        const weekdayChange = changes['$weekday'];
+        if (weekdayChange) {
+            const date = this.$weekday()?.day?.date;
+            this.$isToday.set(!date || isToday(date));
+            this.$isTomorrow.set(isTomorrow(date));
+            // if (weekdayChange.firstChange && !weekdayChange.currentValue) {
+            // 	return; // TODO: comment with explanation why we need this
+            // }
+            this.subscribeForSlots();
+        }
+    }
+    applyFilter() {
+        if (this.allSlots?.length) {
+            this.slots = this.allSlots
+                .filter((slot) => isSlotVisible(slot, this.filter))
+                .toSorted(sortSlotItems);
+            this.slotsHiddenByFilter = this.allSlots.length - this.slots.length;
+            // console.log(
+            // 	this.logPrefix() + '.applyFilter() =>',
+            // 	'slotsHiddenByFilter:',
+            // 	this.slotsHiddenByFilter,
+            // 	'filter:',
+            // 	this.filter,
+            // 	'slots before filter:',
+            // 	this.allSlots,
+            // 	'slots after filter:',
+            // 	this.slots,
+            // );
+        }
+        else {
+            // console.log(this.logPrefix() + '.applyFilter() for empty slots');
+            this.slots = this.allSlots;
+            this.slotsHiddenByFilter = 0;
+        }
+        this.changeDetectorRef.markForCheck();
+    }
+    subscribeForSlots() {
+        this.slotsSubscription?.unsubscribe();
+        const weekday = this.$weekday();
+        if (weekday?.day) {
+            this.slotsSubscription = weekday.day.slots$
+                .pipe(this.takeUntilDestroyed())
+                .subscribe(this.processSlots);
+        }
+        else {
+            this.slots = undefined;
+            this.slotsHiddenByFilter = undefined;
+        }
+    }
+    goNewHappening(params) {
+        const space = this.$space();
+        if (!space) {
+            return;
+        }
+        const date = this.$weekday()?.day?.date;
+        if (!date) {
+            return;
+        }
+        params = {
+            ...params,
+            wd: jsDayToWeekday(date.getDay()),
+            date: dateToIso(date),
+        };
+        this.scheduleNavService.goNewHappening(space, params);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CalendarDayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CalendarDayComponent, isStandalone: true, selector: "sneat-calendar-day", inputs: { $weekday: { classPropertyName: "$weekday", publicName: "$weekday", isSignal: true, isRequired: true, transformFunction: null }, hideAddButtons: { classPropertyName: "hideAddButtons", publicName: "hideAddButtons", isSignal: false, isRequired: false, transformFunction: null }, hideLastBorder: { classPropertyName: "hideLastBorder", publicName: "hideLastBorder", isSignal: false, isRequired: false, transformFunction: null } }, providers: [{ provide: ClassName, useValue: 'CalendarDayComponent' }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ($weekday(); as weekday) {\n  @if (!weekday.day?.slots?.length) {\n    <ion-item [lines]=\"hideLastBorder ? 'none' : 'full'\">\n      @if (!weekday.day || weekday.day.$isLoading()) {\n        <ion-spinner name=\"lines-small\" color=\"medium\" slot=\"start\" />\n        <ion-label color=\"medium\">Loading...</ion-label>\n      } @else {\n        <ion-label color=\"medium\">\n          @if ($isToday()) {\n            Nothing scheduled for today.\n          } @else if ($isTomorrow()) {\n            Nothing scheduled for tomorrow.\n          } @else {\n            Nothing scheduled for this day.\n          }\n        </ion-label>\n      }\n    </ion-item>\n  } @else {\n    @if (slotsHiddenByFilter) {\n      <ion-item-divider color=\"light\">\n        <ion-label>{{ slotsHiddenByFilter }} hidden by filter.</ion-label>\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"resetFilter($event)\">\n            <ion-icon color=\"medium\" name=\"close-outline\" slot=\"end\" />\n            <ion-label color=\"medium\">Reset filter</ion-label>\n          </ion-button>\n        </ion-buttons>\n      </ion-item-divider>\n    }\n    @for (slot of slots; track slot.slot.id) {\n      <sneat-day-slot-item\n        [$space]=\"$space()\"\n        [dateID]=\"weekday.day?.dateID\"\n        [$slotContext]=\"slot\"\n      />\n    }\n  }\n  @if (!hideAddButtons) {\n    <ion-item lines=\"none\">\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        (click)=\"goNewHappening({ type: 'recurring' })\"\n      >\n        <ion-icon name=\"duplicate-outline\" slot=\"start\" />\n        <ion-label color=\"medium\" style=\"text-transform: none\"\n          >Add recurring\n        </ion-label>\n      </ion-button>\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        (click)=\"goNewHappening({ type: 'single' })\"\n      >\n        <ion-icon name=\"add-circle-outline\" color=\"primary\" slot=\"start\" />\n        <ion-label color=\"medium\" style=\"text-transform: none\"\n          >Add one-timer\n        </ion-label>\n      </ion-button>\n    </ion-item>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ScheduleNavServiceModule }, { kind: "component", type: DaySlotItemComponent, selector: "sneat-day-slot-item", inputs: ["$slotContext", "dateID", "mode", "color", "contactusSpace"] }, { 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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { 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: CalendarDayComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        ScheduleNavServiceModule,
+                        DaySlotItemComponent,
+                        IonItem,
+                        IonSpinner,
+                        IonLabel,
+                        IonItemDivider,
+                        IonButtons,
+                        IonIcon,
+                        IonButton,
+                    ], providers: [{ provide: ClassName, useValue: 'CalendarDayComponent' }], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-calendar-day', template: "@if ($weekday(); as weekday) {\n  @if (!weekday.day?.slots?.length) {\n    <ion-item [lines]=\"hideLastBorder ? 'none' : 'full'\">\n      @if (!weekday.day || weekday.day.$isLoading()) {\n        <ion-spinner name=\"lines-small\" color=\"medium\" slot=\"start\" />\n        <ion-label color=\"medium\">Loading...</ion-label>\n      } @else {\n        <ion-label color=\"medium\">\n          @if ($isToday()) {\n            Nothing scheduled for today.\n          } @else if ($isTomorrow()) {\n            Nothing scheduled for tomorrow.\n          } @else {\n            Nothing scheduled for this day.\n          }\n        </ion-label>\n      }\n    </ion-item>\n  } @else {\n    @if (slotsHiddenByFilter) {\n      <ion-item-divider color=\"light\">\n        <ion-label>{{ slotsHiddenByFilter }} hidden by filter.</ion-label>\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"resetFilter($event)\">\n            <ion-icon color=\"medium\" name=\"close-outline\" slot=\"end\" />\n            <ion-label color=\"medium\">Reset filter</ion-label>\n          </ion-button>\n        </ion-buttons>\n      </ion-item-divider>\n    }\n    @for (slot of slots; track slot.slot.id) {\n      <sneat-day-slot-item\n        [$space]=\"$space()\"\n        [dateID]=\"weekday.day?.dateID\"\n        [$slotContext]=\"slot\"\n      />\n    }\n  }\n  @if (!hideAddButtons) {\n    <ion-item lines=\"none\">\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        (click)=\"goNewHappening({ type: 'recurring' })\"\n      >\n        <ion-icon name=\"duplicate-outline\" slot=\"start\" />\n        <ion-label color=\"medium\" style=\"text-transform: none\"\n          >Add recurring\n        </ion-label>\n      </ion-button>\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        (click)=\"goNewHappening({ type: 'single' })\"\n      >\n        <ion-icon name=\"add-circle-outline\" color=\"primary\" slot=\"start\" />\n        <ion-label color=\"medium\" style=\"text-transform: none\"\n          >Add one-timer\n        </ion-label>\n      </ion-button>\n    </ion-item>\n  }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { $weekday: [{ type: i0.Input, args: [{ isSignal: true, alias: "$weekday", required: true }] }], hideAddButtons: [{
+                type: Input,
+                args: [{ required: false }]
+            }], hideLastBorder: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=calendar-day.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-day.component.js","sourceRoot":"","sources":["../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day.component.ts","../../../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/calendar/components/calendar-day/calendar-day.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  input,\n  Input,\n  OnChanges,\n  OnDestroy,\n  signal,\n  SimpleChanges,\n  inject,\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 { dateToIso } from '@sneat/core';\nimport {\n  ISlotUIContext,\n  jsDayToWeekday,\n  NewHappeningParams,\n  ScheduleNavService,\n  ScheduleNavServiceModule,\n  sortSlotItems,\n  WeekdayNumber,\n} from '@sneat/mod-schedulus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { Subscription } from 'rxjs';\nimport {\n  emptyCalendarFilter,\n  CalendarFilterService,\n} from '../../../calendar-filter.service';\nimport { isSlotVisible } from '../../../calendar-slots';\nimport { Weekday } from '../../weekday';\nimport { isToday, isTomorrow } from '../../../calendar-core';\nimport { DaySlotItemComponent } from '../day-slot-item/day-slot-item.component';\n\n@Component({\n  imports: [\n    ScheduleNavServiceModule,\n    DaySlotItemComponent,\n    IonItem,\n    IonSpinner,\n    IonLabel,\n    IonItemDivider,\n    IonButtons,\n    IonIcon,\n    IonButton,\n  ],\n  providers: [{ provide: ClassName, useValue: 'CalendarDayComponent' }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-calendar-day',\n  templateUrl: './calendar-day.component.html',\n})\nexport class CalendarDayComponent\n  extends WithSpaceInput\n  implements OnChanges, OnDestroy\n{\n  private readonly filterService = inject(CalendarFilterService);\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly scheduleNavService = inject(ScheduleNavService);\n\n  private slotsSubscription?: Subscription;\n  private filter = emptyCalendarFilter;\n  // @Input() filter?: ICalendarFilter;\n  // @Input() showRegulars = true;\n  // @Input() showEvents = true;\n\n  public readonly $weekday = input.required<Weekday | undefined>();\n\n  @Input({ required: false }) hideAddButtons = false;\n  @Input() hideLastBorder = false;\n\n  protected readonly $isToday = signal<boolean>(false);\n  protected readonly $isTomorrow = signal<boolean>(false);\n\n  public allSlots?: ISlotUIContext[];\n  public slots?: ISlotUIContext[];\n  public slotsHiddenByFilter?: number;\n\n  public constructor() {\n    super();\n    const filterService = this.filterService;\n\n    filterService.filter.pipe(this.takeUntilDestroyed()).subscribe({\n      next: (filter) => {\n        this.filter = filter;\n        this.applyFilter();\n      },\n    });\n  }\n\n  protected readonly resetFilter = (event: Event) =>\n    this.filterService.resetScheduleFilter(event);\n\n  ngOnChanges(changes: SimpleChanges): void {\n    const weekdayChange = changes['$weekday'];\n    if (weekdayChange) {\n      const date = this.$weekday()?.day?.date;\n      this.$isToday.set(!date || isToday(date));\n      this.$isTomorrow.set(isTomorrow(date));\n      // if (weekdayChange.firstChange && !weekdayChange.currentValue) {\n      // \treturn; // TODO: comment with explanation why we need this\n      // }\n      this.subscribeForSlots();\n    }\n  }\n\n  private applyFilter(): void {\n    if (this.allSlots?.length) {\n      this.slots = this.allSlots\n        .filter((slot) => isSlotVisible(slot, this.filter))\n        .toSorted(sortSlotItems);\n      this.slotsHiddenByFilter = this.allSlots.length - this.slots.length;\n      // console.log(\n      // \tthis.logPrefix() + '.applyFilter() =>',\n      // \t'slotsHiddenByFilter:',\n      // \tthis.slotsHiddenByFilter,\n      // \t'filter:',\n      // \tthis.filter,\n      // \t'slots before filter:',\n      // \tthis.allSlots,\n      // \t'slots after filter:',\n      // \tthis.slots,\n      // );\n    } else {\n      // console.log(this.logPrefix() + '.applyFilter() for empty slots');\n      this.slots = this.allSlots;\n      this.slotsHiddenByFilter = 0;\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  private subscribeForSlots(): void {\n    this.slotsSubscription?.unsubscribe();\n    const weekday = this.$weekday();\n    if (weekday?.day) {\n      this.slotsSubscription = weekday.day.slots$\n        .pipe(this.takeUntilDestroyed())\n        .subscribe(this.processSlots);\n    } else {\n      this.slots = undefined;\n      this.slotsHiddenByFilter = undefined;\n    }\n  }\n\n  private readonly processSlots = (slots?: ISlotUIContext[]) => {\n    this.allSlots = slots;\n    this.applyFilter();\n  };\n\n  private readonly logPrefix = () =>\n    `CalendarDayComponent{dateID=${this.$weekday()?.day?.dateID}}`;\n\n  protected goNewHappening(params: NewHappeningParams): void {\n    const space = this.$space();\n    if (!space) {\n      return;\n    }\n    const date = this.$weekday()?.day?.date;\n    if (!date) {\n      return;\n    }\n    params = {\n      ...params,\n      wd: jsDayToWeekday(date.getDay() as WeekdayNumber),\n      date: dateToIso(date),\n    };\n    this.scheduleNavService.goNewHappening(space, params);\n  }\n}\n","@if ($weekday(); as weekday) {\n  @if (!weekday.day?.slots?.length) {\n    <ion-item [lines]=\"hideLastBorder ? 'none' : 'full'\">\n      @if (!weekday.day || weekday.day.$isLoading()) {\n        <ion-spinner name=\"lines-small\" color=\"medium\" slot=\"start\" />\n        <ion-label color=\"medium\">Loading...</ion-label>\n      } @else {\n        <ion-label color=\"medium\">\n          @if ($isToday()) {\n            Nothing scheduled for today.\n          } @else if ($isTomorrow()) {\n            Nothing scheduled for tomorrow.\n          } @else {\n            Nothing scheduled for this day.\n          }\n        </ion-label>\n      }\n    </ion-item>\n  } @else {\n    @if (slotsHiddenByFilter) {\n      <ion-item-divider color=\"light\">\n        <ion-label>{{ slotsHiddenByFilter }} hidden by filter.</ion-label>\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"resetFilter($event)\">\n            <ion-icon color=\"medium\" name=\"close-outline\" slot=\"end\" />\n            <ion-label color=\"medium\">Reset filter</ion-label>\n          </ion-button>\n        </ion-buttons>\n      </ion-item-divider>\n    }\n    @for (slot of slots; track slot.slot.id) {\n      <sneat-day-slot-item\n        [$space]=\"$space()\"\n        [dateID]=\"weekday.day?.dateID\"\n        [$slotContext]=\"slot\"\n      />\n    }\n  }\n  @if (!hideAddButtons) {\n    <ion-item lines=\"none\">\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        (click)=\"goNewHappening({ type: 'recurring' })\"\n      >\n        <ion-icon name=\"duplicate-outline\" slot=\"start\" />\n        <ion-label color=\"medium\" style=\"text-transform: none\"\n          >Add recurring\n        </ion-label>\n      </ion-button>\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        (click)=\"goNewHappening({ type: 'single' })\"\n      >\n        <ion-icon name=\"add-circle-outline\" color=\"primary\" slot=\"start\" />\n        <ion-label color=\"medium\" style=\"text-transform: none\"\n          >Add one-timer\n        </ion-label>\n      </ion-button>\n    </ion-item>\n  }\n}\n"]}