@zeedhi/zd-calendar-common 1.1.1 → 1.3.0

package/dist/calendar-common.esm.js

@@ -1,5 +1,5 @@
+import { FormatterParserProvider, DateHelper, Messages, VersionService } from '@zeedhi/core';
 import { ComponentRender } from '@zeedhi/common';
-import { Messages } from '@zeedhi/core';
 
 class Calendar extends ComponentRender {
     constructor(props) {
@@ -100,6 +100,19 @@ class Calendar extends ComponentRender {
         this.weekdays = this.getInitValue('weekdays', props.weekdays, this.weekdays);
         this.selectTypeData = this.getInitValue('selectTypeData', props.selectTypeData, this.selectTypeData);
         this.createAccessors();
+        if (!this.value)
+            this.goToToday();
+    }
+    goToToday() {
+        const fmt = FormatterParserProvider.getFormatter('ZdDateTime');
+        if (this.now) {
+            this.value = fmt(this.now, { dateTimeFormat: 'YYYY-MM-DD HH:mm:ss', displayFormat: 'YYYY-MM-DD' });
+            return;
+        }
+        this.value = DateHelper.getValue('TODAY', 'YYYY-MM-DD');
+    }
+    beforeNext(element, event) {
+        this.callEvent('beforeNext', { event, element, component: this });
     }
     /**
      * Event triggered when the current slide changes.
@@ -107,21 +120,22 @@ class Calendar extends ComponentRender {
      * @param element Calendar element
      */
     next(element, event) {
-        this.callEvent('beforeNext', { event, element, component: this });
+        this.callEvent('next', { event, element, component: this });
         if (!(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {
-            this.callEvent('next', { event, element, component: this });
             this.callEvent('afterNext', { event, element, component: this });
         }
     }
+    beforePrevious(element, event) {
+        this.callEvent('beforePrevious', { event, element, component: this });
+    }
     /**
      * Event triggered when the current slide changes.
-     * @param event Event that triggered the next button event
+     * @param event Event that triggered the previous button event
      * @param element Calendar element
      */
     previous(element, event) {
-        this.callEvent('beforePrevious', { event, element, component: this });
+        this.callEvent('previous', { event, element, component: this });
         if (!(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {
-            this.callEvent('previous', { event, element, component: this });
             this.callEvent('afterPrevious', { event, element, component: this });
         }
     }
@@ -156,6 +170,33 @@ class Calendar extends ComponentRender {
             });
         }
     }
+    clickDate(element, event) {
+        this.callEvent('clickDate', { event, element, component: this });
+    }
+    clickMore(element, event) {
+        this.callEvent('clickMore', { event, element, component: this });
+    }
+    clickDay(element, event) {
+        this.callEvent('clickDay', { event, element, component: this });
+    }
+    clickEvent(element, event) {
+        this.callEvent('clickEvent', { event, element, component: this });
+    }
+    clickDayCategory(element, event) {
+        this.callEvent('clickDayCategory', { event, element, component: this });
+    }
+    clickInterval(element, event) {
+        this.callEvent('clickInterval', { event, element, component: this });
+    }
+    clickTime(element, event) {
+        this.callEvent('clickTime', { event, element, component: this });
+    }
+    clickTimeCategory(element, event) {
+        this.callEvent('clickTimeCategory', { event, element, component: this });
+    }
+    moved(element, event) {
+        this.callEvent('moved', { event, element, component: this });
+    }
 }
 
 Messages.add({
@@ -197,4 +238,7 @@ Messages.add({
     },
 });
 
+const packageContent = require('../package.json');
+VersionService.addPackageVersion(packageContent.name, packageContent.version);
+
 export { Calendar };

package/dist/calendar-common.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/core')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-calendar-common"] = {}, global["@zeedhi/common"], global["@zeedhi/core"]));
-})(this, (function (exports, common, core) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/core'), require('@zeedhi/common')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/core', '@zeedhi/common'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-calendar-common"] = {}, global["@zeedhi/core"], global["@zeedhi/common"]));
+})(this, (function (exports, core, common) { 'use strict';
 
   class Calendar extends common.ComponentRender {
       constructor(props) {
@@ -103,6 +103,19 @@
           this.weekdays = this.getInitValue('weekdays', props.weekdays, this.weekdays);
           this.selectTypeData = this.getInitValue('selectTypeData', props.selectTypeData, this.selectTypeData);
           this.createAccessors();
+          if (!this.value)
+              this.goToToday();
+      }
+      goToToday() {
+          const fmt = core.FormatterParserProvider.getFormatter('ZdDateTime');
+          if (this.now) {
+              this.value = fmt(this.now, { dateTimeFormat: 'YYYY-MM-DD HH:mm:ss', displayFormat: 'YYYY-MM-DD' });
+              return;
+          }
+          this.value = core.DateHelper.getValue('TODAY', 'YYYY-MM-DD');
+      }
+      beforeNext(element, event) {
+          this.callEvent('beforeNext', { event, element, component: this });
       }
       /**
        * Event triggered when the current slide changes.
@@ -110,21 +123,22 @@
        * @param element Calendar element
        */
       next(element, event) {
-          this.callEvent('beforeNext', { event, element, component: this });
+          this.callEvent('next', { event, element, component: this });
           if (!(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {
-              this.callEvent('next', { event, element, component: this });
               this.callEvent('afterNext', { event, element, component: this });
           }
       }
+      beforePrevious(element, event) {
+          this.callEvent('beforePrevious', { event, element, component: this });
+      }
       /**
        * Event triggered when the current slide changes.
-       * @param event Event that triggered the next button event
+       * @param event Event that triggered the previous button event
        * @param element Calendar element
        */
       previous(element, event) {
-          this.callEvent('beforePrevious', { event, element, component: this });
+          this.callEvent('previous', { event, element, component: this });
           if (!(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {
-              this.callEvent('previous', { event, element, component: this });
               this.callEvent('afterPrevious', { event, element, component: this });
           }
       }
@@ -159,6 +173,33 @@
               });
           }
       }
+      clickDate(element, event) {
+          this.callEvent('clickDate', { event, element, component: this });
+      }
+      clickMore(element, event) {
+          this.callEvent('clickMore', { event, element, component: this });
+      }
+      clickDay(element, event) {
+          this.callEvent('clickDay', { event, element, component: this });
+      }
+      clickEvent(element, event) {
+          this.callEvent('clickEvent', { event, element, component: this });
+      }
+      clickDayCategory(element, event) {
+          this.callEvent('clickDayCategory', { event, element, component: this });
+      }
+      clickInterval(element, event) {
+          this.callEvent('clickInterval', { event, element, component: this });
+      }
+      clickTime(element, event) {
+          this.callEvent('clickTime', { event, element, component: this });
+      }
+      clickTimeCategory(element, event) {
+          this.callEvent('clickTimeCategory', { event, element, component: this });
+      }
+      moved(element, event) {
+          this.callEvent('moved', { event, element, component: this });
+      }
   }
 
   core.Messages.add({
@@ -200,6 +241,9 @@
       },
   });
 
+  const packageContent = require('../package.json');
+  core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
+
   exports.Calendar = Calendar;
 
   Object.defineProperty(exports, '__esModule', { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-calendar-common",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "description": "Powered by Zeedhi",
   "main": "dist/calendar-common.umd.js",
   "module": "dist/calendar-common.esm.js",
@@ -23,5 +23,5 @@
     "@zeedhi/common": "*",
     "@zeedhi/core": "*"
   },
-  "gitHead": "e6b9405c9bb60893994e6352349f083d11153cd4"
+  "gitHead": "6f4fe53063ed34252898787e2866f837a2356bdb"
 }

package/types/calendar.d.ts

@@ -58,15 +58,18 @@ export declare class Calendar extends ComponentRender implements ICalendar {
    */
     events: ICalendarEvents;
     constructor(props: ICalendar);
+    goToToday(): void;
+    beforeNext(element: any, event?: Event): void;
     /**
      * Event triggered when the current slide changes.
      * @param event Event that triggered the next button event
      * @param element Calendar element
      */
     next(element: any, event?: Event): void;
+    beforePrevious(element: any, event?: Event): void;
     /**
      * Event triggered when the current slide changes.
-     * @param event Event that triggered the next button event
+     * @param event Event that triggered the previous button event
      * @param element Calendar element
      */
     previous(element: any, event?: Event): void;
@@ -74,4 +77,13 @@ export declare class Calendar extends ComponentRender implements ICalendar {
     updateCalendarEvent(events: CalendarEvents[]): void;
     clearCalendarEvents(): void;
     removeCalendarEvents(events: CalendarEvents[]): void;
+    clickDate(element: any, event: Event): void;
+    clickMore(element: any, event: Event): void;
+    clickDay(element: any, event: Event): void;
+    clickEvent(element: any, event: Event): void;
+    clickDayCategory(element: any, event: Event): void;
+    clickInterval(element: any, event: Event): void;
+    clickTime(element: any, event: Event): void;
+    clickTimeCategory(element: any, event: Event): void;
+    moved(element: any, event: Event): void;
 }

package/types/interfaces.d.ts

@@ -1,18 +1,38 @@
 import { IComponentEvents, IComponentRender } from '@zeedhi/common';
 import { IEvent, IEventParam } from '@zeedhi/core';
 import { Calendar } from './calendar';
-export interface ICalendarEventParam {
-    component: Calendar;
-    event?: Event | undefined;
-    element?: any;
+export interface ICalendarEventParam extends IEventParam<Calendar> {
+    date: string;
+    time: string;
+    year: number;
+    month: number;
+    day: number;
+    hour: number;
+    minute: number;
+    weekday: number;
+    hasDay: boolean;
+    hasTime: boolean;
+    past: boolean;
+    present: boolean;
+    future: boolean;
+    week: ICalendarEventParam[];
 }
-export interface ICalendarEvents<T = IEventParam<any> | ICalendarEventParam> extends IComponentEvents<T> {
-    next?: IEvent<T>;
-    previous?: IEvent<T>;
-    afterNext?: IEvent<T>;
-    afterPrevious?: IEvent<T>;
-    beforeNext?: IEvent<T>;
-    beforePrevious?: IEvent<T>;
+export interface ICalendarEvents<T = ICalendarEventParam | IEventParam<any>> extends IComponentEvents<T> {
+    next?: IEvent<T> | string;
+    previous?: IEvent<T> | string;
+    afterNext?: IEvent<T> | string;
+    afterPrevious?: IEvent<T> | string;
+    beforeNext?: IEvent<T> | string;
+    beforePrevious?: IEvent<T> | string;
+    clickDate?: IEvent<T> | string;
+    clickDay?: IEvent<T> | string;
+    clickMore?: IEvent<T> | string;
+    clickEvent?: IEvent<T> | string;
+    clickDayCategory?: IEvent<T> | string;
+    clickInterval?: IEvent<T> | string;
+    clickTime?: IEvent<T> | string;
+    clickTimeCategory?: IEvent<T> | string;
+    moved?: IEvent<T> | string;
 }
 export declare type CalendarEvents = {
     id: string | number;