@syncfusion/ej2-vue-schedule 23.2.7 → 24.2.3

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-schedule@*",
-  "_id": "@syncfusion/ej2-vue-schedule@23.2.4",
+  "_id": "@syncfusion/ej2-vue-schedule@24.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-EeGA/eB9JS1FL0rwpTOoZi4G7zuzmwGP2EqPAApeOqX2JLUMvgVzo8BV5Mln0t9Lws0aDCs4r1M9Ie/5G32nBg==",
+  "_integrity": "sha512-n9QmPiC+liv4nQJKT8DttTnFHMPxVbXIYJQaFM4Pr+WZYvKD4w5hM/z1zi5LqOfnwSTOeFvoyP5WmeqNijgUzw==",
   "_location": "/@syncfusion/ej2-vue-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-schedule/-/ej2-vue-schedule-23.2.4.tgz",
-  "_shasum": "dd6471ca606e697fe8d247e5b17570483e2c070b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-schedule/-/ej2-vue-schedule-24.1.41.tgz",
+  "_shasum": "1f700c89b3faaa496fcc34e925aac2fd80f6d0b2",
   "_spec": "@syncfusion/ej2-vue-schedule@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.6",
-    "@syncfusion/ej2-schedule": "23.2.7",
-    "@syncfusion/ej2-vue-base": "~23.2.7"
+    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-schedule": "24.2.3",
+    "@syncfusion/ej2-vue-base": "~24.2.3"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support. for Vue",
@@ -59,6 +59,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "23.2.7",
+  "version": "24.2.3",
   "sideEffects": false
 }

package/src/index.d.ts

@@ -2,5 +2,6 @@ export * from '@syncfusion/ej2-schedule';
 export { ViewsDirective, ViewDirective, ViewsPlugin, ViewPlugin } from './schedule/views.directive';
 export { ResourcesDirective, ResourceDirective, ResourcesPlugin, ResourcePlugin } from './schedule/resources.directive';
 export { HeaderRowsDirective, HeaderRowDirective, HeaderRowsPlugin, HeaderRowPlugin } from './schedule/headerrows.directive';
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './schedule/toolbaritems.directive';
 export { ScheduleComponent, SchedulePlugin } from './schedule/schedule.component';
 export { RecurrenceEditorComponent, RecurrenceEditorPlugin } from './recurrence-editor/recurrenceeditor.component';

package/src/index.js

@@ -2,5 +2,6 @@ export * from '@syncfusion/ej2-schedule';
 export { ViewsDirective, ViewDirective, ViewsPlugin, ViewPlugin } from './schedule/views.directive';
 export { ResourcesDirective, ResourceDirective, ResourcesPlugin, ResourcePlugin } from './schedule/resources.directive';
 export { HeaderRowsDirective, HeaderRowDirective, HeaderRowsPlugin, HeaderRowPlugin } from './schedule/headerrows.directive';
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './schedule/toolbaritems.directive';
 export { ScheduleComponent, SchedulePlugin } from './schedule/schedule.component';
 export { RecurrenceEditorComponent, RecurrenceEditorPlugin } from './recurrence-editor/recurrenceeditor.component';

package/src/recurrence-editor/recurrenceeditor.component.js

@@ -25,7 +25,7 @@ export var RecurrenceEditorComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instance: new RecurrenceEditor({}),
+            ej2Instances: new RecurrenceEditor({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/schedule/index.d.ts

@@ -1,4 +1,5 @@
 export { ViewsDirective, ViewDirective, ViewsPlugin, ViewPlugin } from './views.directive';
 export { ResourcesDirective, ResourceDirective, ResourcesPlugin, ResourcePlugin } from './resources.directive';
 export { HeaderRowsDirective, HeaderRowDirective, HeaderRowsPlugin, HeaderRowPlugin } from './headerrows.directive';
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './toolbaritems.directive';
 export { ScheduleComponent, SchedulePlugin } from './schedule.component';

package/src/schedule/index.js

@@ -1,4 +1,5 @@
 export { ViewsDirective, ViewDirective, ViewsPlugin, ViewPlugin } from './views.directive';
 export { ResourcesDirective, ResourceDirective, ResourcesPlugin, ResourcePlugin } from './resources.directive';
 export { HeaderRowsDirective, HeaderRowDirective, HeaderRowsPlugin, HeaderRowPlugin } from './headerrows.directive';
+export { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './toolbaritems.directive';
 export { ScheduleComponent, SchedulePlugin } from './schedule.component';

package/src/schedule/schedule.component.js

@@ -5,7 +5,8 @@ import { Schedule } from '@syncfusion/ej2-schedule';
 import { ViewsDirective, ViewDirective, ViewsPlugin, ViewPlugin } from './views.directive';
 import { ResourcesDirective, ResourceDirective, ResourcesPlugin, ResourcePlugin } from './resources.directive';
 import { HeaderRowsDirective, HeaderRowDirective, HeaderRowsPlugin, HeaderRowPlugin } from './headerrows.directive';
-export var properties = ['isLazyUpdate', 'plugins', 'agendaDaysCount', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', 'allowResizing', 'allowSwiping', 'calendarMode', 'cellHeaderTemplate', 'cellTemplate', 'cssClass', 'currentView', 'dateFormat', 'dateHeaderTemplate', 'dateRangeTemplate', 'dayHeaderTemplate', 'editorFooterTemplate', 'editorHeaderTemplate', 'editorTemplate', 'enableAdaptiveUI', 'enableAllDayScroll', 'enableHtmlSanitizer', 'enablePersistence', 'enableRecurrenceValidation', 'enableRtl', 'endHour', 'eventDragArea', 'eventSettings', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'height', 'hideEmptyAgendaDays', 'locale', 'maxDate', 'minDate', 'monthHeaderTemplate', 'monthsCount', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'views', 'weekRule', 'width', 'workDays', 'workHours', 'actionBegin', 'actionComplete', 'actionFailure', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventDoubleClick', 'eventRendered', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select', 'virtualScrollStart', 'virtualScrollStop'];
+import { ToolbarItemsDirective, ToolbarItemDirective, ToolbarItemsPlugin, ToolbarItemPlugin } from './toolbaritems.directive';
+export var properties = ['isLazyUpdate', 'plugins', 'agendaDaysCount', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', 'allowResizing', 'allowSwiping', 'calendarMode', 'cellHeaderTemplate', 'cellTemplate', 'cssClass', 'currentView', 'dateFormat', 'dateHeaderTemplate', 'dateRangeTemplate', 'dayHeaderTemplate', 'editorFooterTemplate', 'editorHeaderTemplate', 'editorTemplate', 'enableAdaptiveUI', 'enableAllDayScroll', 'enableHtmlSanitizer', 'enablePersistence', 'enableRecurrenceValidation', 'enableRtl', 'endHour', 'eventDragArea', 'eventSettings', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'height', 'hideEmptyAgendaDays', 'locale', 'maxDate', 'minDate', 'monthHeaderTemplate', 'monthsCount', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'toolbarItems', 'views', 'weekRule', 'width', 'workDays', 'workHours', 'actionBegin', 'actionComplete', 'actionFailure', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventDoubleClick', 'eventRendered', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select', 'virtualScrollStart', 'virtualScrollStop'];
 export var modelProps = ['currentView', 'selectedDate'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
@@ -30,13 +31,13 @@ export var ScheduleComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instance: new Schedule({}),
+            ej2Instances: new Schedule({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: true,
             hasInjectedModules: true,
-            tagMapper: { "e-views": "e-view", "e-resources": "e-resource", "e-header-rows": "e-header-row" },
-            tagNameMapper: { "e-header-rows": "e-headerRows" },
+            tagMapper: { "e-views": "e-view", "e-resources": "e-resource", "e-header-rows": "e-header-row", "e-toolbaritems": "e-toolbaritem" },
+            tagNameMapper: { "e-header-rows": "e-headerRows", "e-toolbaritems": "e-toolbarItems" },
             isVue3: !isExecute,
             templateCollection: {},
         };
@@ -299,5 +300,7 @@ export var SchedulePlugin = {
         Vue.component(ResourcesPlugin.name, ResourcesDirective);
         Vue.component(HeaderRowPlugin.name, HeaderRowDirective);
         Vue.component(HeaderRowsPlugin.name, HeaderRowsDirective);
+        Vue.component(ToolbarItemPlugin.name, ToolbarItemDirective);
+        Vue.component(ToolbarItemsPlugin.name, ToolbarItemsDirective);
     }
 };

package/src/schedule/toolbaritems.directive.d.ts

@@ -0,0 +1,25 @@
+import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
+import { ToolbarItemModel } from '@syncfusion/ej2-schedule';
+export declare let ToolbarItemsDirective: any;
+export declare const ToolbarItemsPlugin: {
+    name: string;
+    install(Vue: any): void;
+};
+/**
+ * `e-toolbaritems` directive represent a custom toolbar items of the VueJS Schedule.
+ * It must be contained in a Schedule component(`ejs-schedule`).
+ * ```vue
+ * <ejs-schedule>
+ *   <e-toolbaritems>
+ *    <e-toolbaritem name='Today'></<e-toolbaritem>
+ *    <e-toolbaritem name='DateRangeText'></e-toolbaritem>
+ *    <e-toolbaritem prefixIcon='e-icons e-cut' text='Cut'></e-toolbaritem>
+ *   <e-toolbaritems>
+ * </ejs-schedule>
+ * ```
+ */
+export declare let ToolbarItemDirective: DefineVueDirective<ToolbarItemModel>;
+export declare const ToolbarItemPlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/schedule/toolbaritems.directive.js

@@ -0,0 +1,61 @@
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+export var ToolbarItemsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated: function () {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag: function () {
+            return 'e-toolbaritems';
+        }
+    }
+});
+export var ToolbarItemsPlugin = {
+    name: 'e-toolbaritems',
+    install: function (Vue) {
+        Vue.component(ToolbarItemsPlugin.name, ToolbarItemsDirective);
+    }
+};
+/**
+ * `e-toolbaritems` directive represent a custom toolbar items of the VueJS Schedule.
+ * It must be contained in a Schedule component(`ejs-schedule`).
+ * ```vue
+ * <ejs-schedule>
+ *   <e-toolbaritems>
+ *    <e-toolbaritem name='Today'></<e-toolbaritem>
+ *    <e-toolbaritem name='DateRangeText'></e-toolbaritem>
+ *    <e-toolbaritem prefixIcon='e-icons e-cut' text='Cut'></e-toolbaritem>
+ *   <e-toolbaritems>
+ * </ejs-schedule>
+ * ```
+ */
+export var ToolbarItemDirective = vueDefineComponent({
+    render: function () {
+        return;
+    },
+    methods: {
+        getTag: function () {
+            return 'e-toolbaritem';
+        }
+    }
+});
+export var ToolbarItemPlugin = {
+    name: 'e-toolbaritem',
+    install: function (Vue) {
+        Vue.component(ToolbarItemPlugin.name, ToolbarItemDirective);
+    }
+};