@progress/kendo-vue-layout 3.7.4-dev.202211041243 → 3.7.4-dev.202211280833

package/dist/es/menu/components/Menu.js

@@ -15,7 +15,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { templateRendering, getListeners, setRef, getRef } from '@progress/kendo-vue-common';
+import { templateRendering, getListeners, setRef, getRef, canUseDOM } from '@progress/kendo-vue-common';
 import { Keys, guid, validatePackage } from '@progress/kendo-vue-common';
 import { getDirectParentId, isIdEmptyOrZeroLevel, EMPTY_ID, ZERO_LEVEL_ZERO_ITEM_ID, getRootParentId, getItemById } from '../utils/itemsIdsUtils';
 import { prepareInputItemsForInternalWork } from '../utils/prepareInputItemsForInternalWork';
@@ -187,7 +187,7 @@ var MenuVue2 = {
         if ((event.keyCode === Keys.enter || event.keyCode === Keys.space) && !currentItem.disabled) {
           this.mouseOverHandler.handleItemSelectedViaKeyboard();
           this.dispatchSelectEventIfWired(event, currentItem.id);
-          if (!event.defaultPrevented && currentItem.items.length === 0 && currentItem.url) {
+          if (!event.defaultPrevented && currentItem.items.length === 0 && currentItem.url && canUseDOM) {
             window.location.assign(currentItem.url);
           }
         }
@@ -230,7 +230,7 @@ var MenuVue2 = {
         this.setFocusedItemId(itemId);
         this.mouseOverHandler.handleItemClick(itemId, this.isItemWithDefaultClose(itemId));
         this.dispatchSelectEventIfWired(event, itemId);
-        if (!event.defaultPrevented && item.url) {
+        if (!event.defaultPrevented && item.url && canUseDOM) {
           window.location.assign(item.url);
         }
       }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667565118,
+    publishDate: 1669623669,
     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/es/panelbar/PanelBar.js

@@ -225,23 +225,14 @@ var PanelBarVue2 = {
         default:
       }
     },
-    nextTick: function nextTick(f) {
-      this.nextTickId = window.setTimeout(function () {
-        return f();
-      });
-    },
     handleWrapperFocus: function handleWrapperFocus() {
-      clearTimeout(this.nextTickId);
       if (!this.wrapperFocused) {
         this.wrapperFocused = true;
       }
     },
     handleWrapperBlur: function handleWrapperBlur() {
-      // this.nextTick(() => {
       this.wrapperFocused = false;
-      // });
     },
-
     handleKeyDown: function handleKeyDown(event) {
       var rtl = this._element && getComputedStyle(this._element).direction === 'rtl' || false;
       if (event.target === event.currentTarget) {

package/dist/es/tilelayout/ResizeHandlers.d.ts

@@ -7,7 +7,7 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } fr
  * @hidden
  */
 export interface ResizeHandlersProps {
-    resizable: string | boolean;
+    direction: string;
     onResize?: (e: any, args: {
         end: boolean;
         direction: any;

package/dist/es/tilelayout/ResizeHandlers.js

@@ -1,17 +1,78 @@
+var __assign = this && this.__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);
+};
 // @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { Draggable } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
 var ResizeHandlersVue2 = {
   name: 'KendoResizeHandlers',
   props: {
-    resizable: [String, Boolean],
+    direction: String,
     rtl: Boolean
   },
+  computed: {
+    handleClass: function handleClass() {
+      return 'k-resize-handle k-cursor-' + this.direction + '-resize';
+    },
+    dirStyles: function dirStyles() {
+      var direction = this.$props.direction;
+      switch (direction) {
+        case 'ew':
+          return this.rtl ? {
+            top: 0,
+            width: '9px',
+            left: 0,
+            right: ''
+          } : {
+            top: 0,
+            width: '9px',
+            right: 0,
+            left: ''
+          };
+        case 'ns':
+          return {
+            left: 0,
+            height: '9px'
+          };
+        case 'nesw':
+        case 'nwse':
+          return this.rtl ? {
+            width: '9px',
+            height: '9px',
+            right: '',
+            left: 0
+          } : {
+            width: '9px',
+            height: '9px',
+            right: 0,
+            left: ''
+          };
+        default:
+          return {};
+      }
+    },
+    handleStyle: function handleStyle() {
+      return __assign({
+        bottom: 0,
+        right: 0
+      }, this.dirStyles);
+    }
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -20,55 +81,50 @@ var ResizeHandlersVue2 = {
     };
   },
   render: function render(createElement) {
+    var _this2 = this;
+    var _this = this;
     var h = gh || createElement;
-    var _a = this.$props,
-      resizable = _a.resizable,
-      onPress = _a.onPress,
-      rtl = _a.rtl;
-    if (!resizable) {
-      return null;
-    }
-    // const Handle = (props: { onResize: any; style: {}; d: string; onPress: any }) => (
-    //    // @ts-ignore
-    //   <Draggable
-    //     onPress={props.onPress}
-    //     onDrag={(data: any) => { props.onResize(data.event, false, props.d); }}
-    //     onRelease={(data: any) => { props.onResize(data.event, true, props.d); }}
-    //     >
-    //     <div className={'k-resize-handle k-cursor-' + props.d + '-resize'}
-    // style={{ bottom: 0, right: 0, ...props.style }} />
-    //   </Draggable>
-    // );
-    return h("div")
-    // <React.Fragment>
-    //   {resizable !== 'vertical' && (
-    //   <Handle
-    //     onPress={onPress}
-    //     onResize={this.handleResize}
-    //     d="ew"
-    //     style={rtl ? { top: 0, width: 9, left: 0, right: '' } : { top: 0, width: 9, right: 0, left: '' }}
-    //           />
-    //       )}
-    //   {resizable !== 'horizontal' && (
-    //   <Handle onPress={onPress} onResize={this.handleResize} d="ns" style={{ left: 0, height: 9 }} />)}
-    //   {(resizable === true) && (
-    //   <Handle
-    //     onPress={onPress}
-    //     onResize={this.handleResize}
-    //     d={rtl ? 'nesw' : 'nwse'}
-    //     style={rtl ? { width: 9, height: 9, right: '', left: 0 } : { width: 9, height: 9, right: 0, left: '' }}
-    //           />)}
-    // </React.Fragment>
-    ;
+    var direction = this.$props.direction;
+    return (
+      // @ts-ignore function children
+      h(Draggable, {
+        onPress: this.handlePress,
+        on: this.v3 ? undefined : {
+          "press": this.handlePress,
+          "drag": function drag(event) {
+            _this.handleResize(event, false, direction);
+          },
+          "release": function release(event) {
+            _this.handleResize(event, true, direction);
+          }
+        },
+        onDrag: function drag(event) {
+          _this.handleResize(event, false, direction);
+        },
+        onRelease: function release(event) {
+          _this.handleResize(event, true, direction);
+        }
+      }, this.v3 ? function () {
+        return [h("div", {
+          "class": _this2.handleClass,
+          style: _this2.handleStyle
+        })];
+      } : [h("div", {
+        "class": _this2.handleClass,
+        style: _this2.handleStyle
+      })])
+    );
   },
-
   methods: {
     handleResize: function handleResize(event, isEnd, direction) {
       event.originalEvent.preventDefault();
-      this.$props.onResize(event, {
+      this.$emit('resize', event, {
         end: isEnd,
         direction: direction
       });
+    },
+    handlePress: function handlePress(event) {
+      this.$emit('press', event);
     }
   }
 };