primereact 7.0.0-rc.2 → 7.2.0

package/skeleton/skeleton.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{classNames as r}from"primereact/core";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&i(e,t)}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function a(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var f,y,h,b=function(i){u(d,t);var c,s,f,y,h,b=(c=d,s=a(),function(){var e,t=p(c);if(s){var r=p(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return l(this,e)});function d(){return o(this,d),b.apply(this,arguments)}return f=d,(y=[{key:"skeletonStyle",value:function(){return this.props.size?{width:this.props.size,height:this.props.size,borderRadius:this.props.borderRadius}:{width:this.props.width,height:this.props.height,borderRadius:this.props.borderRadius}}},{key:"render",value:function(){var t=r("p-skeleton p-component",{"p-skeleton-circle":"circle"===this.props.shape,"p-skeleton-none":"none"===this.props.animation},this.props.className),o=this.skeletonStyle();return e.createElement("div",{style:o,className:t})}}])&&n(f.prototype,y),h&&n(f,h),d}();h={shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},(y="defaultProps")in(f=b)?Object.defineProperty(f,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):f[y]=h;export{b as Skeleton};
+import e,{Component as t}from"react";import{classNames as r}from"primereact/utils";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function i(e,t){return i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},i(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}function a(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var f,y,h,b=function(i){u(d,t);var c,s,f,y,h,b=(c=d,s=a(),function(){var e,t=l(c);if(s){var r=l(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return p(this,e)});function d(){return o(this,d),b.apply(this,arguments)}return f=d,(y=[{key:"skeletonStyle",value:function(){return this.props.size?{width:this.props.size,height:this.props.size,borderRadius:this.props.borderRadius}:{width:this.props.width,height:this.props.height,borderRadius:this.props.borderRadius}}},{key:"render",value:function(){var t=r("p-skeleton p-component",{"p-skeleton-circle":"circle"===this.props.shape,"p-skeleton-none":"none"===this.props.animation},this.props.className),o=this.skeletonStyle();return e.createElement("div",{style:o,className:t})}}])&&n(f.prototype,y),h&&n(f,h),Object.defineProperty(f,"prototype",{writable:!1}),d}();h={shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},(y="defaultProps")in(f=b)?Object.defineProperty(f,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):f[y]=h;export{b as Skeleton};

package/skeleton/skeleton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.skeleton = (function (exports, React, core) {
+this.primereact.skeleton = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.skeleton = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -49,23 +52,20 @@ this.primereact.skeleton = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _assertThisInitialized(self) {
@@ -138,12 +138,12 @@ this.primereact.skeleton = (function (exports, React, core) {
     }, {
       key: "render",
       value: function render() {
-        var skeletonClassName = core.classNames('p-skeleton p-component', {
+        var skeletonClassName = utils.classNames('p-skeleton p-component', {
           'p-skeleton-circle': this.props.shape === 'circle',
           'p-skeleton-none': this.props.animation === 'none'
         }, this.props.className);
         var style = this.skeletonStyle();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           style: style,
           className: skeletonClassName
         });
@@ -170,4 +170,4 @@ this.primereact.skeleton = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/skeleton/skeleton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var h,b,d,m=function(e){s(b,e);var t,n,c,l,a,h=(t=b,n=y(),function(){var e,r=p(t);if(n){var o=p(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return f(this,e)});function b(){return i(this,b),h.apply(this,arguments)}return c=b,(l=[{key:"skeletonStyle",value:function(){return this.props.size?{width:this.props.size,height:this.props.size,borderRadius:this.props.borderRadius}:{width:this.props.width,height:this.props.height,borderRadius:this.props.borderRadius}}},{key:"render",value:function(){var e=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===this.props.shape,"p-skeleton-none":"none"===this.props.animation},this.props.className),t=this.skeletonStyle();return o.default.createElement("div",{style:t,className:e})}}])&&u(c.prototype,l),a&&u(c,a),b}(t.Component);return d={shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},(b="defaultProps")in(h=m)?Object.defineProperty(h,b,{value:d,enumerable:!0,configurable:!0,writable:!0}):h[b]=d,e.Skeleton=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var h,b,d,m=function(e){s(b,e);var t,n,c,l,a,h=(t=b,n=y(),function(){var e,r=f(t);if(n){var o=f(this).constructor;e=Reflect.construct(r,arguments,o)}else e=r.apply(this,arguments);return p(this,e)});function b(){return i(this,b),h.apply(this,arguments)}return c=b,(l=[{key:"skeletonStyle",value:function(){return this.props.size?{width:this.props.size,height:this.props.size,borderRadius:this.props.borderRadius}:{width:this.props.width,height:this.props.height,borderRadius:this.props.borderRadius}}},{key:"render",value:function(){var e=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===this.props.shape,"p-skeleton-none":"none"===this.props.animation},this.props.className),t=this.skeletonStyle();return o.default.createElement("div",{style:t,className:e})}}])&&u(c.prototype,l),a&&u(c,a),Object.defineProperty(c,"prototype",{writable:!1}),b}(t.Component);return d={shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},(b="defaultProps")in(h=m)?Object.defineProperty(h,b,{value:d,enumerable:!0,configurable:!0,writable:!0}):h[b]=d,e.Skeleton=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/slidemenu/slidemenu.cjs.js

@@ -3,11 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var csstransition = require('primereact/csstransition');
+var overlayservice = require('primereact/overlayservice');
+var portal = require('primereact/portal');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _assertThisInitialized(self) {
   if (self === void 0) {
@@ -36,6 +41,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -60,23 +68,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -160,7 +165,7 @@ var SlideMenuSub = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderSeparator",
     value: function renderSeparator(index) {
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: 'separator_' + index,
         className: "p-menu-separator"
       });
@@ -169,7 +174,7 @@ var SlideMenuSub = /*#__PURE__*/function (_Component) {
     key: "renderSubmenu",
     value: function renderSubmenu(item) {
       if (item.items) {
-        return /*#__PURE__*/React__default['default'].createElement(SlideMenuSub, {
+        return /*#__PURE__*/React__default["default"].createElement(SlideMenuSub, {
           model: item.items,
           index: this.props.index + 1,
           menuWidth: this.props.menuWidth,
@@ -187,23 +192,23 @@ var SlideMenuSub = /*#__PURE__*/function (_Component) {
       var _this2 = this;
 
       var active = this.state.activeItem === item;
-      var className = core.classNames('p-menuitem', {
+      var className = utils.classNames('p-menuitem', {
         'p-menuitem-active': active,
         'p-disabled': item.disabled
       }, item.className);
-      var iconClassName = core.classNames('p-menuitem-icon', item.icon);
+      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
       var submenuIconClassName = 'p-submenu-icon pi pi-fw pi-angle-right';
-      var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+      var icon = item.icon && /*#__PURE__*/React__default["default"].createElement("span", {
         className: iconClassName
       });
-      var label = item.label && /*#__PURE__*/React__default['default'].createElement("span", {
+      var label = item.label && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-menuitem-text"
       }, item.label);
-      var submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+      var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
         className: submenuIconClassName
       });
       var submenu = this.renderSubmenu(item);
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url || '#',
         className: "p-menuitem-link",
         target: item.target,
@@ -226,10 +231,10 @@ var SlideMenuSub = /*#__PURE__*/function (_Component) {
           props: this.props,
           active: active
         };
-        content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: item.label + '_' + index,
         className: className,
         style: item.style
@@ -256,7 +261,7 @@ var SlideMenuSub = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames({
+      var className = utils.classNames({
         'p-slidemenu-rootlist': this.props.root,
         'p-submenu-list': !this.props.root,
         'p-active-submenu': this.props.parentActive
@@ -269,7 +274,7 @@ var SlideMenuSub = /*#__PURE__*/function (_Component) {
         transitionTimingFunction: this.props.easing
       };
       var items = this.renderItems();
-      return /*#__PURE__*/React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         className: className,
         style: style
       }, items);
@@ -311,7 +316,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
     _this4.onExit = _this4.onExit.bind(_assertThisInitialized(_this4));
     _this4.onExited = _this4.onExited.bind(_assertThisInitialized(_this4));
     _this4.onPanelClick = _this4.onPanelClick.bind(_assertThisInitialized(_this4));
-    _this4.menuRef = /*#__PURE__*/React__default['default'].createRef();
+    _this4.menuRef = /*#__PURE__*/React__default["default"].createRef();
     return _this4;
   }
 
@@ -319,7 +324,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
     key: "onPanelClick",
     value: function onPanelClick(event) {
       if (this.props.popup) {
-        core.OverlayService.emit('overlay-click', {
+        overlayservice.OverlayService.emit('overlay-click', {
           originalEvent: event,
           target: this.target
         });
@@ -344,18 +349,18 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
     value: function renderBackward() {
       var _this5 = this;
 
-      var className = core.classNames('p-slidemenu-backward', {
+      var className = utils.classNames('p-slidemenu-backward', {
         'p-hidden': this.state.level === 0
       });
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.backward = el;
         },
         className: className,
         onClick: this.navigateBack
-      }, /*#__PURE__*/React__default['default'].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-slidemenu-backward-icon pi pi-fw pi-chevron-left"
-      }), /*#__PURE__*/React__default['default'].createElement("span", null, this.props.backLabel));
+      }), /*#__PURE__*/React__default["default"].createElement("span", null, this.props.backLabel));
     }
   }, {
     key: "toggle",
@@ -397,10 +402,10 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
     key: "onEnter",
     value: function onEnter() {
       if (this.props.autoZIndex) {
-        core.ZIndexUtils.set('menu', this.menuRef.current, this.props.baseZIndex);
+        utils.ZIndexUtils.set('menu', this.menuRef.current, PrimeReact__default["default"].autoZIndex, this.props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
       }
 
-      core.DomHandler.absolutePosition(this.menuRef.current, this.target);
+      utils.DomHandler.absolutePosition(this.menuRef.current, this.target);
     }
   }, {
     key: "onEntered",
@@ -420,7 +425,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
   }, {
     key: "onExited",
     value: function onExited() {
-      core.ZIndexUtils.clear(this.menuRef.current);
+      utils.ZIndexUtils.clear(this.menuRef.current);
       this.setState({
         level: 0
       });
@@ -452,7 +457,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this9.state.visible && !core.DomHandler.isAndroid()) {
+          if (_this9.state.visible && !utils.DomHandler.isTouchDevice()) {
             _this9.hide(event);
           }
         };
@@ -482,7 +487,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
       var _this10 = this;
 
       if (!this.scrollHandler) {
-        this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.target, function (event) {
+        this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.target, function (event) {
           if (_this10.state.visible) {
             _this10.hide(event);
           }
@@ -518,21 +523,21 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
         this.scrollHandler = null;
       }
 
-      core.ZIndexUtils.clear(this.menuRef.current);
+      utils.ZIndexUtils.clear(this.menuRef.current);
     }
   }, {
     key: "renderElement",
     value: function renderElement() {
       var _this11 = this;
 
-      var className = core.classNames('p-slidemenu p-component', {
+      var className = utils.classNames('p-slidemenu p-component', {
         'p-slidemenu-overlay': this.props.popup
       }, this.props.className);
       var backward = this.renderBackward();
-      return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.menuRef,
         classNames: "p-connected-overlay",
-        in: !this.props.popup || this.state.visible,
+        "in": !this.props.popup || this.state.visible,
         timeout: {
           enter: 120,
           exit: 100
@@ -543,23 +548,23 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
         onEntered: this.onEntered,
         onExit: this.onExit,
         onExited: this.onExited
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.menuRef,
         id: this.props.id,
         className: className,
         style: this.props.style,
         onClick: this.onPanelClick
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-slidemenu-wrapper",
         style: {
           height: this.props.viewportHeight + 'px'
         }
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-slidemenu-content",
         ref: function ref(el) {
           return _this11.slideMenuContent = el;
         }
-      }, /*#__PURE__*/React__default['default'].createElement(SlideMenuSub, {
+      }, /*#__PURE__*/React__default["default"].createElement(SlideMenuSub, {
         model: this.props.model,
         root: true,
         index: 0,
@@ -574,7 +579,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       var element = this.renderElement();
-      return this.props.popup ? /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+      return this.props.popup ? /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: element,
         appendTo: this.props.appendTo
       }) : element;

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function l(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return r(e)}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){var t=h();return function(){var n,i=d(e);if(t){var r=d(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return p(this,n)}}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(n){u(o,e.Component);var r=f(o);function o(e){var t;return s(this,o),(t=r.call(this,e)).state={activeItem:null},t}return l(o,[{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.setState({activeItem:t}),this.props.onForward()))}},{key:"renderSeparator",value:function(e){return i.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(e){return e.items?i.default.createElement(o,{model:e.items,index:this.props.index+1,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,onForward:this.props.onForward,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,n){var r=this,s=this.state.activeItem===e,o=t.classNames("p-menuitem",{"p-menuitem-active":s,"p-disabled":e.disabled},e.className),l=t.classNames("p-menuitem-icon",e.icon),a="p-submenu-icon pi pi-fw pi-angle-right",u=e.icon&&i.default.createElement("span",{className:l}),c=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),p=e.items&&i.default.createElement("span",{className:a}),d=this.renderSubmenu(e),m=i.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(t){return r.onItemClick(t,e,n)},"aria-disabled":e.disabled},u,c,p);e.template&&(m=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onItemClick(t,e,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:l,submenuIconClassName:a,element:m,props:this.props,active:s}));return i.default.createElement("li",{key:e.label+"_"+n,className:o,style:e.style},m,d)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=t.classNames({"p-slidemenu-rootlist":this.props.root,"p-submenu-list":!this.props.root,"p-active-submenu":this.props.parentActive}),n={width:this.props.menuWidth+"px",left:this.props.root?-1*this.props.level*this.props.menuWidth+"px":this.props.menuWidth+"px",transitionProperty:this.props.root?"left":"none",transitionDuration:this.props.effectDuration+"ms",transitionTimingFunction:this.props.easing},r=this.renderItems();return i.default.createElement("ul",{className:e,style:n},r)}}]),o}();m(v,"defaultProps",{model:null,level:0,easing:"ease-out",effectDuration:250,menuWidth:190,parentActive:!1,onForward:null});var b=function(n){u(a,e.Component);var o=f(a);function a(e){var t;return s(this,a),(t=o.call(this,e)).state={level:0,visible:!1},t.navigateBack=t.navigateBack.bind(r(t)),t.navigateForward=t.navigateForward.bind(r(t)),t.onEnter=t.onEnter.bind(r(t)),t.onEntered=t.onEntered.bind(r(t)),t.onExit=t.onExit.bind(r(t)),t.onExited=t.onExited.bind(r(t)),t.onPanelClick=t.onPanelClick.bind(r(t)),t.menuRef=i.default.createRef(),t}return l(a,[{key:"onPanelClick",value:function(e){this.props.popup&&t.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"navigateForward",value:function(){this.setState({level:this.state.level+1})}},{key:"navigateBack",value:function(){this.setState({level:this.state.level-1})}},{key:"renderBackward",value:function(){var e=this,n=t.classNames("p-slidemenu-backward",{"p-hidden":0===this.state.level});return i.default.createElement("div",{ref:function(t){return e.backward=t},className:n,onClick:this.navigateBack},i.default.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),i.default.createElement("span",null,this.props.backLabel))}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&t.ZIndexUtils.set("menu",this.menuRef.current,this.props.baseZIndex),t.DomHandler.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindDocumentResizeListener(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.unbindScrollListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.menuRef.current),this.setState({level:0})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.visible&&e.isOutsideClicked(t)&&e.hide(t)},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(n){e.state.visible&&!t.DomHandler.isAndroid()&&e.hide(n)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"componentDidUpdate",value:function(e,t){this.props.model!==e.model&&this.setState({level:0})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderElement",value:function(){var e=this,n=t.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":this.props.popup},this.props.className),r=this.renderBackward();return i.default.createElement(t.CSSTransition,{nodeRef:this.menuRef,classNames:"p-connected-overlay",in:!this.props.popup||this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},i.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:n,style:this.props.style,onClick:this.onPanelClick},i.default.createElement("div",{className:"p-slidemenu-wrapper",style:{height:this.props.viewportHeight+"px"}},i.default.createElement("div",{className:"p-slidemenu-content",ref:function(t){return e.slideMenuContent=t}},i.default.createElement(v,{model:this.props.model,root:!0,index:0,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,level:this.state.level,parentActive:0===this.state.level,onForward:this.navigateForward})),r)))}},{key:"render",value:function(){var e=this.renderElement();return this.props.popup?i.default.createElement(t.Portal,{element:e,appendTo:this.props.appendTo}):e}}]),a}();m(b,"defaultProps",{id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null}),exports.SlideMenu=b,exports.SlideMenuSub=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),i=require("primereact/overlayservice"),r=require("primereact/portal"),s=require("primereact/api");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),l=o(s);function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function d(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function v(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=E();return function(){var n,i=b(e);if(t){var r=b(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return v(this,n)}}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(n){f(r,e.Component);var i=k(r);function r(e){var t;return c(this,r),(t=i.call(this,e)).state={activeItem:null},t}return d(r,[{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.setState({activeItem:t}),this.props.onForward()))}},{key:"renderSeparator",value:function(e){return a.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(e){return e.items?a.default.createElement(r,{model:e.items,index:this.props.index+1,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,onForward:this.props.onForward,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,n){var i=this,r=this.state.activeItem===e,s=t.classNames("p-menuitem",{"p-menuitem-active":r,"p-disabled":e.disabled},e.className),o=t.classNames("p-menuitem-icon",e.icon),l="p-submenu-icon pi pi-fw pi-angle-right",u=e.icon&&a.default.createElement("span",{className:o}),c=e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),p=e.items&&a.default.createElement("span",{className:l}),d=this.renderSubmenu(e),m=a.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(t){return i.onItemClick(t,e,n)},"aria-disabled":e.disabled},u,c,p);e.template&&(m=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.onItemClick(t,e,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:o,submenuIconClassName:l,element:m,props:this.props,active:r}));return a.default.createElement("li",{key:e.label+"_"+n,className:s,style:e.style},m,d)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=t.classNames({"p-slidemenu-rootlist":this.props.root,"p-submenu-list":!this.props.root,"p-active-submenu":this.props.parentActive}),n={width:this.props.menuWidth+"px",left:this.props.root?-1*this.props.level*this.props.menuWidth+"px":this.props.menuWidth+"px",transitionProperty:this.props.root?"left":"none",transitionDuration:this.props.effectDuration+"ms",transitionTimingFunction:this.props.easing},i=this.renderItems();return a.default.createElement("ul",{className:e,style:n},i)}}]),r}();y(w,"defaultProps",{model:null,level:0,easing:"ease-out",effectDuration:250,menuWidth:190,parentActive:!1,onForward:null});var g=function(s){f(p,e.Component);var o=k(p);function p(e){var t;return c(this,p),(t=o.call(this,e)).state={level:0,visible:!1},t.navigateBack=t.navigateBack.bind(u(t)),t.navigateForward=t.navigateForward.bind(u(t)),t.onEnter=t.onEnter.bind(u(t)),t.onEntered=t.onEntered.bind(u(t)),t.onExit=t.onExit.bind(u(t)),t.onExited=t.onExited.bind(u(t)),t.onPanelClick=t.onPanelClick.bind(u(t)),t.menuRef=a.default.createRef(),t}return d(p,[{key:"onPanelClick",value:function(e){this.props.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"navigateForward",value:function(){this.setState({level:this.state.level+1})}},{key:"navigateBack",value:function(){this.setState({level:this.state.level-1})}},{key:"renderBackward",value:function(){var e=this,n=t.classNames("p-slidemenu-backward",{"p-hidden":0===this.state.level});return a.default.createElement("div",{ref:function(t){return e.backward=t},className:n,onClick:this.navigateBack},a.default.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),a.default.createElement("span",null,this.props.backLabel))}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&t.ZIndexUtils.set("menu",this.menuRef.current,l.default.autoZIndex,this.props.baseZIndex||l.default.zIndex.menu),t.DomHandler.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindDocumentResizeListener(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.unbindScrollListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.menuRef.current),this.setState({level:0})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.visible&&e.isOutsideClicked(t)&&e.hide(t)},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(n){e.state.visible&&!t.DomHandler.isTouchDevice()&&e.hide(n)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"componentDidUpdate",value:function(e,t){this.props.model!==e.model&&this.setState({level:0})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderElement",value:function(){var e=this,i=t.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":this.props.popup},this.props.className),r=this.renderBackward();return a.default.createElement(n.CSSTransition,{nodeRef:this.menuRef,classNames:"p-connected-overlay",in:!this.props.popup||this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},a.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:i,style:this.props.style,onClick:this.onPanelClick},a.default.createElement("div",{className:"p-slidemenu-wrapper",style:{height:this.props.viewportHeight+"px"}},a.default.createElement("div",{className:"p-slidemenu-content",ref:function(t){return e.slideMenuContent=t}},a.default.createElement(w,{model:this.props.model,root:!0,index:0,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,level:this.state.level,parentActive:0===this.state.level,onForward:this.navigateForward})),r)))}},{key:"render",value:function(){var e=this.renderElement();return this.props.popup?a.default.createElement(r.Portal,{element:e,appendTo:this.props.appendTo}):e}}]),p}();y(g,"defaultProps",{id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null}),exports.SlideMenu=g,exports.SlideMenuSub=w;

package/slidemenu/slidemenu.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
+import { CSSTransitionProps } from '../csstransition';
 
 type SlideMenuAppendToType = 'self' | HTMLElement | undefined | null;
 
@@ -17,7 +18,7 @@ export interface SlideMenuProps {
     autoZIndex?: boolean;
     baseZIndex?: number;
     appendTo?: SlideMenuAppendToType;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onShow?(e: React.SyntheticEvent): void;
     onHide?(e: React.SyntheticEvent): void;
 }

package/slidemenu/slidemenu.esm.js

@@ -1,5 +1,9 @@
 import React, { Component } from 'react';
-import { classNames, ObjectUtils, OverlayService, ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler, CSSTransition, Portal } from 'primereact/core';
+import { classNames, ObjectUtils, ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler } from 'primereact/utils';
+import { CSSTransition } from 'primereact/csstransition';
+import { OverlayService } from 'primereact/overlayservice';
+import { Portal } from 'primereact/portal';
+import PrimeReact from 'primereact/api';
 
 function _assertThisInitialized(self) {
   if (self === void 0) {
@@ -28,6 +32,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -52,23 +59,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -389,7 +393,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
     key: "onEnter",
     value: function onEnter() {
       if (this.props.autoZIndex) {
-        ZIndexUtils.set('menu', this.menuRef.current, this.props.baseZIndex);
+        ZIndexUtils.set('menu', this.menuRef.current, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['menu']);
       }
 
       DomHandler.absolutePosition(this.menuRef.current, this.target);
@@ -444,7 +448,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this9.state.visible && !DomHandler.isAndroid()) {
+          if (_this9.state.visible && !DomHandler.isTouchDevice()) {
             _this9.hide(event);
           }
         };
@@ -524,7 +528,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
       return /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: this.menuRef,
         classNames: "p-connected-overlay",
-        in: !this.props.popup || this.state.visible,
+        "in": !this.props.popup || this.state.visible,
         timeout: {
           enter: 120,
           exit: 100

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{classNames as n,ObjectUtils as i,OverlayService as r,ZIndexUtils as o,DomHandler as s,ConnectedOverlayScrollHandler as l,CSSTransition as a,Portal as u}from"primereact/core";function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function m(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}function v(e){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function b(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function y(e){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=w();return function(){var n,i=y(e);if(t){var r=y(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return b(this,n)}}function w(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var g=function(r){f(s,t);var o=E(s);function s(e){var t;return p(this,s),(t=o.call(this,e)).state={activeItem:null},t}return m(s,[{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.setState({activeItem:t}),this.props.onForward()))}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(t){return t.items?e.createElement(s,{model:t.items,index:this.props.index+1,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,onForward:this.props.onForward,parentActive:t===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(t,r){var o=this,s=this.state.activeItem===t,l=n("p-menuitem",{"p-menuitem-active":s,"p-disabled":t.disabled},t.className),a=n("p-menuitem-icon",t.icon),u="p-submenu-icon pi pi-fw pi-angle-right",c=t.icon&&e.createElement("span",{className:a}),p=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),d=t.items&&e.createElement("span",{className:u}),m=this.renderSubmenu(t),h=e.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return o.onItemClick(e,t,r)},"aria-disabled":t.disabled},c,p,d);t.template&&(h=i.getJSXElement(t.template,t,{onClick:function(e){return o.onItemClick(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:u,element:h,props:this.props,active:s}));return e.createElement("li",{key:t.label+"_"+r,className:l,style:t.style},h,m)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var t=n({"p-slidemenu-rootlist":this.props.root,"p-submenu-list":!this.props.root,"p-active-submenu":this.props.parentActive}),i={width:this.props.menuWidth+"px",left:this.props.root?-1*this.props.level*this.props.menuWidth+"px":this.props.menuWidth+"px",transitionProperty:this.props.root?"left":"none",transitionDuration:this.props.effectDuration+"ms",transitionTimingFunction:this.props.easing},r=this.renderItems();return e.createElement("ul",{className:t,style:i},r)}}]),s}();k(g,"defaultProps",{model:null,level:0,easing:"ease-out",effectDuration:250,menuWidth:190,parentActive:!1,onForward:null});var L=function(i){f(h,t);var d=E(h);function h(t){var n;return p(this,h),(n=d.call(this,t)).state={level:0,visible:!1},n.navigateBack=n.navigateBack.bind(c(n)),n.navigateForward=n.navigateForward.bind(c(n)),n.onEnter=n.onEnter.bind(c(n)),n.onEntered=n.onEntered.bind(c(n)),n.onExit=n.onExit.bind(c(n)),n.onExited=n.onExited.bind(c(n)),n.onPanelClick=n.onPanelClick.bind(c(n)),n.menuRef=e.createRef(),n}return m(h,[{key:"onPanelClick",value:function(e){this.props.popup&&r.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"navigateForward",value:function(){this.setState({level:this.state.level+1})}},{key:"navigateBack",value:function(){this.setState({level:this.state.level-1})}},{key:"renderBackward",value:function(){var t=this,i=n("p-slidemenu-backward",{"p-hidden":0===this.state.level});return e.createElement("div",{ref:function(e){return t.backward=e},className:i,onClick:this.navigateBack},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,this.props.backLabel))}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&o.set("menu",this.menuRef.current,this.props.baseZIndex),s.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindDocumentResizeListener(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.unbindScrollListener()}},{key:"onExited",value:function(){o.clear(this.menuRef.current),this.setState({level:0})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.visible&&e.isOutsideClicked(t)&&e.hide(t)},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!s.isAndroid()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new l(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"componentDidUpdate",value:function(e,t){this.props.model!==e.model&&this.setState({level:0})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),o.clear(this.menuRef.current)}},{key:"renderElement",value:function(){var t=this,i=n("p-slidemenu p-component",{"p-slidemenu-overlay":this.props.popup},this.props.className),r=this.renderBackward();return e.createElement(a,{nodeRef:this.menuRef,classNames:"p-connected-overlay",in:!this.props.popup||this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.menuRef,id:this.props.id,className:i,style:this.props.style,onClick:this.onPanelClick},e.createElement("div",{className:"p-slidemenu-wrapper",style:{height:this.props.viewportHeight+"px"}},e.createElement("div",{className:"p-slidemenu-content",ref:function(e){return t.slideMenuContent=e}},e.createElement(g,{model:this.props.model,root:!0,index:0,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,level:this.state.level,parentActive:0===this.state.level,onForward:this.navigateForward})),r)))}},{key:"render",value:function(){var t=this.renderElement();return this.props.popup?e.createElement(u,{element:t,appendTo:this.props.appendTo}):t}}]),h}();k(L,"defaultProps",{id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null});export{L as SlideMenu,g as SlideMenuSub};
+import e,{Component as t}from"react";import{classNames as n,ObjectUtils as i,ZIndexUtils as r,DomHandler as o,ConnectedOverlayScrollHandler as s}from"primereact/utils";import{CSSTransition as a}from"primereact/csstransition";import{OverlayService as l}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import c from"primereact/api";function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function h(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){var t=g();return function(){var n,i=k(e);if(t){var r=k(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return y(this,n)}}function g(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(r){v(s,t);var o=w(s);function s(e){var t;return m(this,s),(t=o.call(this,e)).state={activeItem:null},t}return h(s,[{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.setState({activeItem:t}),this.props.onForward()))}},{key:"renderSeparator",value:function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(t){return t.items?e.createElement(s,{model:t.items,index:this.props.index+1,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,onForward:this.props.onForward,parentActive:t===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(t,r){var o=this,s=this.state.activeItem===t,a=n("p-menuitem",{"p-menuitem-active":s,"p-disabled":t.disabled},t.className),l=n("p-menuitem-icon",t.icon),u="p-submenu-icon pi pi-fw pi-angle-right",c=t.icon&&e.createElement("span",{className:l}),p=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),m=t.items&&e.createElement("span",{className:u}),d=this.renderSubmenu(t),h=e.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return o.onItemClick(e,t,r)},"aria-disabled":t.disabled},c,p,m);t.template&&(h=i.getJSXElement(t.template,t,{onClick:function(e){return o.onItemClick(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:l,submenuIconClassName:u,element:h,props:this.props,active:s}));return e.createElement("li",{key:t.label+"_"+r,className:a,style:t.style},h,d)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var t=n({"p-slidemenu-rootlist":this.props.root,"p-submenu-list":!this.props.root,"p-active-submenu":this.props.parentActive}),i={width:this.props.menuWidth+"px",left:this.props.root?-1*this.props.level*this.props.menuWidth+"px":this.props.menuWidth+"px",transitionProperty:this.props.root?"left":"none",transitionDuration:this.props.effectDuration+"ms",transitionTimingFunction:this.props.easing},r=this.renderItems();return e.createElement("ul",{className:t,style:i},r)}}]),s}();E(L,"defaultProps",{model:null,level:0,easing:"ease-out",effectDuration:250,menuWidth:190,parentActive:!1,onForward:null});var x=function(i){v(f,t);var d=w(f);function f(t){var n;return m(this,f),(n=d.call(this,t)).state={level:0,visible:!1},n.navigateBack=n.navigateBack.bind(p(n)),n.navigateForward=n.navigateForward.bind(p(n)),n.onEnter=n.onEnter.bind(p(n)),n.onEntered=n.onEntered.bind(p(n)),n.onExit=n.onExit.bind(p(n)),n.onExited=n.onExited.bind(p(n)),n.onPanelClick=n.onPanelClick.bind(p(n)),n.menuRef=e.createRef(),n}return h(f,[{key:"onPanelClick",value:function(e){this.props.popup&&l.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"navigateForward",value:function(){this.setState({level:this.state.level+1})}},{key:"navigateBack",value:function(){this.setState({level:this.state.level-1})}},{key:"renderBackward",value:function(){var t=this,i=n("p-slidemenu-backward",{"p-hidden":0===this.state.level});return e.createElement("div",{ref:function(e){return t.backward=e},className:i,onClick:this.navigateBack},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,this.props.backLabel))}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&r.set("menu",this.menuRef.current,c.autoZIndex,this.props.baseZIndex||c.zIndex.menu),o.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindDocumentResizeListener(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.unbindScrollListener()}},{key:"onExited",value:function(){r.clear(this.menuRef.current),this.setState({level:0})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.visible&&e.isOutsideClicked(t)&&e.hide(t)},document.addEventListener("click",this.documentClickListener))}},{key:"isOutsideClicked",value:function(e){return this.menuRef&&this.menuRef.current&&!(this.menuRef.current.isSameNode(e.target)||this.menuRef.current.contains(e.target))}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(t){e.state.visible&&!o.isTouchDevice()&&e.hide(t)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new s(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"componentDidUpdate",value:function(e,t){this.props.model!==e.model&&this.setState({level:0})}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),r.clear(this.menuRef.current)}},{key:"renderElement",value:function(){var t=this,i=n("p-slidemenu p-component",{"p-slidemenu-overlay":this.props.popup},this.props.className),r=this.renderBackward();return e.createElement(a,{nodeRef:this.menuRef,classNames:"p-connected-overlay",in:!this.props.popup||this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.menuRef,id:this.props.id,className:i,style:this.props.style,onClick:this.onPanelClick},e.createElement("div",{className:"p-slidemenu-wrapper",style:{height:this.props.viewportHeight+"px"}},e.createElement("div",{className:"p-slidemenu-content",ref:function(e){return t.slideMenuContent=e}},e.createElement(L,{model:this.props.model,root:!0,index:0,menuWidth:this.props.menuWidth,effectDuration:this.props.effectDuration,level:this.state.level,parentActive:0===this.state.level,onForward:this.navigateForward})),r)))}},{key:"render",value:function(){var t=this.renderElement();return this.props.popup?e.createElement(u,{element:t,appendTo:this.props.appendTo}):t}}]),f}();E(x,"defaultProps",{id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null});export{x as SlideMenu,L as SlideMenuSub};