@zeedhi/zd-calendar-vue 1.7.4 → 1.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-calendar-vue",
-  "version": "1.7.4",
+  "version": "1.9.0",
   "description": "Powered by Zeedhi",
   "main": "dist/calendar-vue.umd.js",
   "module": "dist/calendar-vue.esm.js",
@@ -20,5 +20,5 @@
     "vue-class-component": "7.2.*",
     "vue-property-decorator": "9.1.*"
   },
-  "gitHead": "dbc1404248d23730e920b4d18b800bd19093bed2"
+  "gitHead": "25673dad39b7ff95d94c2dbef246f4249a51e916"
 }

package/types/Calendar.d.ts

@@ -1,5 +1,6 @@
 import { ZdComponentRender } from '@zeedhi/vuetify';
 import { Calendar, CalendarEvents } from '@zeedhi/zd-calendar-common';
+import { dayjs } from '@zeedhi/core';
 export default class ZdCalendar extends ZdComponentRender {
     categories: string | [];
     categoryDays: number | string;
@@ -63,9 +64,10 @@ export default class ZdCalendar extends ZdComponentRender {
     instance: Calendar;
     instanceType: typeof Calendar;
     selectedOpen: boolean;
-    selectedElement: null;
-    selectedEvent?: object | null;
+    selectedElement: EventTarget | null;
+    selectedEvent?: CalendarEvents | null;
     showDatePicker: boolean;
+    get dayjsValue(): dayjs.Dayjs;
     onChangePicker(): void;
     get titleLabel(): string;
     mounted(): void;
@@ -74,7 +76,10 @@ export default class ZdCalendar extends ZdComponentRender {
     setType(select: any): void;
     viewDay(date: string): void;
     callDayStyle(date: string): string | object;
-    showEvent({ nativeEvent, event }: any): void;
+    showEvent({ nativeEvent, event }: {
+        nativeEvent: Event;
+        event: CalendarEvents;
+    }): void;
     clickDate(event: Event): void;
     clickMore(event: Event): void;
     clickEvent({ nativeEvent, event }: any): void;
@@ -88,4 +93,7 @@ export default class ZdCalendar extends ZdComponentRender {
     moved(event: Event): void;
     callCanEditEvent(event: CalendarEvents): boolean | ((event: CalendarEvents) => boolean) | undefined;
     callCanDeleteEvent(event: CalendarEvents): boolean | ((event: CalendarEvents) => boolean) | undefined;
+    get currentYear(): string;
+    get showYear(): boolean | "" | undefined;
+    get vCalendarType(): string | undefined;
 }

package/types/CalendarDayInfo.d.ts

@@ -0,0 +1,30 @@
+import Vue from 'vue';
+import { dayjs } from '@zeedhi/core';
+import { CalendarEvents } from '@zeedhi/zd-calendar-common';
+export default class CalendarDayInfo extends Vue {
+    value: boolean;
+    menuX: number;
+    menuY: number;
+    menuWidth: number;
+    selectedDate: string | null;
+    events: CalendarEvents[];
+    private dateFormat;
+    private dateTimeFormat;
+    get showMenu(): boolean;
+    set showMenu(val: boolean);
+    get dayjsSelectedDate(): dayjs.Dayjs | null;
+    get shortDayName(): string | undefined;
+    get dayNumber(): string | undefined;
+    startsInDay({ start }: CalendarEvents): boolean;
+    endsInDay({ end }: CalendarEvents): boolean;
+    getStartHour({ start }: CalendarEvents): string;
+    getEventClasses(event: CalendarEvents): {
+        'is-start': boolean;
+        'is-continued-from-prev': boolean;
+        'is-end': boolean;
+        'is-continued-to-next': boolean;
+    };
+    convertToDayjs(date: string | Date, format: string): dayjs.Dayjs;
+    clickEvent(event: Event, selectedEvent: CalendarEvents): void;
+    emitDayClick(event: MouseEvent): void;
+}

package/types/CalendarEventInfo.d.ts

@@ -0,0 +1,25 @@
+import Vue from 'vue';
+import { Calendar, CalendarEvents } from '@zeedhi/zd-calendar-common';
+export default class CalendarEventInfo extends Vue {
+    value: boolean;
+    selectedEvent: CalendarEvents | null;
+    activator: HTMLElement | null;
+    instance: Calendar;
+    left: boolean;
+    right: boolean;
+    offsetX: boolean;
+    offsetY: boolean;
+    width: number | string;
+    dynamicLeft: boolean;
+    dynamicRight: boolean;
+    get selectedOpen(): boolean;
+    set selectedOpen(val: boolean);
+    get computedLeft(): boolean;
+    get computedRight(): boolean;
+    onValueChange(newValue: boolean): void;
+    calculatePosition(): void;
+    callCanEditEvent(event: CalendarEvents): boolean | ((event: CalendarEvents) => boolean) | undefined;
+    callCanDeleteEvent(event: CalendarEvents): boolean | ((event: CalendarEvents) => boolean) | undefined;
+    clickEditEvent(selectedEvent: CalendarEvents, nativeEvent: Event): void;
+    clickDeleteEvent(selectedEvent: CalendarEvents, nativeEvent: Event): void;
+}

package/types/CalendarYear.d.ts

@@ -0,0 +1,43 @@
+import Vue from 'vue';
+import { Calendar, CalendarEvents } from '@zeedhi/zd-calendar-common';
+export default class CalendarYear extends Vue {
+    instance: Calendar;
+    year: string;
+    showMenu: boolean;
+    menuX: number;
+    menuY: number;
+    selectedDate: string | null;
+    menuWidth: number;
+    selectedOpen: boolean;
+    selectedElement: EventTarget | null;
+    selectedEvent: CalendarEvents | null;
+    private resetTimer;
+    changeMenuVisibility(): void;
+    beforeDestroy(): void;
+    /**
+     * Triggered when user clicks on a calendar event inside a calendar-day-info dropdown
+     */
+    clickEvent({ event, selectedEvent }: {
+        event: MouseEvent;
+        selectedEvent: CalendarEvents;
+    }): void;
+    /**
+     * Triggered when user clicks on the day number inside a calendar-day-info dropdown
+     */
+    clickDay({ date }: {
+        date: string;
+    }): void;
+    clickEditEvent(selectedEvent: CalendarEvents, nativeEvent: Event): void;
+    clickDeleteEvent(selectedEvent: CalendarEvents, nativeEvent: Event): void;
+    dateClick(date: string): void;
+    private assignPickerButtonIds;
+    pickerMounted(monthNumber: string): void;
+    changeYear(): void;
+    doubleDigit(n: number): string;
+    firstLetterUpperCase(str: string): string;
+    /**
+     * @param monthNumber the number of the month between 1 and 12
+     */
+    getMonthName(monthNumber: number): string | null;
+    get sortedEvents(): CalendarEvents[];
+}