@pieninck/ionic2-calendar 3.0.1 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pieninck/ionic2-calendar",
-  "version": "3.0.1",
+  "version": "4.0.0",
   "description": "Ionic calendar component",
   "main": "fesm2022/pieninck-ionic2-calendar.mjs",
   "module": "fesm2022/pieninck-ionic2-calendar.mjs",
@@ -22,11 +22,12 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@angular/common": "^21.1.5",
-    "@angular/forms": "^21.1.5",
-    "@angular/core": "^21.1.5",
-    "@ionic/angular": "^8.7.17",
-    "swiper": "^12.1.2"
+    "@angular/common": "^22.0.4",
+    "@angular/forms": "^22.0.4",
+    "@angular/core": "^22.0.4",
+    "@angular/router": "^22.0.4",
+    "@ionic/angular": "^8.8.12",
+    "swiper": "^14.0.0"
   },
   "typings": "types/pieninck-ionic2-calendar.d.ts",
   "exports": {
@@ -37,5 +38,6 @@
       "types": "./types/pieninck-ionic2-calendar.d.ts",
       "default": "./fesm2022/pieninck-ionic2-calendar.mjs"
     }
-  }
+  },
+  "type": "module"
 }

package/types/pieninck-ionic2-calendar.d.ts

@@ -1,9 +1,6 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, EventEmitter, OnInit, OnDestroy, OnChanges, AfterViewInit, NgZone, ElementRef, SimpleChanges } from '@angular/core';
-import { SwiperOptions } from 'swiper/types';
+import { TemplateRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
-import * as i6 from '@ionic/angular';
-import * as i7 from '@angular/common';
 
 interface IEvent {
     allDay: boolean;
@@ -18,11 +15,6 @@ interface IRange {
 }
 interface IView {
 }
-interface IDayView extends IView {
-    allDayEvents: IDisplayAllDayEvent[];
-    rows: IDayViewRow[];
-    categorizedAllDayEventsMap: Map<string, IDisplayAllDayEvent[]>;
-}
 /**
  * should be renamed to IDayViewCell since row could be vertically sliced into pieces of categories
  */
@@ -31,10 +23,6 @@ interface IDayViewRow {
     eventsGroupByCategory?: Map<string, IDisplayEvent[]>;
     time: Date;
 }
-interface IMonthView extends IView {
-    dates: IMonthViewRow[];
-    dayHeaders: string[];
-}
 interface IMonthViewRow {
     current?: boolean;
     date: Date;
@@ -45,10 +33,6 @@ interface IMonthViewRow {
     selected?: boolean;
     disabled: boolean;
 }
-interface IWeekView extends IView {
-    dates: IWeekViewDateRow[];
-    rows: IWeekViewRow[][];
-}
 interface IWeekViewDateRow {
     current?: boolean;
     date: Date;
@@ -80,18 +64,12 @@ interface ICalendarComponent {
     currentViewIndex: number;
     direction: number;
     eventSource: IEvent[];
-    getRange: {
-        (date: Date): IRange;
-    };
-    getViewData: {
-        (date: Date): IView;
-    };
+    getRange: (date: Date) => IRange;
+    getViewData: (date: Date) => IView;
     mode: CalendarMode;
     range: IRange;
     views: IView[];
-    onDataLoaded: {
-        (): void;
-    };
+    onDataLoaded: () => void;
     onRangeChanged: EventEmitter<IRange>;
 }
 interface ITimeSelected {
@@ -136,36 +114,18 @@ interface IDayViewCategoryItemTemplateContext {
     category: string;
 }
 interface IDateFormatter {
-    formatMonthViewDay?: {
-        (date: Date): string;
-    };
-    formatMonthViewDayHeader?: {
-        (date: Date): string;
-    };
-    formatMonthViewTitle?: {
-        (date: Date): string;
-    };
-    formatWeekViewDayHeader?: {
-        (date: Date): string;
-    };
-    formatWeekViewTitle?: {
-        (date: Date): string;
-    };
-    formatWeekViewHourColumn?: {
-        (date: Date): string;
-    };
-    formatDayViewTitle?: {
-        (date: Date): string;
-    };
-    formatDayViewHourColumn?: {
-        (date: Date): string;
-    };
-}
-type CalendarMode = 'day' | 'month' | 'week';
-type QueryMode = 'local' | 'remote';
+    formatMonthViewDay?: (date: Date) => string;
+    formatMonthViewDayHeader?: (date: Date) => string;
+    formatMonthViewTitle?: (date: Date) => string;
+    formatWeekViewDayHeader?: (date: Date) => string;
+    formatWeekViewTitle?: (date: Date) => string;
+    formatWeekViewHourColumn?: (date: Date) => string;
+    formatDayViewTitle?: (date: Date) => string;
+    formatDayViewHourColumn?: (date: Date) => string;
+}
+type CalendarMode = "day" | "month" | "week";
+type QueryMode = "local" | "remote";
 declare enum Step {
-    QuarterHour = 15,
-    HalfHour = 30,
     Hour = 60
 }
 
@@ -177,11 +137,11 @@ declare class CalendarService {
     slideChanged$: Observable<number>;
     slideUpdated$: Observable<void>;
     private _currentDate;
-    private currentDateChangedFromParent;
-    private currentDateChangedFromChildren;
-    private eventSourceChanged;
-    private slideChanged;
-    private slideUpdated;
+    private readonly currentDateChangedFromParent;
+    private readonly currentDateChangedFromChildren;
+    private readonly eventSourceChanged;
+    private readonly slideChanged;
+    private readonly slideUpdated;
     constructor();
     setCurrentDate(val: Date, fromParent?: boolean): void;
     get currentDate(): Date;
@@ -190,255 +150,13 @@ declare class CalendarService {
     getAdjacentCalendarDate(mode: CalendarMode, direction: number): Date;
     getAdjacentViewStartTime(component: ICalendarComponent, direction: number): Date;
     populateAdjacentViews(component: ICalendarComponent): void;
-    loadEvents(): void;
     slide(direction: number): void;
-    update(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CalendarService>;
 }
 
-declare class MonthViewComponent implements ICalendarComponent, OnInit, OnDestroy, OnChanges, AfterViewInit {
-    private calendarService;
-    private zone;
-    constructor(calendarService: CalendarService, zone: NgZone);
-    private slider;
-    swiperElement?: ElementRef;
-    monthviewDisplayEventTemplate: TemplateRef<IMonthViewDisplayEventTemplateContext>;
-    monthviewInactiveDisplayEventTemplate: TemplateRef<IMonthViewDisplayEventTemplateContext>;
-    monthviewEventDetailTemplate: TemplateRef<IMonthViewEventDetailTemplateContext>;
-    formatDay?: string;
-    formatDayHeader?: string;
-    formatMonthTitle?: string;
-    eventSource: IEvent[];
-    startingDayMonth: number;
-    showEventDetail: boolean;
-    noEventsLabel?: string;
-    autoSelect: boolean;
-    markDisabled?: (date: Date) => boolean;
-    locale: string;
-    dateFormatter?: IDateFormatter;
-    dir: string;
-    lockSwipeToPrev?: boolean;
-    lockSwipeToNext?: boolean;
-    lockSwipes?: boolean;
-    sliderOptions?: SwiperOptions;
-    onRangeChanged: EventEmitter<IRange>;
-    onEventSelected: EventEmitter<IEvent>;
-    onTimeSelected: EventEmitter<ITimeSelected>;
-    onTitleChanged: EventEmitter<string>;
-    views: IMonthView[];
-    currentViewIndex: number;
-    selectedDate?: IMonthViewRow;
-    range: IRange;
-    mode: CalendarMode;
-    direction: number;
-    private moveOnSelected;
-    private inited;
-    private currentDateChangedFromParentSubscription?;
-    private eventSourceChangedSubscription?;
-    private slideChangedSubscription?;
-    private slideUpdatedSubscription?;
-    private formatDayLabel;
-    private formatDayHeaderLabel;
-    private formatTitle;
-    static getDates(startDate: Date, n: number): Date[];
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    setSwiperInstance(swiper: any): void;
-    onSlideChanged(direction: number): void;
-    move(direction: number): void;
-    createDateObject(date: Date): IMonthViewRow;
-    getViewData(startTime: Date): IMonthView;
-    getHighlightClass(date: IMonthViewRow): string;
-    getRange(currentDate: Date): IRange;
-    onDataLoaded(): void;
-    refreshView(): void;
-    getTitle(): string;
-    private compareEvent;
-    select(viewDate: IMonthViewRow): void;
-    slideView(direction: number): void;
-    updateCurrentView(currentViewStartDate: Date, view: IMonthView): void;
-    eventSelected(event: IEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonthViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewComponent, "monthview", never, { "monthviewDisplayEventTemplate": { "alias": "monthviewDisplayEventTemplate"; "required": false; }; "monthviewInactiveDisplayEventTemplate": { "alias": "monthviewInactiveDisplayEventTemplate"; "required": false; }; "monthviewEventDetailTemplate": { "alias": "monthviewEventDetailTemplate"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "eventSource": { "alias": "eventSource"; "required": false; }; "startingDayMonth": { "alias": "startingDayMonth"; "required": false; }; "showEventDetail": { "alias": "showEventDetail"; "required": false; }; "noEventsLabel": { "alias": "noEventsLabel"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "markDisabled": { "alias": "markDisabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dateFormatter": { "alias": "dateFormatter"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lockSwipeToPrev": { "alias": "lockSwipeToPrev"; "required": false; }; "lockSwipeToNext": { "alias": "lockSwipeToNext"; "required": false; }; "lockSwipes": { "alias": "lockSwipes"; "required": false; }; "sliderOptions": { "alias": "sliderOptions"; "required": false; }; }, { "onRangeChanged": "onRangeChanged"; "onEventSelected": "onEventSelected"; "onTimeSelected": "onTimeSelected"; "onTitleChanged": "onTitleChanged"; }, never, never, false, never>;
-}
-
-declare class WeekViewComponent implements ICalendarComponent, OnInit, OnChanges, OnDestroy, AfterViewInit {
-    private calendarService;
-    private elm;
-    private zone;
-    constructor(calendarService: CalendarService, elm: ElementRef, zone: NgZone);
-    private slider;
-    swiperElement?: ElementRef;
-    class: boolean;
-    weekviewHeaderTemplate: TemplateRef<IDisplayWeekViewHeader>;
-    weekviewAllDayEventTemplate: TemplateRef<IDisplayAllDayEvent>;
-    weekviewNormalEventTemplate: TemplateRef<IDisplayEvent>;
-    weekviewAllDayEventSectionTemplate: TemplateRef<IWeekViewAllDayEventSectionTemplateContext>;
-    weekviewNormalEventSectionTemplate: TemplateRef<IWeekViewNormalEventSectionTemplateContext>;
-    weekviewInactiveAllDayEventSectionTemplate: TemplateRef<IWeekViewAllDayEventSectionTemplateContext>;
-    weekviewInactiveNormalEventSectionTemplate: TemplateRef<IWeekViewNormalEventSectionTemplateContext>;
-    formatWeekTitle?: string;
-    formatWeekViewDayHeader?: string;
-    formatHourColumn?: string;
-    startingDayWeek: number;
-    allDayLabel?: string;
-    hourParts: number;
-    eventSource: IEvent[];
-    autoSelect: boolean;
-    markDisabled?: (date: Date) => boolean;
-    locale: string;
-    dateFormatter?: IDateFormatter;
-    dir: string;
-    scrollToHour: number;
-    preserveScrollPosition?: boolean;
-    lockSwipeToPrev?: boolean;
-    lockSwipeToNext?: boolean;
-    lockSwipes?: boolean;
-    startHour: number;
-    endHour: number;
-    sliderOptions?: SwiperOptions;
-    hourSegments: number;
-    onRangeChanged: EventEmitter<IRange>;
-    onEventSelected: EventEmitter<IEvent>;
-    onTimeSelected: EventEmitter<ITimeSelected>;
-    onDayHeaderSelected: EventEmitter<ITimeSelected>;
-    onTitleChanged: EventEmitter<string>;
-    readonly sliderIndexList: number[];
-    views: IWeekView[];
-    currentViewIndex: number;
-    range: IRange;
-    direction: number;
-    mode: CalendarMode;
-    private inited;
-    private currentDateChangedFromParentSubscription?;
-    private eventSourceChangedSubscription?;
-    private slideChangedSubscription?;
-    private slideUpdatedSubscription?;
-    hourColumnLabels: string[];
-    initScrollPosition: number;
-    private formatDayHeader;
-    private formatTitle;
-    private formatHourColumnLabel;
-    private hourRange;
-    static createDateObjects(startTime: Date, startHour: number, endHour: number, timeInterval: number): IWeekViewRow[][];
-    static getDates(startTime: Date, n: number): IWeekViewDateRow[];
-    private static compareEventByStartOffset;
-    private static calculateWidth;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    onSlideChanged(direction: number): void;
-    move(direction: number): void;
-    private getHourColumnLabels;
-    getViewData(startTime: Date): IWeekView;
-    getRange(currentDate: Date): IRange;
-    onDataLoaded(): void;
-    refreshView(): void;
-    getTitle(): string;
-    getHighlightClass(date: IWeekViewDateRow): string;
-    select(selectedTime: Date, events: IDisplayEvent[]): void;
-    placeEvents(orderedEvents: IDisplayEvent[]): void;
-    placeAllDayEvents(orderedEvents: IDisplayEvent[]): void;
-    overlap(event1: IDisplayEvent, event2: IDisplayEvent): boolean;
-    calculatePosition(events: IDisplayEvent[]): void;
-    updateCurrentView(currentViewStartDate: Date, view: IWeekView): void;
-    daySelected(viewDate: IWeekViewDateRow): void;
-    setScrollPosition(scrollPosition: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WeekViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WeekViewComponent, "weekview", never, { "weekviewHeaderTemplate": { "alias": "weekviewHeaderTemplate"; "required": false; }; "weekviewAllDayEventTemplate": { "alias": "weekviewAllDayEventTemplate"; "required": false; }; "weekviewNormalEventTemplate": { "alias": "weekviewNormalEventTemplate"; "required": false; }; "weekviewAllDayEventSectionTemplate": { "alias": "weekviewAllDayEventSectionTemplate"; "required": false; }; "weekviewNormalEventSectionTemplate": { "alias": "weekviewNormalEventSectionTemplate"; "required": false; }; "weekviewInactiveAllDayEventSectionTemplate": { "alias": "weekviewInactiveAllDayEventSectionTemplate"; "required": false; }; "weekviewInactiveNormalEventSectionTemplate": { "alias": "weekviewInactiveNormalEventSectionTemplate"; "required": false; }; "formatWeekTitle": { "alias": "formatWeekTitle"; "required": false; }; "formatWeekViewDayHeader": { "alias": "formatWeekViewDayHeader"; "required": false; }; "formatHourColumn": { "alias": "formatHourColumn"; "required": false; }; "startingDayWeek": { "alias": "startingDayWeek"; "required": false; }; "allDayLabel": { "alias": "allDayLabel"; "required": false; }; "hourParts": { "alias": "hourParts"; "required": false; }; "eventSource": { "alias": "eventSource"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "markDisabled": { "alias": "markDisabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dateFormatter": { "alias": "dateFormatter"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "scrollToHour": { "alias": "scrollToHour"; "required": false; }; "preserveScrollPosition": { "alias": "preserveScrollPosition"; "required": false; }; "lockSwipeToPrev": { "alias": "lockSwipeToPrev"; "required": false; }; "lockSwipeToNext": { "alias": "lockSwipeToNext"; "required": false; }; "lockSwipes": { "alias": "lockSwipes"; "required": false; }; "startHour": { "alias": "startHour"; "required": false; }; "endHour": { "alias": "endHour"; "required": false; }; "sliderOptions": { "alias": "sliderOptions"; "required": false; }; "hourSegments": { "alias": "hourSegments"; "required": false; }; }, { "onRangeChanged": "onRangeChanged"; "onEventSelected": "onEventSelected"; "onTimeSelected": "onTimeSelected"; "onDayHeaderSelected": "onDayHeaderSelected"; "onTitleChanged": "onTitleChanged"; }, never, never, false, never>;
-}
-
-declare class DayViewComponent implements ICalendarComponent, OnInit, OnChanges, OnDestroy, AfterViewInit {
-    private calendarService;
-    private elm;
-    private zone;
-    constructor(calendarService: CalendarService, elm: ElementRef, zone: NgZone);
-    private slider;
-    swiperElement?: ElementRef;
-    class: boolean;
-    dayviewCategoryItemTemplate: TemplateRef<IDayViewCategoryItemTemplateContext>;
-    dayviewAllDayEventTemplate: TemplateRef<IDisplayAllDayEvent>;
-    dayviewNormalEventTemplate: TemplateRef<IDisplayEvent>;
-    dayviewAllDayEventSectionTemplate: TemplateRef<IDayViewAllDayEventSectionTemplateContext>;
-    dayviewNormalEventSectionTemplate: TemplateRef<IDayViewNormalEventSectionTemplateContext>;
-    dayviewInactiveAllDayEventSectionTemplate: TemplateRef<IDayViewAllDayEventSectionTemplateContext>;
-    dayviewInactiveNormalEventSectionTemplate: TemplateRef<IDayViewNormalEventSectionTemplateContext>;
-    formatHourColumn?: string;
-    formatDayTitle?: string;
-    allDayLabel?: string;
-    hourParts: number;
-    eventSource: IEvent[];
-    markDisabled?: (date: Date) => boolean;
-    locale: string;
-    dateFormatter?: IDateFormatter;
-    dir: string;
-    scrollToHour: number;
-    preserveScrollPosition?: boolean;
-    lockSwipeToPrev?: boolean;
-    lockSwipeToNext?: boolean;
-    lockSwipes?: boolean;
-    startHour: number;
-    endHour: number;
-    sliderOptions?: SwiperOptions;
-    hourSegments: number;
-    dayviewCategorySource?: Set<string>;
-    dayviewShowCategoryView?: boolean;
-    onRangeChanged: EventEmitter<IRange>;
-    onEventSelected: EventEmitter<IEvent>;
-    onTimeSelected: EventEmitter<ITimeSelected>;
-    onTitleChanged: EventEmitter<string>;
-    readonly sliderIndexList: number[];
-    views: IDayView[];
-    currentViewIndex: number;
-    direction: number;
-    mode: CalendarMode;
-    range: IRange;
-    private inited;
-    private callbackOnInit;
-    private currentDateChangedFromParentSubscription?;
-    private eventSourceChangedSubscription?;
-    private slideChangedSubscription?;
-    private slideUpdatedSubscription?;
-    hourColumnLabels: string[];
-    initScrollPosition: number;
-    private formatTitle;
-    private formatHourColumnLabel;
-    private hourRange;
-    static createDateObjects(startTime: Date, startHour: number, endHour: number, timeInterval: number): IDayViewRow[];
-    private static compareEventByStartOffset;
-    private static calculateWidth;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    onSlideChanged(direction: number): void;
-    move(direction: number): void;
-    private getHourColumnLabels;
-    getViewData(startTime: Date): IDayView;
-    getRange(currentDate: Date): IRange;
-    onDataLoaded(): void;
-    categorizeAllDayEvents(allDayEvents: IDisplayAllDayEvent[]): void;
-    refreshView(): void;
-    getTitle(): string;
-    select(row: IDayViewRow, category?: string): void;
-    placeEvents(orderedEvents: IDisplayEvent[]): void;
-    placeAllDayEvents(orderedEvents: IDisplayEvent[]): void;
-    overlap(event1: IDisplayEvent, event2: IDisplayEvent): boolean;
-    calculatePosition(events: IDisplayEvent[]): void;
-    eventSelected(event: IEvent): void;
-    setScrollPosition(scrollPosition: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DayViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DayViewComponent, "dayview", never, { "dayviewCategoryItemTemplate": { "alias": "dayviewCategoryItemTemplate"; "required": false; }; "dayviewAllDayEventTemplate": { "alias": "dayviewAllDayEventTemplate"; "required": false; }; "dayviewNormalEventTemplate": { "alias": "dayviewNormalEventTemplate"; "required": false; }; "dayviewAllDayEventSectionTemplate": { "alias": "dayviewAllDayEventSectionTemplate"; "required": false; }; "dayviewNormalEventSectionTemplate": { "alias": "dayviewNormalEventSectionTemplate"; "required": false; }; "dayviewInactiveAllDayEventSectionTemplate": { "alias": "dayviewInactiveAllDayEventSectionTemplate"; "required": false; }; "dayviewInactiveNormalEventSectionTemplate": { "alias": "dayviewInactiveNormalEventSectionTemplate"; "required": false; }; "formatHourColumn": { "alias": "formatHourColumn"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "allDayLabel": { "alias": "allDayLabel"; "required": false; }; "hourParts": { "alias": "hourParts"; "required": false; }; "eventSource": { "alias": "eventSource"; "required": false; }; "markDisabled": { "alias": "markDisabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dateFormatter": { "alias": "dateFormatter"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "scrollToHour": { "alias": "scrollToHour"; "required": false; }; "preserveScrollPosition": { "alias": "preserveScrollPosition"; "required": false; }; "lockSwipeToPrev": { "alias": "lockSwipeToPrev"; "required": false; }; "lockSwipeToNext": { "alias": "lockSwipeToNext"; "required": false; }; "lockSwipes": { "alias": "lockSwipes"; "required": false; }; "startHour": { "alias": "startHour"; "required": false; }; "endHour": { "alias": "endHour"; "required": false; }; "sliderOptions": { "alias": "sliderOptions"; "required": false; }; "hourSegments": { "alias": "hourSegments"; "required": false; }; "dayviewCategorySource": { "alias": "dayviewCategorySource"; "required": false; }; "dayviewShowCategoryView": { "alias": "dayviewShowCategoryView"; "required": false; }; }, { "onRangeChanged": "onRangeChanged"; "onEventSelected": "onEventSelected"; "onTimeSelected": "onTimeSelected"; "onTitleChanged": "onTitleChanged"; }, never, never, false, never>;
-}
-
-declare class CalendarComponent implements OnInit {
-    private calendarService;
-    private appLocale;
-    private ngZone;
+declare class CalendarComponent implements OnInit, OnDestroy {
+    private readonly calendarService;
     get currentDate(): Date;
     set currentDate(val: Date);
     eventSource: IEvent[];
@@ -500,7 +218,7 @@ declare class CalendarComponent implements OnInit {
     hourParts: number;
     hourSegments: number;
     private currentDateChangedFromChildrenSubscription?;
-    constructor(calendarService: CalendarService, appLocale: string, ngZone: NgZone);
+    constructor(calendarService: CalendarService, appLocale: string);
     ngOnInit(): void;
     ngOnDestroy(): void;
     rangeChanged(range: IRange): void;
@@ -508,36 +226,9 @@ declare class CalendarComponent implements OnInit {
     timeSelected(timeSelected: ITimeSelected): void;
     daySelected(daySelected: ITimeSelected): void;
     titleChanged(title: string): void;
-    loadEvents(): void;
-    slideNext(): void;
-    slidePrev(): void;
-    update(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "calendar", never, { "currentDate": { "alias": "currentDate"; "required": false; }; "eventSource": { "alias": "eventSource"; "required": false; }; "calendarMode": { "alias": "calendarMode"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatWeekTitle": { "alias": "formatWeekTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "formatWeekViewDayHeader": { "alias": "formatWeekViewDayHeader"; "required": false; }; "formatHourColumn": { "alias": "formatHourColumn"; "required": false; }; "showEventDetail": { "alias": "showEventDetail"; "required": false; }; "startingDayMonth": { "alias": "startingDayMonth"; "required": false; }; "startingDayWeek": { "alias": "startingDayWeek"; "required": false; }; "allDayLabel": { "alias": "allDayLabel"; "required": false; }; "noEventsLabel": { "alias": "noEventsLabel"; "required": false; }; "queryMode": { "alias": "queryMode"; "required": false; }; "step": { "alias": "step"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "markDisabled": { "alias": "markDisabled"; "required": false; }; "monthviewDisplayEventTemplate": { "alias": "monthviewDisplayEventTemplate"; "required": false; }; "monthviewInactiveDisplayEventTemplate": { "alias": "monthviewInactiveDisplayEventTemplate"; "required": false; }; "monthviewEventDetailTemplate": { "alias": "monthviewEventDetailTemplate"; "required": false; }; "weekviewHeaderTemplate": { "alias": "weekviewHeaderTemplate"; "required": false; }; "weekviewAllDayEventTemplate": { "alias": "weekviewAllDayEventTemplate"; "required": false; }; "weekviewNormalEventTemplate": { "alias": "weekviewNormalEventTemplate"; "required": false; }; "dayviewCategoryItemTemplate": { "alias": "dayviewCategoryItemTemplate"; "required": false; }; "dayviewAllDayEventTemplate": { "alias": "dayviewAllDayEventTemplate"; "required": false; }; "dayviewNormalEventTemplate": { "alias": "dayviewNormalEventTemplate"; "required": false; }; "weekviewAllDayEventSectionTemplate": { "alias": "weekviewAllDayEventSectionTemplate"; "required": false; }; "weekviewNormalEventSectionTemplate": { "alias": "weekviewNormalEventSectionTemplate"; "required": false; }; "dayviewAllDayEventSectionTemplate": { "alias": "dayviewAllDayEventSectionTemplate"; "required": false; }; "dayviewNormalEventSectionTemplate": { "alias": "dayviewNormalEventSectionTemplate"; "required": false; }; "weekviewInactiveAllDayEventSectionTemplate": { "alias": "weekviewInactiveAllDayEventSectionTemplate"; "required": false; }; "weekviewInactiveNormalEventSectionTemplate": { "alias": "weekviewInactiveNormalEventSectionTemplate"; "required": false; }; "dayviewInactiveAllDayEventSectionTemplate": { "alias": "dayviewInactiveAllDayEventSectionTemplate"; "required": false; }; "dayviewInactiveNormalEventSectionTemplate": { "alias": "dayviewInactiveNormalEventSectionTemplate"; "required": false; }; "dateFormatter": { "alias": "dateFormatter"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "scrollToHour": { "alias": "scrollToHour"; "required": false; }; "preserveScrollPosition": { "alias": "preserveScrollPosition"; "required": false; }; "lockSwipeToPrev": { "alias": "lockSwipeToPrev"; "required": false; }; "lockSwipeToNext": { "alias": "lockSwipeToNext"; "required": false; }; "lockSwipes": { "alias": "lockSwipes"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "startHour": { "alias": "startHour"; "required": false; }; "endHour": { "alias": "endHour"; "required": false; }; "sliderOptions": { "alias": "sliderOptions"; "required": false; }; "dayviewCategorySource": { "alias": "dayviewCategorySource"; "required": false; }; "dayviewShowCategoryView": { "alias": "dayviewShowCategoryView"; "required": false; }; }, { "onCurrentDateChanged": "onCurrentDateChanged"; "onRangeChanged": "onRangeChanged"; "onEventSelected": "onEventSelected"; "onTimeSelected": "onTimeSelected"; "onDayHeaderSelected": "onDayHeaderSelected"; "onTitleChanged": "onTitleChanged"; }, never, never, false, never>;
-}
-
-declare class initPositionScrollComponent implements OnChanges, AfterViewInit, OnDestroy {
-    private ngZone;
-    initPosition: number;
-    emitEvent?: boolean;
-    onScroll: EventEmitter<number>;
-    private element;
-    private scrollContent;
-    private handler;
-    private listenerAttached;
-    constructor(el: ElementRef, ngZone: NgZone);
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<initPositionScrollComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<initPositionScrollComponent, "init-position-scroll", never, { "initPosition": { "alias": "initPosition"; "required": false; }; "emitEvent": { "alias": "emitEvent"; "required": false; }; }, { "onScroll": "onScroll"; }, never, ["*"], false, never>;
-}
-
-declare class NgCalendarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgCalendarModule, [typeof MonthViewComponent, typeof WeekViewComponent, typeof DayViewComponent, typeof CalendarComponent, typeof initPositionScrollComponent], [typeof i6.IonicModule, typeof i7.CommonModule], [typeof CalendarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgCalendarModule>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "calendar", never, { "currentDate": { "alias": "currentDate"; "required": false; }; "eventSource": { "alias": "eventSource"; "required": false; }; "calendarMode": { "alias": "calendarMode"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatWeekTitle": { "alias": "formatWeekTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "formatWeekViewDayHeader": { "alias": "formatWeekViewDayHeader"; "required": false; }; "formatHourColumn": { "alias": "formatHourColumn"; "required": false; }; "showEventDetail": { "alias": "showEventDetail"; "required": false; }; "startingDayMonth": { "alias": "startingDayMonth"; "required": false; }; "startingDayWeek": { "alias": "startingDayWeek"; "required": false; }; "allDayLabel": { "alias": "allDayLabel"; "required": false; }; "noEventsLabel": { "alias": "noEventsLabel"; "required": false; }; "queryMode": { "alias": "queryMode"; "required": false; }; "step": { "alias": "step"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "markDisabled": { "alias": "markDisabled"; "required": false; }; "monthviewDisplayEventTemplate": { "alias": "monthviewDisplayEventTemplate"; "required": false; }; "monthviewInactiveDisplayEventTemplate": { "alias": "monthviewInactiveDisplayEventTemplate"; "required": false; }; "monthviewEventDetailTemplate": { "alias": "monthviewEventDetailTemplate"; "required": false; }; "weekviewHeaderTemplate": { "alias": "weekviewHeaderTemplate"; "required": false; }; "weekviewAllDayEventTemplate": { "alias": "weekviewAllDayEventTemplate"; "required": false; }; "weekviewNormalEventTemplate": { "alias": "weekviewNormalEventTemplate"; "required": false; }; "dayviewCategoryItemTemplate": { "alias": "dayviewCategoryItemTemplate"; "required": false; }; "dayviewAllDayEventTemplate": { "alias": "dayviewAllDayEventTemplate"; "required": false; }; "dayviewNormalEventTemplate": { "alias": "dayviewNormalEventTemplate"; "required": false; }; "weekviewAllDayEventSectionTemplate": { "alias": "weekviewAllDayEventSectionTemplate"; "required": false; }; "weekviewNormalEventSectionTemplate": { "alias": "weekviewNormalEventSectionTemplate"; "required": false; }; "dayviewAllDayEventSectionTemplate": { "alias": "dayviewAllDayEventSectionTemplate"; "required": false; }; "dayviewNormalEventSectionTemplate": { "alias": "dayviewNormalEventSectionTemplate"; "required": false; }; "weekviewInactiveAllDayEventSectionTemplate": { "alias": "weekviewInactiveAllDayEventSectionTemplate"; "required": false; }; "weekviewInactiveNormalEventSectionTemplate": { "alias": "weekviewInactiveNormalEventSectionTemplate"; "required": false; }; "dayviewInactiveAllDayEventSectionTemplate": { "alias": "dayviewInactiveAllDayEventSectionTemplate"; "required": false; }; "dayviewInactiveNormalEventSectionTemplate": { "alias": "dayviewInactiveNormalEventSectionTemplate"; "required": false; }; "dateFormatter": { "alias": "dateFormatter"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "scrollToHour": { "alias": "scrollToHour"; "required": false; }; "preserveScrollPosition": { "alias": "preserveScrollPosition"; "required": false; }; "lockSwipeToPrev": { "alias": "lockSwipeToPrev"; "required": false; }; "lockSwipeToNext": { "alias": "lockSwipeToNext"; "required": false; }; "lockSwipes": { "alias": "lockSwipes"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "startHour": { "alias": "startHour"; "required": false; }; "endHour": { "alias": "endHour"; "required": false; }; "sliderOptions": { "alias": "sliderOptions"; "required": false; }; "dayviewCategorySource": { "alias": "dayviewCategorySource"; "required": false; }; "dayviewShowCategoryView": { "alias": "dayviewShowCategoryView"; "required": false; }; }, { "onCurrentDateChanged": "onCurrentDateChanged"; "onRangeChanged": "onRangeChanged"; "onEventSelected": "onEventSelected"; "onTimeSelected": "onTimeSelected"; "onDayHeaderSelected": "onDayHeaderSelected"; "onTitleChanged": "onTitleChanged"; }, never, never, true, never>;
 }
 
-export { CalendarComponent, NgCalendarModule, Step };
+export { CalendarComponent, Step };
 export type { CalendarMode, QueryMode };