@progress/kendo-vue-popup 3.5.0 → 3.5.1-dev.202208150613

package/dist/npm/Popup.js

@@ -115,7 +115,7 @@ var PopupVue2 = {
     };
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.mountedAppendTo = undefined;
     this.mountedAnchor = undefined;
     this._initiallyMountedContent = undefined;
@@ -128,7 +128,7 @@ var PopupVue2 = {
     this._domService = new domService_1.DOMService();
     this._alignService = new alignService_1.AlignService(this._domService);
     this._positionService = new positionService_1.PositionService(this._domService);
-    this.reposition = util_1.throttle(this.reposition.bind(this), util_1.FRAME_DURATION);
+    this.reposition = (0, util_1.throttle)(this.reposition.bind(this), util_1.FRAME_DURATION);
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -139,8 +139,8 @@ var PopupVue2 = {
   },
   mounted: function mounted() {
     if (kendo_vue_common_1.canUseDOM) {
-      this.mountedAppendTo = this.$props.appendTo ? this.getParentRef(this.$props.appendTo) : document.body;
-      this.mountedAnchor = this.$props.anchor ? this.getParentRef(this.$props.anchor) : document.body;
+      this.mountedAppendTo = this.appendTo ? this.getParentRef(this.appendTo) : document.body;
+      this.mountedAnchor = this.anchor ? this.getParentRef(this.anchor) : document.body;
     }
 
     this._parentElement = this.$el.parentElement;
@@ -235,7 +235,7 @@ var PopupVue2 = {
         parent = parent.$parent;
 
         if (!parent && kendo_vue_common_1.canUseDOM) {
-          return document.body;
+          return document.getElementById(anchor) || document.body;
         }
       } // @ts-ignore
 
@@ -269,14 +269,14 @@ var PopupVue2 = {
       return result;
     },
     calculatePosition: function calculatePosition($props, appendToElement) {
-      if (!appendToElement || !util_1.isWindowAvailable() || !kendo_vue_common_1.canUseDOM) {
+      if (!appendToElement || !(0, util_1.isWindowAvailable)() || !kendo_vue_common_1.canUseDOM) {
         return {
           flipped: false,
           offset: $props.offset
         };
       }
 
-      var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+      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._initiallyMountedContent;
@@ -288,7 +288,7 @@ var PopupVue2 = {
         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=\"" + internalClass + " " + domClass + "\" >\n                            </div>\t\n                        </div>\t\n                </div>";
+        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);
@@ -356,9 +356,9 @@ var PopupVue2 = {
         popupClass = _a.popupClass,
         show = _a.show,
         id = _a.id;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var defaultSlot = this.v3 ? defaultSlots : show ? defaultSlots : null;
-    var defaultAppentTo = util_1.isWindowAvailable() ? this.$props.appendTo ? this.mountedAppendTo || this.getParentRef(this.$props.appendTo) : document.body : undefined;
+    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);

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: 1659428726,
+    publishDate: 1660542994,
     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/services/alignService.js

@@ -24,9 +24,9 @@ var AlignService = /** @class */ (function () {
     };
     AlignService.prototype.absoluteRect = function (anchor, element, offset) {
         var dom = this._dom;
-        var rect = util_1.eitherRect(dom.offset(anchor), offset);
+        var rect = (0, util_1.eitherRect)(dom.offset(anchor), offset);
         var stackingOffset = dom.stackingElementOffset(element);
-        var removedOffset = util_1.removeStackingOffset(rect, stackingOffset);
+        var removedOffset = (0, util_1.removeStackingOffset)(rect, stackingOffset);
         var stackingScroll = dom.stackingElementScroll(element);
         var withScroll = dom.addScroll(removedOffset, stackingScroll);
         var scrollPosition = this.elementScrollPosition(anchor, element);
@@ -39,7 +39,7 @@ var AlignService = /** @class */ (function () {
         return anchor ? { x: 0, y: 0 } : this._dom.scrollPosition(element);
     };
     AlignService.prototype.relativeRect = function (anchor, element, offset) {
-        return util_1.eitherRect(this._dom.position(anchor, element), offset);
+        return (0, util_1.eitherRect)(this._dom.position(anchor, element), offset);
     };
     return AlignService;
 }());

package/dist/npm/services/domService.js

@@ -16,16 +16,16 @@ var DOMService = /** @class */ (function () {
         };
     };
     DOMService.prototype.align = function (settings) {
-        return kendo_popup_common_1.align(settings);
+        return (0, kendo_popup_common_1.align)(settings);
     };
     DOMService.prototype.boundingOffset = function (el) {
-        return kendo_popup_common_1.boundingOffset(el);
+        return (0, kendo_popup_common_1.boundingOffset)(el);
     };
     DOMService.prototype.getWindow = function () {
-        return util_1.isWindowAvailable() ? window : null;
+        return (0, util_1.isWindowAvailable)() ? window : null;
     };
     DOMService.prototype.isBodyOffset = function (el) {
-        return kendo_popup_common_1.isBodyOffset(el);
+        return (0, kendo_popup_common_1.isBodyOffset)(el);
     };
     DOMService.prototype.hasOffsetParent = function (el) {
         if (!el) {
@@ -40,7 +40,7 @@ var DOMService = /** @class */ (function () {
         if (!el) {
             return null;
         }
-        return kendo_popup_common_1.offset(el);
+        return (0, kendo_popup_common_1.offset)(el);
     };
     DOMService.prototype.staticOffset = function (element) {
         if (!element) {
@@ -49,7 +49,7 @@ var DOMService = /** @class */ (function () {
         var _a = element.style, left = _a.left, top = _a.top;
         element.style.left = '0px';
         element.style.top = '0px';
-        var currentOffset = kendo_popup_common_1.offset(element);
+        var currentOffset = (0, kendo_popup_common_1.offset)(element);
         element.style.left = left;
         element.style.top = top;
         return currentOffset;
@@ -58,33 +58,33 @@ var DOMService = /** @class */ (function () {
         if (!element || !popup) {
             return null;
         }
-        var parentSibling = kendo_popup_common_1.siblingContainer(element, popup);
-        return kendo_popup_common_1.positionWithScroll(element, parentSibling);
+        var parentSibling = (0, kendo_popup_common_1.siblingContainer)(element, popup);
+        return (0, kendo_popup_common_1.positionWithScroll)(element, parentSibling);
     };
     DOMService.prototype.relativeOffset = function (el, currentLocation) {
-        return kendo_popup_common_1.applyLocationOffset(this.offset(el), currentLocation, this.isBodyOffset(el));
+        return (0, kendo_popup_common_1.applyLocationOffset)(this.offset(el), currentLocation, this.isBodyOffset(el));
     };
     DOMService.prototype.addScroll = function (rect, scroll) {
-        return kendo_popup_common_1.addScroll(rect, scroll);
+        return (0, kendo_popup_common_1.addScroll)(rect, scroll);
     };
     DOMService.prototype.removeScroll = function (rect, scroll) {
-        return kendo_popup_common_1.removeScroll(rect, scroll);
+        return (0, kendo_popup_common_1.removeScroll)(rect, scroll);
     };
     DOMService.prototype.restrictToView = function (settings) {
-        return kendo_popup_common_1.restrictToView(settings);
+        return (0, kendo_popup_common_1.restrictToView)(settings);
     };
     DOMService.prototype.scrollPosition = function (el) {
-        return kendo_popup_common_1.scrollPosition(el);
+        return (0, kendo_popup_common_1.scrollPosition)(el);
     };
     DOMService.prototype.scrollableParents = function (el) {
-        return util_1.scrollableParents(el);
+        return (0, util_1.scrollableParents)(el);
     };
     DOMService.prototype.stackingElementOffset = function (el) {
         var relativeContextElement = this.getRelativeContextElement(el);
         if (!relativeContextElement) {
             return null;
         }
-        return kendo_popup_common_1.offset(relativeContextElement);
+        return (0, kendo_popup_common_1.offset)(relativeContextElement);
     };
     DOMService.prototype.stackingElementScroll = function (el) {
         var relativeContextElement = this.getRelativeContextElement(el);
@@ -123,13 +123,13 @@ var DOMService = /** @class */ (function () {
         return !!this.getRelativeContextElement(el);
     };
     DOMService.prototype.windowViewPort = function (el) {
-        return kendo_popup_common_1.getWindowViewPort(el);
+        return (0, kendo_popup_common_1.getWindowViewPort)(el);
     };
     DOMService.prototype.zIndex = function (anchor, container) {
-        return util_1.zIndex(anchor, container);
+        return (0, util_1.zIndex)(anchor, container);
     };
     DOMService.prototype.zoomLevel = function () {
-        if (!util_1.isDocumentAvailable() || !util_1.isWindowAvailable()) {
+        if (!(0, util_1.isDocumentAvailable)() || !(0, util_1.isWindowAvailable)()) {
             return 1;
         }
         return parseFloat((document.documentElement.clientWidth / window.innerWidth).toFixed(2));

package/dist/npm/services/positionService.js

@@ -13,8 +13,8 @@ var PositionService = /** @class */ (function () {
         var anchor = settings.anchor, currentLocation = settings.currentLocation, element = settings.element, anchorAlign = settings.anchorAlign, elementAlign = settings.elementAlign, collisions = settings.collisions;
         var dom = this._dom;
         var viewPort = settings.viewPort || dom.stackingElementViewPort(element) || dom.windowViewPort(element);
-        var anchorRect = util_1.eitherRect(dom.offset(anchor), currentLocation);
-        var initialElementRect = util_1.replaceOffset(dom.staticOffset(element), currentLocation);
+        var anchorRect = (0, util_1.eitherRect)(dom.offset(anchor), currentLocation);
+        var initialElementRect = (0, util_1.replaceOffset)(dom.staticOffset(element), currentLocation);
         var elementRect = this.elementRect(element, initialElementRect);
         var result = dom.restrictToView({
             anchorAlign: anchorAlign,

package/dist/npm/util.js

@@ -11,7 +11,7 @@ var kendo_popup_common_1 = require("@progress/kendo-popup-common");
  */
 
 
-exports.eitherRect = function (rect, offset) {
+var eitherRect = function eitherRect(rect, offset) {
   if (!rect) {
     return {
       height: 0,
@@ -23,12 +23,13 @@ exports.eitherRect = function (rect, offset) {
 
   return rect;
 };
+
+exports.eitherRect = eitherRect;
 /**
  * @hidden
  */
 
-
-exports.replaceOffset = function (rect, offset) {
+var replaceOffset = function replaceOffset(rect, offset) {
   if (!offset) {
     return rect;
   }
@@ -41,12 +42,13 @@ exports.replaceOffset = function (rect, offset) {
   };
   return result;
 };
+
+exports.replaceOffset = replaceOffset;
 /**
  * @hidden
  */
 
-
-exports.removeStackingOffset = function (rect, stackingOffset) {
+var removeStackingOffset = function removeStackingOffset(rect, stackingOffset) {
   if (!stackingOffset) {
     return rect;
   }
@@ -59,47 +61,52 @@ exports.removeStackingOffset = function (rect, stackingOffset) {
   };
   return result;
 };
+
+exports.removeStackingOffset = removeStackingOffset;
 /**
  * @hidden
  */
 
-
-exports.isDifferentOffset = function (oldOffset, newOffset) {
+var isDifferentOffset = function isDifferentOffset(oldOffset, newOffset) {
   var oldLeft = oldOffset.left,
       oldTop = oldOffset.top;
   var newLeft = newOffset.left,
       newTop = newOffset.top;
   return Math.abs(oldLeft - newLeft) >= 1 || Math.abs(oldTop - newTop) >= 1;
 };
+
+exports.isDifferentOffset = isDifferentOffset;
 /**
  * @hidden
  */
 
-
-exports.isDocumentAvailable = function () {
+var isDocumentAvailable = function isDocumentAvailable() {
   return typeof document !== 'undefined' && !!document.body;
 };
+
+exports.isDocumentAvailable = isDocumentAvailable;
 /**
  * @hidden
  */
 
-
-exports.isWindowAvailable = function () {
+var isWindowAvailable = function isWindowAvailable() {
   return typeof window !== 'undefined';
 };
+
+exports.isWindowAvailable = isWindowAvailable;
 /**
  * @hidden
  */
 
-
-exports.hasBoundingRect = function (elem) {
+var hasBoundingRect = function hasBoundingRect(elem) {
   return !!elem.getBoundingClientRect;
 };
+
+exports.hasBoundingRect = hasBoundingRect;
 /**
  * @hidden
  */
 
-
 exports.OVERFLOW_REGEXP = /auto|scroll/;
 /**
  * @hidden
@@ -107,17 +114,17 @@ exports.OVERFLOW_REGEXP = /auto|scroll/;
 
 var overflowStyle = function overflowStyle(element) {
   var styles = window.getComputedStyle(element);
-  return "" + styles.overflow + styles.overflowX + styles.overflowY;
+  return "".concat(styles.overflow).concat(styles.overflowX).concat(styles.overflowY);
 };
 /**
  * @hidden
  */
 
 
-exports.scrollableParents = function (element) {
+var scrollableParents = function scrollableParents(element) {
   var parentElements = [];
 
-  if (!exports.isDocumentAvailable() || !exports.isWindowAvailable()) {
+  if (!(0, exports.isDocumentAvailable)() || !(0, exports.isWindowAvailable)()) {
     return parentElements;
   }
 
@@ -134,19 +141,20 @@ exports.scrollableParents = function (element) {
   parentElements.push(window);
   return parentElements;
 };
+
+exports.scrollableParents = scrollableParents;
 /**
  * @hidden
  */
 
-
 exports.FRAME_DURATION = 1000 / 60; // 1000ms divided by 60fps
 
 /**
  * @hidden
  */
 
-exports.hasRelativeStackingContext = function () {
-  if (!exports.isDocumentAvailable()) {
+var hasRelativeStackingContext = function hasRelativeStackingContext() {
+  if (!(0, exports.isDocumentAvailable)()) {
     return false;
   }
 
@@ -159,46 +167,48 @@ exports.hasRelativeStackingContext = function () {
   if (parent && parent.firstChild) {
     var firstChild = parent.firstChild;
     firstChild.style.position = 'fixed';
-    firstChild.style.top = top + "px";
+    firstChild.style.top = "".concat(top, "px");
   }
 
   var isDifferent = parent.children[0].getBoundingClientRect().top !== top;
   document.body.removeChild(parent);
   return isDifferent;
 };
+
+exports.hasRelativeStackingContext = hasRelativeStackingContext;
 /**
  * @hidden
  */
 
-
-exports.HAS_RELATIVE_STACKING_CONTEXT = exports.hasRelativeStackingContext();
+exports.HAS_RELATIVE_STACKING_CONTEXT = (0, exports.hasRelativeStackingContext)();
 /**
  * @hidden
  */
 
-exports.zIndex = function (anchor, container) {
-  if (!anchor || !exports.isDocumentAvailable() || !exports.isWindowAvailable()) {
+var zIndex = function zIndex(anchor, container) {
+  if (!anchor || !(0, exports.isDocumentAvailable)() || !(0, exports.isWindowAvailable)()) {
     return null;
   }
 
-  var sibling = kendo_popup_common_1.siblingContainer(anchor, container);
+  var sibling = (0, kendo_popup_common_1.siblingContainer)(anchor, container);
 
   if (!sibling) {
     return null;
   }
 
-  var result = [anchor].concat(kendo_popup_common_1.parents(anchor, sibling)).reduce(function (index, p) {
+  var result = [anchor].concat((0, kendo_popup_common_1.parents)(anchor, sibling)).reduce(function (index, p) {
     var zIndexStyle = p.style.zIndex || window.getComputedStyle(p).zIndex;
     var current = parseInt(zIndexStyle, 10);
     return current > index ? current : index;
   }, 0);
   return result ? result + 1 : null;
 };
+
+exports.zIndex = zIndex;
 /**
  * @hidden
  */
 
-
 exports.CollisionType = {
   fit: 'fit',
   flip: 'flip'
@@ -218,7 +228,7 @@ exports.AlignPoint = {
  * @hidden
  */
 
-exports.throttle = function (func, wait, options) {
+var throttle = function throttle(func, wait, options) {
   if (options === void 0) {
     options = {};
   }
@@ -269,4 +279,6 @@ exports.throttle = function (func, wait, options) {
   };
 
   return throttled;
-};
+};
+
+exports.throttle = throttle;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-popup",
   "description": "Kendo UI for Vue Popup package",
-  "version": "3.5.0",
+  "version": "3.5.1-dev.202208150613",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -10,6 +10,12 @@
   "types": "dist/npm/main.d.ts",
   "module": "dist/es/main.js",
   "jsnext:main": "dist/es/main.js",
+  "exports": {
+    "node": "./dist/esm/main.js",
+    "import": "./dist/es/main.js",
+    "require": "./dist/npm/main.js",
+    "default": "./dist/npm/main.js"
+  },
   "scripts": {
     "test": "cd ../../ && npm run test -- --testPathPattern=/packages/popup/.*",
     "start": "gulp start",
@@ -27,8 +33,8 @@
   },
   "dependencies": {
     "@progress/kendo-popup-common": "^1.6.1",
-    "@progress/kendo-vue-animation": "3.5.0",
-    "@progress/kendo-vue-common": "3.5.0"
+    "@progress/kendo-vue-animation": "3.5.1-dev.202208150613",
+    "@progress/kendo-vue-common": "3.5.1-dev.202208150613"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.1.0"