@progress/kendo-vue-popup 3.6.4 → 3.7.0-dev.202210250731

package/dist/esm/util.js

@@ -2,7 +2,6 @@ import { parents, siblingContainer } from '@progress/kendo-popup-common';
 /**
  * @hidden
  */
-
 export var eitherRect = function eitherRect(rect, offset) {
   if (!rect) {
     return {
@@ -12,18 +11,15 @@ export var eitherRect = function eitherRect(rect, offset) {
       width: 0
     };
   }
-
   return rect;
 };
 /**
  * @hidden
  */
-
 export var replaceOffset = function replaceOffset(rect, offset) {
   if (!offset) {
     return rect;
   }
-
   var result = {
     height: rect.height,
     left: offset.left,
@@ -35,12 +31,10 @@ export var replaceOffset = function replaceOffset(rect, offset) {
 /**
  * @hidden
  */
-
 export var removeStackingOffset = function removeStackingOffset(rect, stackingOffset) {
   if (!stackingOffset) {
     return rect;
   }
-
   var result = {
     height: rect.height,
     left: rect.left - stackingOffset.left,
@@ -52,44 +46,38 @@ export var removeStackingOffset = function removeStackingOffset(rect, stackingOf
 /**
  * @hidden
  */
-
 export var isDifferentOffset = function isDifferentOffset(oldOffset, newOffset) {
   var oldLeft = oldOffset.left,
-      oldTop = oldOffset.top;
+    oldTop = oldOffset.top;
   var newLeft = newOffset.left,
-      newTop = newOffset.top;
+    newTop = newOffset.top;
   return Math.abs(oldLeft - newLeft) >= 1 || Math.abs(oldTop - newTop) >= 1;
 };
 /**
  * @hidden
  */
-
 export var isDocumentAvailable = function isDocumentAvailable() {
   return typeof document !== 'undefined' && !!document.body;
 };
 /**
  * @hidden
  */
-
 export var isWindowAvailable = function isWindowAvailable() {
   return typeof window !== 'undefined';
 };
 /**
  * @hidden
  */
-
 export var hasBoundingRect = function hasBoundingRect(elem) {
   return !!elem.getBoundingClientRect;
 };
 /**
  * @hidden
  */
-
 export var OVERFLOW_REGEXP = /auto|scroll/;
 /**
  * @hidden
  */
-
 var overflowStyle = function overflowStyle(element) {
   var styles = window.getComputedStyle(element);
   return "".concat(styles.overflow).concat(styles.overflowX).concat(styles.overflowY);
@@ -97,55 +85,42 @@ var overflowStyle = function overflowStyle(element) {
 /**
  * @hidden
  */
-
-
 export var scrollableParents = function scrollableParents(element) {
   var parentElements = [];
-
   if (!isDocumentAvailable() || !isWindowAvailable()) {
     return parentElements;
   }
-
   var parent = element.parentElement;
-
   while (parent) {
     if (OVERFLOW_REGEXP.test(overflowStyle(parent))) {
       parentElements.push(parent);
     }
-
     parent = parent.parentElement;
   }
-
   parentElements.push(window);
   return parentElements;
 };
 /**
  * @hidden
  */
-
 export var FRAME_DURATION = 1000 / 60; // 1000ms divided by 60fps
-
 /**
  * @hidden
  */
-
 export var hasRelativeStackingContext = function hasRelativeStackingContext() {
   if (!isDocumentAvailable()) {
     return false;
   }
-
   var top = 10;
   var parent = document.createElement('div');
   parent.style.transform = 'matrix(10, 0, 0, 10, 0, 0)';
   parent.innerHTML = "<div>child</div>";
   document.body.appendChild(parent);
-
   if (parent && parent.firstChild) {
     var firstChild = parent.firstChild;
     firstChild.style.position = 'fixed';
     firstChild.style.top = "".concat(top, "px");
   }
-
   var isDifferent = parent.children[0].getBoundingClientRect().top !== top;
   document.body.removeChild(parent);
   return isDifferent;
@@ -153,23 +128,18 @@ export var hasRelativeStackingContext = function hasRelativeStackingContext() {
 /**
  * @hidden
  */
-
 export var HAS_RELATIVE_STACKING_CONTEXT = hasRelativeStackingContext();
 /**
  * @hidden
  */
-
 export var zIndex = function zIndex(anchor, container) {
   if (!anchor || !isDocumentAvailable() || !isWindowAvailable()) {
     return null;
   }
-
   var sibling = siblingContainer(anchor, container);
-
   if (!sibling) {
     return null;
   }
-
   var result = [anchor].concat(parents(anchor, sibling)).reduce(function (index, p) {
     var zIndexStyle = p.style.zIndex || window.getComputedStyle(p).zIndex;
     var current = parseInt(zIndexStyle, 10);
@@ -180,7 +150,6 @@ export var zIndex = function zIndex(anchor, container) {
 /**
  * @hidden
  */
-
 export var CollisionType = {
   fit: 'fit',
   flip: 'flip'
@@ -188,7 +157,6 @@ export var CollisionType = {
 /**
  * @hidden
  */
-
 export var AlignPoint = {
   left: 'left',
   center: 'center',
@@ -199,56 +167,44 @@ export var AlignPoint = {
 /**
  * @hidden
  */
-
 export var throttle = function throttle(func, wait, options) {
   if (options === void 0) {
     options = {};
   }
-
   var timeout, context, args, result;
   var previous = 0;
   options = options || {};
-
   var later = function later() {
     previous = options.leading === false ? 0 : new Date().getTime();
     timeout = null;
     result = func.apply(context, args);
-
     if (!timeout) {
       context = args = null;
     }
   };
-
   var throttled = function throttled() {
     var now = new Date().getTime();
-
     if (!previous && options.leading === false) {
       previous = now;
     }
-
-    var remaining = wait - (now - previous); // @ts-ignore
-
+    var remaining = wait - (now - previous);
+    // @ts-ignore
     context = this;
     args = arguments;
-
     if (remaining <= 0 || remaining > wait) {
       if (timeout) {
         clearTimeout(timeout);
         timeout = null;
       }
-
       previous = now;
       result = func.apply(context, args);
-
       if (!timeout) {
         context = args = null;
       }
     } else if (!timeout && options.trailing !== false) {
       timeout = setTimeout(later, remaining);
     }
-
     return result;
   };
-
   return throttled;
 };

package/dist/npm/Popup.js

@@ -3,28 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PopupVue2 = exports.Popup = void 0; // @ts-ignore
-
+exports.PopupVue2 = exports.Popup = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_animation_1 = require("@progress/kendo-vue-animation");
-
 var util_1 = require("./util");
-
 var alignService_1 = require("./services/alignService");
-
 var domService_1 = require("./services/domService");
-
 var positionService_1 = require("./services/positionService");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("./package-metadata");
-
 var DEFAULT_POPUP_ZINDEX = 100;
 var ZINDEX_POPUP_STEP = 1;
 var DEFAULT_OFFSET = {
@@ -37,7 +28,6 @@ var K_POPUP = 'k-popup';
 /**
  * @hidden
  */
-
 var PopupVue2 = {
   name: 'Popup',
   props: {
@@ -142,7 +132,6 @@ var PopupVue2 = {
       this.mountedAppendTo = this.appendTo ? this.getParentRef(this.appendTo) : document.body;
       this.mountedAnchor = this.anchor ? this.getParentRef(this.anchor, true) : document.body;
     }
-
     this._parentElement = this.$el.parentElement;
     this._clonedElement = this.$el.cloneNode(true);
     this.hasMounted = true;
@@ -172,11 +161,9 @@ var PopupVue2 = {
   methods: {
     onOpened: function onOpened() {
       var element = this.$el;
-
       if (this.$props.show) {
         element.classList.add(ANIMATION_CONTAINER_SHOWN);
       }
-
       this.attachRepositionHandlers(element);
       this.$emit('open', {
         target: this
@@ -187,7 +174,6 @@ var PopupVue2 = {
         var element = this.$el;
         element.classList.remove(ANIMATION_CONTAINER_SHOWN);
       }
-
       this.detachRepositionHandlers();
     },
     onClosed: function onClosed() {
@@ -195,7 +181,6 @@ var PopupVue2 = {
         this._exitingAnimation = false;
         this.$forceUpdate();
       }
-
       this.$emit('close', {
         target: this
       });
@@ -204,7 +189,6 @@ var PopupVue2 = {
       var animate = this.$props.animate;
       var transitionEnterDuration = 0;
       var transitionExitDuration = 0;
-
       if (animate) {
         if (animate === true) {
           // Inherit the default duration of the Animation component.
@@ -214,7 +198,6 @@ var PopupVue2 = {
           transitionExitDuration = animate.closeDuration;
         }
       }
-
       return {
         transitionEnterDuration: transitionEnterDuration,
         transitionExitDuration: transitionExitDuration
@@ -223,32 +206,27 @@ var PopupVue2 = {
     getParentRef: function getParentRef(anchor, isAnchor) {
       // @ts-ignore
       var parent = this.$parent;
-
       while (!parent.$refs[anchor]) {
         // @ts-ignore
         if (parent && parent.kendoAnchorRef && isAnchor) {
           // @ts-ignore
           return parent.kendoAnchorRef;
-        } // @ts-ignore
-
-
+        }
+        // @ts-ignore
         parent = parent.$parent;
-
         if (!parent && kendo_vue_common_1.canUseDOM) {
           return document.getElementById(anchor) || document.body;
         }
-      } // @ts-ignore
-
-
+      }
+      // @ts-ignore
       return parent.$refs[anchor].$el || parent.$refs[anchor];
     },
     position: function position(settings, element, anchor) {
       var anchorAlign = settings.anchorAlign,
-          popupAlign = settings.popupAlign,
-          collision = settings.collision,
-          offset = settings.offset;
+        popupAlign = settings.popupAlign,
+        collision = settings.collision,
+        offset = settings.offset;
       var anchorElement = anchor ? this.v3 ? this.mountedAnchor : this.getParentRef(anchor, true) : document.body;
-
       var alignedOffset = this._alignService.alignElement({
         anchor: anchor ? anchorElement : undefined,
         element: element,
@@ -256,7 +234,6 @@ var PopupVue2 = {
         anchorAlign: anchorAlign,
         offset: offset
       });
-
       var result = this._positionService.positionElement({
         anchor: anchorElement,
         anchorAlign: anchorAlign,
@@ -265,7 +242,6 @@ var PopupVue2 = {
         currentLocation: alignedOffset,
         elementAlign: popupAlign
       });
-
       return result;
     },
     calculatePosition: function calculatePosition($props, appendToElement) {
@@ -275,24 +251,20 @@ var PopupVue2 = {
           offset: $props.offset
         };
       }
-
       var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
       var root = document.createElement('div');
       var contentElement = this.$el && this.$el.firstChild ? this.$el.firstChild.firstChild ? this.$el.firstChild.firstChild.cloneNode(true) : null : null;
       var divWrapper = contentElement && contentElement.getBoundingClientRect ? contentElement : this._clonedElement;
-
       if (divWrapper) {
         root.appendChild(divWrapper);
       } else {
         // @ts-ignore
-        var internalClass = this.v3 ? defaultSlot && defaultSlot[0].props ? defaultSlot[0].props.class : '' : defaultSlot && defaultSlot[0].data ? defaultSlot[0].data.staticClass : ''; // @ts-ignore
-
+        var internalClass = this.v3 ? defaultSlot && defaultSlot[0].props ? defaultSlot[0].props.class : '' : defaultSlot && defaultSlot[0].data ? defaultSlot[0].data.staticClass : '';
+        // @ts-ignore
         var domClass = this.v3 ? this.$props.popupClass ? this.$props.popupClass : '' : defaultSlot && defaultSlot[0].data ? defaultSlot[0].data.class : '';
         root.innerHTML = "<div class=\"k-animation-container k-animation-container-relative\">\t\n                        <div class=\"k-popup k-animation-container k-animation-container-relative\">\n                            <div class=\"".concat(internalClass, " ").concat(domClass, "\" >\n                            </div>\t\n                        </div>\t\n                </div>");
       }
-
       appendToElement.appendChild(root);
-
       if (root && root.firstChild) {
         var firstChild = root.firstChild;
         firstChild.style.position = 'absolute';
@@ -301,44 +273,36 @@ var PopupVue2 = {
         firstChild.style.left = '-1000';
         firstChild.style.top = '0';
         var inlineStyles = this.v3 ? defaultSlot && defaultSlot[0].props ? defaultSlot[0].props.style : {} : defaultSlot[0].data ? defaultSlot[0].data.style : {};
-
         if (inlineStyles) {
           for (var _i = 0, _a = Object.entries(inlineStyles); _i < _a.length; _i++) {
             var _b = _a[_i],
-                key = _b[0],
-                value = _b[1];
+              key = _b[0],
+              value = _b[1];
             firstChild.style[key] = value;
           }
         }
       }
-
       var newPosition = this.position($props, root.firstChild, this.$props.anchor);
       root.parentNode.removeChild(root);
       return newPosition;
     },
     attachRepositionHandlers: function attachRepositionHandlers(element) {
       var _this = this;
-
       this.detachRepositionHandlers();
       this._scrollableParents = this._domService.scrollableParents(this.$props.anchor ? this.mountedAnchor : element);
-
       this._scrollableParents.map(function (p) {
         return p.addEventListener('scroll', _this.reposition);
       });
-
       window.addEventListener('resize', this.reposition);
     },
     detachRepositionHandlers: function detachRepositionHandlers() {
       var _this = this;
-
       if (this._scrollableParents) {
         this._scrollableParents.map(function (p) {
           return p.removeEventListener('scroll', _this.reposition);
         });
-
         this._scrollableParents = undefined;
       }
-
       window.removeEventListener('resize', this.reposition);
     },
     reposition: function reposition() {
@@ -353,30 +317,25 @@ var PopupVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        className = _a.className,
-        popupClass = _a.popupClass,
-        show = _a.show,
-        id = _a.id;
+      className = _a.className,
+      popupClass = _a.popupClass,
+      show = _a.show,
+      id = _a.id;
     var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var defaultSlot = this.v3 ? defaultSlots : show ? defaultSlots : null;
     var defaultAppentTo = (0, util_1.isWindowAvailable)() ? this.$props.appendTo ? this.mountedAppendTo || this.getParentRef(this.$props.appendTo) : document.body : undefined;
-
     if (this.$props.show) {
       var newPosition = this.calculatePosition(this.$props, defaultAppentTo);
       this._offsetLeft = newPosition.offset.left;
       this._offsetTop = newPosition.offset.top;
       this._flipped = !!newPosition.flipped;
     }
-
     var direction = this._flipped ? 'up' : 'down';
-
     var _b = this.transitionDuration(),
-        transitionEnterDuration = _b.transitionEnterDuration,
-        transitionExitDuration = _b.transitionExitDuration;
-
+      transitionEnterDuration = _b.transitionEnterDuration,
+      transitionExitDuration = _b.transitionExitDuration;
     var currentZIndex = this.getCurrentZIndex();
     this._exitingAnimation = this._exitingAnimation || this._prevShow && !show;
-
     if (!this.hasMounted) {
       return h("div", {
         style: {
@@ -387,9 +346,9 @@ var PopupVue2 = {
         "class": [popupClass, K_POPUP]
       }, [defaultSlots])]);
     }
-
     if (show || this._exitingAnimation && defaultAppentTo) {
-      var popup = // @ts-ignore function children
+      var popup =
+      // @ts-ignore function children
       h(kendo_vue_animation_1.Slide, {
         id: id,
         attrs: this.v3 ? undefined : {
@@ -428,7 +387,6 @@ var PopupVue2 = {
       } : [defaultSlot]);
       return popup;
     }
-
     return null;
   }
 };
@@ -436,6 +394,5 @@ exports.PopupVue2 = PopupVue2;
 /**
  * @hidden
  */
-
 var Popup = PopupVue2;
 exports.Popup = Popup;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-popup',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151053,
+    publishDate: 1666682064,
     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'
 };