primereact 9.4.0 → 9.6.0

package/slidemenu/slidemenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, utils, angleright, chevronleft) {
+this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition, hooks, chevronleft, overlayservice, portal, utils, componentbase, angleright) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,19 +25,45 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    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 _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayWithHoles(arr) {
@@ -95,7 +121,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var SlideMenuBase = {
+  var SlideMenuBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'SlideMenu',
       appendTo: null,
@@ -118,58 +144,11 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       transitionOptions: null,
       viewportHeight: 175,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, SlideMenuBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, SlideMenuBase.defaultProps);
-    }
-  };
-
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    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 _toPrimitive(input, hint) {
-    if (_typeof(input) !== "object" || input === null) return input;
-    var prim = input[Symbol.toPrimitive];
-    if (prim !== undefined) {
-      var res = prim.call(input, hint || "default");
-      if (_typeof(res) !== "object") return res;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return (hint === "string" ? String : Number)(input);
-  }
-
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return _typeof(key) === "symbol" ? key : String(key);
-  }
-
-  function _defineProperty(obj, key, value) {
-    key = _toPropertyKey(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
     }
-    return obj;
-  }
+  });
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -179,6 +158,13 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       renderSubMenu = _React$useState4[0],
       setRenderSubMenu = _React$useState4[1];
+    var getPTOptions = function getPTOptions(item, key) {
+      return props.ptm(key, {
+        context: {
+          active: activeItemState === item
+        }
+      });
+    };
     var onItemClick = function onItemClick(event, item, index) {
       if (item.disabled) {
         event.preventDefault();
@@ -195,17 +181,18 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       }
       if (item.items) {
         var key = createKey(item, index);
-        setRenderSubMenu(_objectSpread(_objectSpread({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+        setRenderSubMenu(_objectSpread$1(_objectSpread$1({}, renderSubMenu), {}, _defineProperty({}, key, true)));
         setActiveItemState(item);
         props.onForward();
       }
     };
     var createSeparator = function createSeparator(index) {
       var key = 'separator_' + index;
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var separatorProps = utils.mergeProps({
         key: key,
-        className: "p-menu-separator"
-      });
+        className: 'p-slidemenu-separator'
+      }, props.ptm('separator'));
+      return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
     };
     var createSubmenu = function createSubmenu(item, index) {
       var shouldRender = renderSubMenu[createKey(item, index)];
@@ -218,7 +205,8 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
           effectDuration: props.effectDuration,
           onForward: props.onForward,
           parentActive: item === activeItemState,
-          submenuIcon: props.submenuIcon
+          submenuIcon: props.submenuIcon,
+          ptm: props.ptm
         });
       }
       return null;
@@ -237,32 +225,34 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         'p-disabled': item.disabled
       }, item.className);
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var icon = utils.IconUtils.getJSXIcon(item.icon, {
+      var iconProps = utils.mergeProps({
         className: 'p-menuitem-icon'
-      }, {
+      }, getPTOptions(item, 'icon'));
+      var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
         props: props.menuProps
       });
       var submenuIconClassName = 'p-submenu-icon';
-      var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
+      var submenuIconProps = utils.mergeProps({
         className: submenuIconClassName
-      }), {
-        className: submenuIconClassName
-      }, {
+      }, getPTOptions(item, 'submenuIcon'));
+      var labelProps = utils.mergeProps({
+        className: 'p-menuitem-text'
+      }, getPTOptions(item, 'label'));
+      var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps), _objectSpread$1({}, submenuIconProps), {
         props: props
       });
-      var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-menuitem-text"
-      }, item.label);
+      var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
       var submenu = createSubmenu(item, index);
-      var content = /*#__PURE__*/React__namespace.createElement("a", {
+      var actionProps = utils.mergeProps({
         href: item.url || '#',
-        className: "p-menuitem-link",
+        className: 'p-menuitem-link',
         target: item.target,
         onClick: function onClick(event) {
           return onItemClick(event, item, index);
         },
-        "aria-disabled": item.disabled
-      }, icon, label, submenuIcon);
+        'aria-disabled': item.disabled
+      }, getPTOptions(item, 'action'));
+      var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon, label, submenuIcon);
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -278,12 +268,13 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      return /*#__PURE__*/React__namespace.createElement("li", {
-        key: key,
+      var menuitemProps = utils.mergeProps({
         id: item.id,
+        key: key,
         className: className,
         style: item.style
-      }, content, submenu);
+      }, getPTOptions(item, 'menuitem'));
+      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content, submenu);
     };
     var createItem = function createItem(item, index) {
       return item.separator ? createSeparator(index) : createMenuitem(item, index);
@@ -304,15 +295,19 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       'p-active-submenu': props.parentActive
     });
     var items = createItems();
-    return /*#__PURE__*/React__namespace.createElement("ul", {
+    var menuProps = utils.mergeProps({
       className: className,
       style: style
-    }, items);
+    }, props.ptm('menu'));
+    return /*#__PURE__*/React__namespace.createElement("ul", menuProps, items);
   });
   SlideMenuSub.displayName = 'SlideMenuSub';
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = SlideMenuBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = SlideMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       levelState = _React$useState2[0],
@@ -321,6 +316,14 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       visibleState = _React$useState4[0],
       setVisibleState = _React$useState4[1];
+    var _SlideMenuBase$setMet = SlideMenuBase.setMetaData({
+        props: props,
+        state: {
+          visible: visibleState,
+          level: levelState
+        }
+      }),
+      ptm = _SlideMenuBase$setMet.ptm;
     var menuRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
     var backward = React__namespace.useRef(null);
@@ -372,7 +375,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     };
     var onEnter = function onEnter() {
       if (props.autoZIndex) {
-        utils.ZIndexUtils.set('menu', menuRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
+        utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
       }
       utils.DomHandler.absolutePosition(menuRef.current, targetRef.current);
     };
@@ -417,22 +420,24 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         'p-hidden': levelState === 0
       });
       var iconClassName = 'p-slidemenu-backward-icon';
-      var icon = props.backIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
-        className: iconClassName
-      });
-      var backIcon = utils.IconUtils.getJSXIcon(icon, {
+      var previousIconProps = utils.mergeProps({
         className: iconClassName
-      }, {
+      }, ptm('previousIcon'));
+      var icon = props.backIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousIconProps);
+      var backIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, previousIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var previousLabelProps = utils.mergeProps(ptm('previousLabel'));
+      var previousProps = utils.mergeProps({
         ref: backward,
         className: className,
-        onClick: navigateBack
-      }, backIcon, /*#__PURE__*/React__namespace.createElement("span", null, props.backLabel));
+        onClick: function onClick(e) {
+          return navigateBack();
+        }
+      }, ptm('previous'));
+      return /*#__PURE__*/React__namespace.createElement("div", previousProps, backIcon, /*#__PURE__*/React__namespace.createElement("span", previousLabelProps, props.backLabel));
     };
     var createElement = function createElement() {
-      var otherProps = SlideMenuBase.getOtherProps(props);
       var className = utils.classNames('p-slidemenu p-component', {
         'p-slidemenu-overlay': props.popup
       }, props.className);
@@ -440,6 +445,23 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         height: props.viewportHeight + 'px'
       };
       var backward = createBackward();
+      var rootProps = utils.mergeProps({
+        ref: menuRef,
+        id: props.id,
+        className: className,
+        style: props.style,
+        onClick: function onClick(e) {
+          return onPanelClick(e);
+        }
+      }, SlideMenuBase.getOtherProps(props), ptm('root'));
+      var wrapperProps = utils.mergeProps({
+        className: 'p-slidemenu-wrapper',
+        style: wrapperStyle
+      }, ptm('wrapper'));
+      var contentProps = utils.mergeProps({
+        ref: slideMenuContent,
+        className: 'p-slidemenu-content'
+      }, ptm('content'));
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: menuRef,
         classNames: "p-connected-overlay",
@@ -454,20 +476,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         onEntered: onEntered,
         onExit: onExit,
         onExited: onExited
-      }, /*#__PURE__*/React__namespace.createElement("div", _extends({
-        ref: menuRef,
-        id: props.id,
-        className: className,
-        style: props.style
-      }, otherProps, {
-        onClick: onPanelClick
-      }), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-slidemenu-wrapper",
-        style: wrapperStyle
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-slidemenu-content",
-        ref: slideMenuContent
-      }, /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
+      }, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
         menuProps: props,
         model: props.model,
         root: true,
@@ -477,7 +486,8 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         level: levelState,
         parentActive: levelState === 0,
         onForward: navigateForward,
-        submenuIcon: props.submenuIcon
+        submenuIcon: props.submenuIcon,
+        ptm: ptm
       })), backward)));
     };
     var element = createElement();
@@ -494,4 +504,4 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons.angleright, primereact.icons.chevronleft);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.icons.chevronleft, primereact.overlayservice, primereact.portal, primereact.utils, primereact.componentbase, primereact.icons.angleright);

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,o,i,a,u,l,c){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),f=s(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return b(e)||v(e,t)||g(e,t)||h()}var S={defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,S.defaultProps)}};function E(e){return E="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(e)}function N(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=N(e,"string");return"symbol"===E(t)?t:String(t)}function w(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=p.memo((function(e){var t=O(p.useState(null),2),n=t[0],r=t[1],o=O(p.useState({}),2),i=o[0],a=o[1],c=function(t,n,o){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var u=f(n,o);a(I(I({},i),{},w({},u,!0))),r(n),e.onForward()}},s=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var o=i[f(t,r)];return t.items&&o?p.createElement(x,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n,submenuIcon:e.submenuIcon}):null},f=function(e,t){return e.label+"_"+t},d=function(t,r){if(!1===t.visible)return null;var o=f(t,r),i=n===t,a=u.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),s=u.classNames("p-menuitem-icon",t.icon),d=u.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b="p-submenu-icon",v=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(l.AngleRightIcon,{className:b}),{className:b},{props:e}),y=t.label&&p.createElement("span",{className:"p-menuitem-text"},t.label),g=m(t,r),h=p.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return c(e,t,r)},"aria-disabled":t.disabled},d,y,v);t.template&&(h=u.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return c(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:b,element:h,props:e,active:i}));return p.createElement("li",{key:o,id:t.id,className:a,style:t.style},h,g)},b=function(e,t){return e.separator?s(t):d(e,t)},v={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},y=u.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),g=e.model?e.model.map(b):null;return p.createElement("ul",{className:y,style:v},g)}));x.displayName="SlideMenuSub";var k=p.memo(p.forwardRef((function(e,t){var n=S.getProps(e),l=O(p.useState(0),2),s=l[0],m=l[1],b=O(p.useState(!1),2),v=b[0],y=b[1],g=p.useRef(null),h=p.useRef(null),E=p.useRef(null),N=p.useRef(null),j=O(o.useOverlayListener({target:h,overlay:g,listener:function(e,t){t.valid&&C(e)},when:v}),2),w=j[0],P=j[1],I=function(e){n.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},k=function(){m((function(e){return e+1}))},D=function(){m((function(e){return e-1}))},U=function(e){n.popup&&(v?C(e):A(e))},A=function(e){h.current=e.currentTarget,y(!0),n.onShow&&n.onShow(e)},C=function(e){h.current=e.currentTarget,y(!1),n.onHide&&n.onHide(e)},T=function(){n.autoZIndex&&u.ZIndexUtils.set("menu",g.current,f.default.autoZIndex,n.baseZIndex||f.default.zIndex.menu),u.DomHandler.absolutePosition(g.current,h.current)},M=function(){w()},R=function(){h.current=null,P()},W=function(){u.ZIndexUtils.clear(g.current),m(0)};o.useUpdateEffect((function(){m(0)}),[n.model]),o.useUpdateEffect((function(){n.onNavigate&&n.onNavigate({level:s})}),[s]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(g.current)})),p.useImperativeHandle(t,(function(){return{props:n,toggle:U,show:A,hide:C,navigateForward:k,navigateBack:D,setLevelState:m,getElement:function(){return g.current}}}));var Z=function(){var e=u.classNames("p-slidemenu-backward",{"p-hidden":0===s}),t="p-slidemenu-backward-icon",r=u.IconUtils.getJSXIcon(n.backIcon||p.createElement(c.ChevronLeftIcon,{className:t}),{className:t},{props:n});return p.createElement("div",{ref:E,className:e,onClick:D},r,p.createElement("span",null,n.backLabel))},_=function(){var e=S.getOtherProps(n),t=u.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className),o={height:n.viewportHeight+"px"},i=Z();return p.createElement(r.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:!n.popup||v,timeout:{enter:120,exit:100},options:n.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:M,onExit:R,onExited:W},p.createElement("div",d({ref:g,id:n.id,className:t,style:n.style},e,{onClick:I}),p.createElement("div",{className:"p-slidemenu-wrapper",style:o},p.createElement("div",{className:"p-slidemenu-content",ref:N},p.createElement(x,{menuProps:n,model:n.model,root:!0,index:0,menuWidth:n.menuWidth,effectDuration:n.effectDuration,level:s,parentActive:0===s,onForward:k,submenuIcon:n.submenuIcon})),i)))}();return n.popup?p.createElement(a.Portal,{element:_,appendTo:n.appendTo}):_})));return k.displayName="SlideMenu",e.SlideMenu=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.icons.chevronleft);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,o,i,a,u,l,c,s){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=p(t),d=m(n);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 v(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=v(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return O(e)||h(e,t)||j(e,t)||w()}var E=c.ComponentBase.extend({defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,backIcon:null,backLabel:"Back",baseZIndex:0,className:null,easing:"ease-out",effectDuration:250,id:null,menuWidth:190,model:null,onHide:null,onShow:null,onNavigate:null,popup:!1,style:null,submenuIcon:null,transitionOptions:null,viewportHeight:175,children:void 0}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=f.memo((function(e){var t=S(f.useState(null),2),n=t[0],r=t[1],o=S(f.useState({}),2),i=o[0],a=o[1],u=function(t,r){return e.ptm(r,{context:{active:n===t}})},c=function(t,n,o){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var u=d(n,o);a(N(N({},i),{},g({},u,!0))),r(n),e.onForward()}},m=function(t){var n=l.mergeProps({key:"separator_"+t,className:"p-slidemenu-separator"},e.ptm("separator"));return f.createElement("li",n)},p=function(t,r){var o=i[d(t,r)];return t.items&&o?f.createElement(x,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},d=function(e,t){return e.label+"_"+t},b=function(t,r){if(!1===t.visible)return null;var o=d(t,r),i=n===t,a=l.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),m=l.classNames("p-menuitem-icon",t.icon),b=l.mergeProps({className:"p-menuitem-icon"},u(t,"icon")),v=l.IconUtils.getJSXIcon(t.icon,N({},b),{props:e.menuProps}),y="p-submenu-icon",g=l.mergeProps({className:y},u(t,"submenuIcon")),O=l.mergeProps({className:"p-menuitem-text"},u(t,"label")),h=t.items&&l.IconUtils.getJSXIcon(e.submenuIcon||f.createElement(s.AngleRightIcon,g),N({},g),{props:e}),P=t.label&&f.createElement("span",O,t.label),j=p(t,r),w=l.mergeProps({href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return c(e,t,r)},"aria-disabled":t.disabled},u(t,"action")),S=f.createElement("a",w,v,P,h);t.template&&(S=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return c(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:y,element:S,props:e,active:i}));var E=l.mergeProps({id:t.id,key:o,className:a,style:t.style},u(t,"menuitem"));return f.createElement("li",E,S,j)},v=function(e,t){return e.separator?m(t):b(e,t)},y={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},O=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),h=e.model?e.model.map(v):null,P=l.mergeProps({className:O,style:y},e.ptm("menu"));return f.createElement("ul",P,h)}));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="SlideMenuSub";var C=f.memo(f.forwardRef((function(e,t){var c=f.useContext(n.PrimeReactContext),s=E.getProps(e,c),m=S(f.useState(0),2),p=m[0],b=m[1],v=S(f.useState(!1),2),y=v[0],g=v[1],O=E.setMetaData({props:s,state:{visible:y,level:p}}).ptm,h=f.useRef(null),P=f.useRef(null),j=f.useRef(null),w=f.useRef(null),I=S(o.useOverlayListener({target:P,overlay:h,listener:function(e,t){t.valid&&R(e)},when:y}),2),N=I[0],k=I[1],C=function(){b((function(e){return e+1}))},U=function(){b((function(e){return e-1}))},A=function(e){s.popup&&(y?R(e):T(e))},T=function(e){P.current=e.currentTarget,g(!0),s.onShow&&s.onShow(e)},R=function(e){P.current=e.currentTarget,g(!1),s.onHide&&s.onHide(e)},Z=function(){s.autoZIndex&&l.ZIndexUtils.set("menu",h.current,c&&c.autoZIndex||d.default.autoZIndex,s.baseZIndex||c&&c.zIndex.menu||d.default.zIndex.menu),l.DomHandler.absolutePosition(h.current,P.current)},M=function(){N()},W=function(){P.current=null,k()},_=function(){l.ZIndexUtils.clear(h.current),b(0)};o.useUpdateEffect((function(){b(0)}),[s.model]),o.useUpdateEffect((function(){s.onNavigate&&s.onNavigate({level:p})}),[p]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(h.current)})),f.useImperativeHandle(t,(function(){return{props:s,toggle:A,show:T,hide:R,navigateForward:C,navigateBack:U,setLevelState:b,getElement:function(){return h.current}}}));var H=function(){var e=l.classNames("p-slidemenu-backward",{"p-hidden":0===p}),t=l.mergeProps({className:"p-slidemenu-backward-icon"},O("previousIcon")),n=l.IconUtils.getJSXIcon(s.backIcon||f.createElement(i.ChevronLeftIcon,t),D({},t),{props:s}),r=l.mergeProps(O("previousLabel")),o=l.mergeProps({ref:j,className:e,onClick:function(e){return U()}},O("previous"));return f.createElement("div",o,n,f.createElement("span",r,s.backLabel))},F=function(){var e=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":s.popup},s.className),t={height:s.viewportHeight+"px"},n=H(),o=l.mergeProps({ref:h,id:s.id,className:e,style:s.style,onClick:function(e){return t=e,void(s.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:P.current}));var t}},E.getOtherProps(s),O("root")),i=l.mergeProps({className:"p-slidemenu-wrapper",style:t},O("wrapper")),u=l.mergeProps({ref:w,className:"p-slidemenu-content"},O("content"));return f.createElement(r.CSSTransition,{nodeRef:h,classNames:"p-connected-overlay",in:!s.popup||y,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntered:M,onExit:W,onExited:_},f.createElement("div",o,f.createElement("div",i,f.createElement("div",u,f.createElement(x,{menuProps:s,model:s.model,root:!0,index:0,menuWidth:s.menuWidth,effectDuration:s.effectDuration,level:p,parentActive:0===p,onForward:C,submenuIcon:s.submenuIcon,ptm:O})),n)))}();return s.popup?f.createElement(u.Portal,{element:F,appendTo:s.appendTo}):F})));return C.displayName="SlideMenu",e.SlideMenu=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.componentbase,primereact.icons.angleright);

package/slider/slider.cjs.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -26,19 +28,45 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  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 _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayLikeToArray(arr, len) {
@@ -112,7 +140,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var SliderBase = {
+var SliderBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Slider',
     id: null,
@@ -129,17 +157,14 @@ var SliderBase = {
     onChange: null,
     onSlideEnd: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, SliderBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, SliderBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = SliderBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = SliderBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
   var handleIndex = React__namespace.useRef(0);
   var sliderHandleClick = React__namespace.useRef(false);
@@ -187,6 +212,10 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     _useEventListener8 = _slicedToArray(_useEventListener7, 2),
     bindDocumentTouchEndListener = _useEventListener8[0],
     unbindDocumentTouchEndListener = _useEventListener8[1];
+  var _SliderBase$setMetaDa = SliderBase.setMetaData({
+      props: props
+    }),
+    ptm = _SliderBase$setMetaDa.ptm;
   var spin = function spin(event, dir) {
     var val = props.range ? value[handleIndex.current] : value;
     var step = (props.step || 1) * dir;
@@ -321,11 +350,11 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       'p-slider-handle-end': index === 1,
       'p-slider-handle-active': handleIndex.current === index
     });
-    return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    var handleProps = utils.mergeProps(_objectSpread({
       className: className,
       style: style,
       tabIndex: props.tabIndex,
-      role: "slider",
+      role: 'slider',
       onMouseDown: function onMouseDown(event) {
         return _onMouseDown(event, index);
       },
@@ -335,11 +364,12 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       onKeyDown: function onKeyDown(event) {
         return _onKeyDown(event, index);
       },
-      "aria-valuemin": props.min,
-      "aria-valuemax": props.max,
-      "aria-valuenow": leftValue || bottomValue,
-      "aria-orientation": props.orientation
-    }, ariaProps));
+      'aria-valuemin': props.min,
+      'aria-valuemax': props.max,
+      'aria-valuenow': leftValue || bottomValue,
+      'aria-orientation': props.orientation
+    }, ariaProps), ptm('handle'));
+    return /*#__PURE__*/React__namespace.createElement("span", handleProps);
   };
   var createRangeSlider = function createRangeSlider() {
     var handleValueStart = (value[0] < props.min ? props.min : value[0] - props.min) * 100 / (props.max - props.min);
@@ -355,10 +385,11 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       bottom: rangeSliderPosition + '%',
       height: rangeSliderWidth + '%'
     };
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-slider-range",
+    var rangeProps = utils.mergeProps({
+      className: 'p-slider-range',
       style: rangeStyle
-    }), rangeStartHandle, rangeEndHandle);
+    }, ptm('range'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", rangeProps), rangeStartHandle, rangeEndHandle);
   };
   var createSingleSlider = function createSingleSlider() {
     var handleValue;
@@ -369,10 +400,11 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       height: handleValue + '%'
     };
     var handle = horizontal ? createHandle(handleValue, null, null) : createHandle(null, handleValue, null);
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-slider-range",
+    var rangeProps = utils.mergeProps({
+      className: 'p-slider-range',
       style: rangeStyle
-    }), handle);
+    }, ptm('range'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", rangeProps), handle);
   };
   React__namespace.useImperativeHandle(ref, function () {
     return {
@@ -390,14 +422,14 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     'p-slider-vertical': vertical
   });
   var content = props.range ? createRangeSlider() : createSingleSlider();
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     id: props.id,
     style: props.style,
-    className: className
-  }, otherProps, {
+    className: className,
     onClick: onBarClick
-  }), content);
+  }, SliderBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, content);
 }));
 Slider.displayName = 'Slider';