@syncfusion/ej2-schedule 22.1.38 → 22.2.5

package/src/schedule/base/util.js

@@ -269,6 +269,10 @@ export function getDateFromString(date) {
     return date.indexOf('Date') !== -1 ? new Date(parseInt(date.match(/\d+/g).toString(), 10)) :
         date.indexOf('T') !== -1 ? new Date(date) : new Date(date.replace(/-/g, '/'));
 }
+/** @private */
+var scrollWidth = null;
+/** @private */
+var pixelRatio = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
 /**
  * Method to get scrollbar width
  *
@@ -276,6 +280,9 @@ export function getDateFromString(date) {
  * @private
  */
 export function getScrollBarWidth() {
+    if (scrollWidth !== null) {
+        return scrollWidth;
+    }
     var divNode = createElement('div');
     var value = 0;
     divNode.style.cssText = 'width:100px;height: 100px;overflow: scroll;position: absolute;top: -9999px;';
@@ -284,7 +291,19 @@ export function getScrollBarWidth() {
         Math.ceil(devicePixelRatio % 1) : Math.floor(devicePixelRatio % 1) : 0;
     value = (divNode.offsetWidth - divNode.clientWidth - ratio) | 0;
     document.body.removeChild(divNode);
-    return value;
+    return scrollWidth = value;
+}
+/**
+ * Method to reset scrollbar width
+ *
+ * @private
+ */
+export function resetScrollbarWidth() {
+    var zoomPixelRatio = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
+    if (pixelRatio != zoomPixelRatio) {
+        scrollWidth = null;
+        pixelRatio = zoomPixelRatio;
+    }
 }
 /**
  * Method to find the index from data collection

package/src/schedule/models/event-settings-model.d.ts

@@ -11,6 +11,9 @@ export interface EventSettingsModel {
      * {% codeBlock src="schedule/event-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     template?: string | Function;
@@ -74,6 +77,9 @@ export interface EventSettingsModel {
      * {% codeBlock src="schedule/tooltip-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     tooltipTemplate?: string | Function;

package/src/schedule/models/event-settings.d.ts

@@ -13,6 +13,9 @@ export declare class EventSettings extends ChildProperty<EventSettings> {
      * {% codeBlock src="schedule/event-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     template: string | Function;
@@ -69,6 +72,9 @@ export declare class EventSettings extends ChildProperty<EventSettings> {
      * {% codeBlock src="schedule/tooltip-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     tooltipTemplate: string | Function;

package/src/schedule/models/group-model.d.ts

@@ -51,6 +51,9 @@ export interface GroupModel {
      *  can be accessed within this template code.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     headerTooltipTemplate?: string | Function;

package/src/schedule/models/group.d.ts

@@ -44,6 +44,9 @@ export declare class Group extends ChildProperty<Group> {
      *  can be accessed within this template code.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     headerTooltipTemplate: string | Function;

package/src/schedule/models/header-rows-model.d.ts

@@ -23,6 +23,9 @@ export interface HeaderRowsModel {
      *  can be accessed via this template is `date`.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     template?: string | Function;

package/src/schedule/models/header-rows.d.ts

@@ -21,6 +21,9 @@ export declare class HeaderRows extends ChildProperty<HeaderRows> {
      *  can be accessed via this template is `date`.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     template: string | Function;

package/src/schedule/models/quick-info-templates-model.d.ts

@@ -19,24 +19,33 @@ export interface QuickInfoTemplatesModel {
     /**
      * Template option to customize the header section of quick popup.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     header?: string | Function;
 
     /**
      * Template option to customize the content area of the quick popup.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     content?: string | Function;
 
     /**
      * Template option to customize the footer section of quick popup.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     footer?: string | Function;
 

package/src/schedule/models/quick-info-templates.d.ts

@@ -17,22 +17,31 @@ export declare class QuickInfoTemplates extends ChildProperty<QuickInfoTemplates
     /**
      * Template option to customize the header section of quick popup.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     header: string | Function;
     /**
      * Template option to customize the content area of the quick popup.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     content: string | Function;
     /**
      * Template option to customize the footer section of quick popup.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     footer: string | Function;
 }

package/src/schedule/models/time-scale-model.d.ts

@@ -33,8 +33,11 @@ export interface TimeScaleModel {
      *  template accepts either the string or HTMLElement as template design and then the parsed design is displayed
      *  onto the time cells. The time details can be accessed within this template.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     minorSlotTemplate?: string | Function;
 
@@ -44,6 +47,9 @@ export interface TimeScaleModel {
      *  onto the time cells. The time details can be accessed within this template.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     majorSlotTemplate?: string | Function;

package/src/schedule/models/time-scale.d.ts

@@ -28,8 +28,11 @@ export declare class TimeScale extends ChildProperty<TimeScale> {
      *  template accepts either the string or HTMLElement as template design and then the parsed design is displayed
      *  onto the time cells. The time details can be accessed within this template.
      *
-     *  @default null
-     *  @aspType string
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
      */
     minorSlotTemplate: string | Function;
     /**
@@ -38,6 +41,9 @@ export declare class TimeScale extends ChildProperty<TimeScale> {
      *  onto the time cells. The time details can be accessed within this template.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     majorSlotTemplate: string | Function;

package/src/schedule/models/views-model.d.ts

@@ -80,6 +80,9 @@ export interface ViewsModel {
      *  This template is only applicable for month view day cells.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellHeaderTemplate?: string | Function;
@@ -98,6 +101,9 @@ export interface ViewsModel {
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dateRangeTemplate?: string | Function;
@@ -108,6 +114,9 @@ export interface ViewsModel {
      *  The field accessible via template is `date`. It gets applied only to the view objects on which it is defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellTemplate?: string | Function;
@@ -118,6 +127,9 @@ export interface ViewsModel {
      *  This template is only applicable for year view header cells.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dayHeaderTemplate?: string | Function;
@@ -128,6 +140,9 @@ export interface ViewsModel {
      *  This template is only applicable for year view header cells.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     monthHeaderTemplate?: string | Function;
@@ -139,6 +154,9 @@ export interface ViewsModel {
      *  whereas it will get applied only on the events of the view to which it is currently being defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     eventTemplate?: string | Function;
@@ -219,6 +237,9 @@ export interface ViewsModel {
      *  It gets applied only to the view objects on which it is defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     resourceHeaderTemplate?: string | Function;
@@ -229,6 +250,9 @@ export interface ViewsModel {
      *  It gets applied only to the view objects on which it is defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     headerIndentTemplate?: string | Function;

package/src/schedule/models/views.d.ts

@@ -73,6 +73,9 @@ export declare class Views extends ChildProperty<Views> {
      *  This template is only applicable for month view day cells.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellHeaderTemplate: string | Function;
@@ -89,6 +92,9 @@ export declare class Views extends ChildProperty<Views> {
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dateRangeTemplate: string | Function;
@@ -98,6 +104,9 @@ export declare class Views extends ChildProperty<Views> {
      *  The field accessible via template is `date`. It gets applied only to the view objects on which it is defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellTemplate: string | Function;
@@ -107,6 +116,9 @@ export declare class Views extends ChildProperty<Views> {
      *  This template is only applicable for year view header cells.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dayHeaderTemplate: string | Function;
@@ -116,6 +128,9 @@ export declare class Views extends ChildProperty<Views> {
      *  This template is only applicable for year view header cells.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     monthHeaderTemplate: string | Function;
@@ -126,6 +141,9 @@ export declare class Views extends ChildProperty<Views> {
      *  whereas it will get applied only on the events of the view to which it is currently being defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     eventTemplate: string | Function;
@@ -197,6 +215,9 @@ export declare class Views extends ChildProperty<Views> {
      *  It gets applied only to the view objects on which it is defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     resourceHeaderTemplate: string | Function;
@@ -206,6 +227,9 @@ export declare class Views extends ChildProperty<Views> {
      *  It gets applied only to the view objects on which it is defined.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     headerIndentTemplate: string | Function;

package/src/schedule/popups/event-window.js

@@ -496,7 +496,7 @@ var EventWindow = /** @class */ (function () {
                 query = (e.text !== '') ? query.where('Text', 'contains', e.text, true) : query;
                 e.updateData(_this.parent.timezoneDataSource, query);
             },
-            htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName, role: 'option' },
+            htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName },
             floatLabelType: 'Always',
             placeholder: this.getFieldLabel(value),
             popupHeight: '230px'