@progress/kendo-vue-scheduler 3.1.5 → 3.2.0-dev.202204130351

package/dist/es/items/SchedulerViewItem.js

@@ -99,8 +99,11 @@ var SchedulerViewItemVue2 = {
     };
   },
   mounted: function mounted() {
-    this.align();
-    this.position();
+    var that = this;
+    this.$nextTick(function () {
+      that.align();
+      that.position();
+    });
 
     if (!this.ks.scheduler) {
       return;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1649686874,
+    publishDate: 1649821670,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/components/SchedulerActionButtons.js

@@ -39,7 +39,13 @@ var SchedulerActionButtonsVue2 = {
 
     var h = gh || createElement;
     return (// @ts-ignore  function children
-      h(kendo_vue_dialogs_1.DialogActionsBar, this.v3 ? function () {
+      h(kendo_vue_dialogs_1.DialogActionsBar, {
+        buttonGroupClass: false,
+        attrs: this.v3 ? undefined : {
+          buttonGroupClass: false
+        },
+        "class": 'k-form-buttons'
+      }, this.v3 ? function () {
         return [// @ts-ignore  function children
         h(kendo_vue_buttons_1.Button, {
           type: "submit",

package/dist/npm/components/SchedulerForm.js

@@ -125,13 +125,27 @@ var SchedulerFormVue2 = {
           },
           validator: _this.formValidator
         }, _this.v3 ? function () {
-          return [h(SchedulerFormEditor_1.SchedulerFormEditor, {
+          return [// @ts-ignore  function children
+          h(SchedulerFormEditor_1.SchedulerFormEditor, {
             //   {...this.renderProps}
             as: Editor,
             attrs: _this.v3 ? undefined : {
               as: Editor
             }
-          }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+          }, _this.v3 ? function () {
+            return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+              editSaveMessage: editSaveMessage,
+              attrs: _this.v3 ? undefined : {
+                editSaveMessage: editSaveMessage,
+                editCancelMessage: editCancelMessage
+              },
+              editCancelMessage: editCancelMessage,
+              onCancel: _this.handleCancel,
+              on: _this.v3 ? undefined : {
+                "cancel": _this.handleCancel
+              }
+            })];
+          } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
             editSaveMessage: editSaveMessage,
             attrs: _this.v3 ? undefined : {
               editSaveMessage: editSaveMessage,
@@ -142,13 +156,26 @@ var SchedulerFormVue2 = {
             on: _this.v3 ? undefined : {
               "cancel": _this.handleCancel
             }
-          })];
+          })])];
         } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
           as: Editor,
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+        }, _this.v3 ? function () {
+          return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+            editSaveMessage: editSaveMessage,
+            attrs: _this.v3 ? undefined : {
+              editSaveMessage: editSaveMessage,
+              editCancelMessage: editCancelMessage
+            },
+            editCancelMessage: editCancelMessage,
+            onCancel: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "cancel": _this.handleCancel
+            }
+          })];
+        } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
           attrs: _this.v3 ? undefined : {
             editSaveMessage: editSaveMessage,
@@ -159,7 +186,7 @@ var SchedulerFormVue2 = {
           on: _this.v3 ? undefined : {
             "cancel": _this.handleCancel
           }
-        })])];
+        })])])];
       } : [h(kendo_vue_form_1.Form, {
         initialValues: _this.$props.dataItem,
         attrs: _this.v3 ? undefined : {
@@ -177,7 +204,20 @@ var SchedulerFormVue2 = {
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+        }, _this.v3 ? function () {
+          return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+            editSaveMessage: editSaveMessage,
+            attrs: _this.v3 ? undefined : {
+              editSaveMessage: editSaveMessage,
+              editCancelMessage: editCancelMessage
+            },
+            editCancelMessage: editCancelMessage,
+            onCancel: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "cancel": _this.handleCancel
+            }
+          })];
+        } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
           attrs: _this.v3 ? undefined : {
             editSaveMessage: editSaveMessage,
@@ -188,13 +228,26 @@ var SchedulerFormVue2 = {
           on: _this.v3 ? undefined : {
             "cancel": _this.handleCancel
           }
-        })];
+        })])];
       } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
         as: Editor,
         attrs: _this.v3 ? undefined : {
           as: Editor
         }
-      }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+      }, _this.v3 ? function () {
+        return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+          editSaveMessage: editSaveMessage,
+          attrs: _this.v3 ? undefined : {
+            editSaveMessage: editSaveMessage,
+            editCancelMessage: editCancelMessage
+          },
+          editCancelMessage: editCancelMessage,
+          onCancel: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "cancel": _this.handleCancel
+          }
+        })];
+      } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
         editSaveMessage: editSaveMessage,
         attrs: _this.v3 ? undefined : {
           editSaveMessage: editSaveMessage,
@@ -205,7 +258,7 @@ var SchedulerFormVue2 = {
         on: _this.v3 ? undefined : {
           "cancel": _this.handleCancel
         }
-      })])])
+      })])])])
     );
   },
   methods: {

package/dist/npm/editors/ResourceEditor.js

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +27,9 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
-var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns"); // tslint:enable:max-line-length
+var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
+
+var utils_1 = require("../utils"); // tslint:enable:max-line-length
 
 
 var ResourceEditorVue2 = {
@@ -46,57 +64,11 @@ var ResourceEditorVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // const itemRenderer = React.useCallback(
-    //     (element, itemProps) => {
-    //         const children = (
-    //           <>
-    //             {
-    //                 props.colorField && (
-    //                 <span
-    //                   key={1}
-    //                   class={'k-scheduler-mark'}
-    //                   style={{
-    //                                 backgroundColor: itemProps.dataItem[props.colorField],
-    //                                 marginRight: isPresent(itemProps.dataItem[props.valueField!]) ? '8px' : '4px'
-    //                             }}
-    //                         >
-    //                   &nbsp;
-    //                 </span>
-    //                 )
-    //             }
-    //             <span key={2}>&nbsp; {element.props.children}</span>
-    //           </>
-    //         );
-    //         return React.cloneElement(element, { ...element.props }, children);
-    //     },
-    //     [props.colorField, props.valueField]
-    // );
-    // const valueRenderer = React.useCallback(
-    //     (element, currentValue) => {
-    //         const children = (
-    //           <>
-    //             {
-    //                 props.colorField && currentValue && (
-    //                 <span
-    //                   key={1}
-    //                   class={'k-scheduler-mark'}
-    //                   style={{
-    //                                 backgroundColor: currentValue[props.colorField],
-    //                                 marginRight: currentValue[props.valueField] ? '8px' : '4px'
-    //                             }}
-    //                         >
-    //                   &nbsp;
-    //                 </span>
-    //                 )
-    //             }
-    //             {element.props.children}
-    //           </>
-    //         );
-    //         return React.cloneElement(element, {}, children);
-    //     },
-    //     [props.colorField, props.valueField]
-    // );
-
+    var h = gh || createElement;
+    var _a = this.$props,
+        colorField = _a.colorField,
+        textField = _a.textField,
+        valueField = _a.valueField;
     var value = Array.isArray(this.$props.value) ? this.$props.dataItems.filter(function (item) {
       return _this.$props.value.some(function (val) {
         return item[_this.$props.valueField] === val;
@@ -105,6 +77,39 @@ var ResourceEditorVue2 = {
       return item[_this.$props.valueField] === _this.$props.value;
     });
     var DropDownEditor = this.$props.multiple ? kendo_vue_dropdowns_1.MultiSelect : kendo_vue_dropdowns_1.DropDownList;
+
+    var valueRender = function valueRender(_h, _tdElement, props) {
+      return h("span", {
+        "class": "k-input-inner"
+      }, [colorField && props.value && h("span", {
+        key: 1,
+        "class": 'k-scheduler-mark',
+        style: {
+          backgroundColor: props.value[colorField],
+          marginRight: props.value[valueField] ? '8px' : '4px'
+        }
+      }, ["\xA0"]), props.value[textField]]);
+    };
+
+    var itemRender = function itemRender(_h, _tdElement, props, listeners) {
+      return h("li", {
+        "class": __assign({
+          'k-item': true
+        }, props.itemClass),
+        onClick: listeners.onClick,
+        on: this.v3 ? undefined : {
+          "click": listeners.onClick
+        }
+      }, [colorField && h("span", {
+        key: 1,
+        "class": 'k-scheduler-mark',
+        style: {
+          backgroundColor: props.dataItem[colorField],
+          marginRight: utils_1.isPresent(props.dataItem[valueField]) ? '8px' : '4px'
+        }
+      }, ["\xA0"]), props.dataItem[textField]]);
+    };
+
     return h(DropDownEditor, {
       value: value,
       attrs: this.v3 ? undefined : {
@@ -113,7 +118,9 @@ var ResourceEditorVue2 = {
         textField: this.$props.textField,
         dataItemKey: this.$props.valueField,
         valid: this.$props.valid,
-        validationMessage: this.$props.validationMessage
+        validationMessage: this.$props.validationMessage,
+        itemRender: itemRender,
+        valueRender: valueRender
       },
       onChange: this.handleChange,
       on: this.v3 ? undefined : {
@@ -123,7 +130,9 @@ var ResourceEditorVue2 = {
       textField: this.$props.textField,
       dataItemKey: this.$props.valueField,
       valid: this.$props.valid,
-      validationMessage: this.$props.validationMessage
+      validationMessage: this.$props.validationMessage,
+      itemRender: itemRender,
+      valueRender: valueRender
     });
   },
   methods: {