primereact 9.2.2 → 9.3.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) {
+this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, utils, angleright, chevronleft) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -100,6 +100,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       __TYPE: 'SlideMenu',
       appendTo: null,
       autoZIndex: true,
+      backIcon: null,
       backLabel: 'Back',
       baseZIndex: 0,
       className: null,
@@ -113,6 +114,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       onNavigate: null,
       popup: false,
       style: null,
+      submenuIcon: null,
       transitionOptions: null,
       viewportHeight: 175,
       children: undefined
@@ -215,7 +217,8 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
           menuWidth: props.menuWidth,
           effectDuration: props.effectDuration,
           onForward: props.onForward,
-          parentActive: item === activeItemState
+          parentActive: item === activeItemState,
+          submenuIcon: props.submenuIcon
         });
       }
       return null;
@@ -234,18 +237,22 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         'p-disabled': item.disabled
       }, item.className);
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var submenuIconClassName = 'p-submenu-icon pi pi-fw pi-angle-right';
       var icon = utils.IconUtils.getJSXIcon(item.icon, {
         className: 'p-menuitem-icon'
       }, {
         props: props.menuProps
       });
+      var submenuIconClassName = 'p-submenu-icon';
+      var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
+        className: submenuIconClassName
+      }), {
+        className: submenuIconClassName
+      }, {
+        props: props
+      });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
       }, item.label);
-      var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
-        className: submenuIconClassName
-      });
       var submenu = createSubmenu(item, index);
       var content = /*#__PURE__*/React__namespace.createElement("a", {
         href: item.url || '#',
@@ -409,13 +416,20 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       var className = utils.classNames('p-slidemenu-backward', {
         '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, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: backward,
         className: className,
         onClick: navigateBack
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-slidemenu-backward-icon pi pi-fw pi-chevron-left"
-      }), /*#__PURE__*/React__namespace.createElement("span", null, props.backLabel));
+      }, backIcon, /*#__PURE__*/React__namespace.createElement("span", null, props.backLabel));
     };
     var createElement = function createElement() {
       var otherProps = SlideMenuBase.getOtherProps(props);
@@ -462,7 +476,8 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         effectDuration: props.effectDuration,
         level: levelState,
         parentActive: levelState === 0,
-        onForward: navigateForward
+        onForward: navigateForward,
+        submenuIcon: props.submenuIcon
       })), backward)));
     };
     var element = createElement();
@@ -479,4 +494,4 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons/angleright, primereact.icons/chevronleft);

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,i,o,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(t),m=u(n);function p(){return p=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},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}function b(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 v(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){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 g(e,t){return f(e)||d(e,t)||v(e,t)||y()}var h={defaultProps:{__TYPE:"SlideMenu",appendTo:null,autoZIndex:!0,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,transitionOptions:null,viewportHeight:175,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,h.defaultProps)}};function O(e){return O="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},O(e)}function w(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=w(e,"string");return"symbol"===O(t)?t:String(t)}function S(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=s.memo((function(e){var t=g(s.useState(null),2),n=t[0],r=t[1],i=g(s.useState({}),2),o=i[0],a=i[1],u=function(t,n,i){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var l=p(n,i);a(P(P({},o),{},S({},l,!0))),r(n),e.onForward()}},c=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var i=o[p(t,r)];return t.items&&i?s.createElement(N,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){if(!1===t.visible)return null;var i=p(t,r),o=n===t,a=l.classNames("p-menuitem",{"p-menuitem-active":o,"p-disabled":t.disabled},t.className),c=l.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&s.createElement("span",{className:f}),y=m(t,r),g=s.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:f,element:g,props:e,active:o}));return s.createElement("li",{key:i,id:t.id,className:a,style:t.style},g,y)},d=function(e,t){return e.separator?c(t):f(e,t)},b={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},v=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),y=e.model?e.model.map(d):null;return s.createElement("ul",{className:v,style:b},y)}));N.displayName="SlideMenuSub";var x=s.memo(s.forwardRef((function(e,t){var n=h.getProps(e),u=g(s.useState(0),2),c=u[0],f=u[1],d=g(s.useState(!1),2),b=d[0],v=d[1],y=s.useRef(null),O=s.useRef(null),w=s.useRef(null),E=s.useRef(null),S=g(i.useOverlayListener({target:O,overlay:y,listener:function(e,t){t.valid&&T(e)},when:b}),2),j=S[0],P=S[1],x=function(e){n.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},k=function(){f((function(e){return e+1}))},D=function(){f((function(e){return e-1}))},I=function(e){n.popup&&(b?T(e):U(e))},U=function(e){O.current=e.currentTarget,v(!0),n.onShow&&n.onShow(e)},T=function(e){O.current=e.currentTarget,v(!1),n.onHide&&n.onHide(e)},A=function(){n.autoZIndex&&l.ZIndexUtils.set("menu",y.current,m.default.autoZIndex,n.baseZIndex||m.default.zIndex.menu),l.DomHandler.absolutePosition(y.current,O.current)},C=function(){j()},M=function(){O.current=null,P()},W=function(){l.ZIndexUtils.clear(y.current),f(0)};i.useUpdateEffect((function(){f(0)}),[n.model]),i.useUpdateEffect((function(){n.onNavigate&&n.onNavigate({level:c})}),[c]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(y.current)})),s.useImperativeHandle(t,(function(){return{props:n,toggle:I,show:U,hide:T,navigateForward:k,navigateBack:D,setLevelState:f,getElement:function(){return y.current}}}));var Z=function(){var e=l.classNames("p-slidemenu-backward",{"p-hidden":0===c});return s.createElement("div",{ref:w,className:e,onClick:D},s.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),s.createElement("span",null,n.backLabel))},_=function(){var e=h.getOtherProps(n),t=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className),i={height:n.viewportHeight+"px"},o=Z();return s.createElement(r.CSSTransition,{nodeRef:y,classNames:"p-connected-overlay",in:!n.popup||b,timeout:{enter:120,exit:100},options:n.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:C,onExit:M,onExited:W},s.createElement("div",p({ref:y,id:n.id,className:t,style:n.style},e,{onClick:x}),s.createElement("div",{className:"p-slidemenu-wrapper",style:i},s.createElement("div",{className:"p-slidemenu-content",ref:E},s.createElement(N,{menuProps:n,model:n.model,root:!0,index:0,menuWidth:n.menuWidth,effectDuration:n.effectDuration,level:c,parentActive:0===c,onForward:k})),o)))}();return n.popup?s.createElement(a.Portal,{element:_,appendTo:n.appendTo}):_})));return x.displayName="SlideMenu",e.SlideMenu=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+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);

package/speeddial/speeddial.cjs.js

@@ -7,6 +7,8 @@ var button = require('primereact/button');
 var hooks = require('primereact/hooks');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var plus = require('primereact/icons/plus');
+var minus = require('primereact/icons/minus');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -160,7 +162,7 @@ var SpeedDialBase = {
     'aria-label': null,
     maskStyle: null,
     maskClassName: null,
-    showIcon: 'pi pi-plus',
+    showIcon: null,
     hideIcon: null,
     rotateAnimation: true,
     onVisibleChange: null,
@@ -405,29 +407,28 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
     }, props.buttonClassName);
     var iconClassName = utils.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(props.showIcon), !visible && !!props.showIcon || !props.hideIcon), _defineProperty(_classNames, "".concat(props.hideIcon), visible && !!props.hideIcon), _classNames));
-    var icon = utils.IconUtils.getJSXIcon(showIconVisible ? props.showIcon : hideIconVisible ? props.hideIcon : null, undefined, {
-      props: props
+    var icon = showIconVisible ? props.showIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
+      className: iconClassName,
+      onClick: onClick
+    }) : hideIconVisible ? props.hideIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, {
+      className: iconClassName,
+      onClick: onClick
+    }) : null;
+    var toggleIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props,
+      visible: visible
     });
     var content = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       style: props.buttonStyle,
       className: className,
-      icon: icon,
+      icon: toggleIcon,
       onClick: onClick,
       disabled: props.disabled,
       "aria-label": props['aria-label']
     });
-    if (props.buttonTemplate) {
-      var defaultContentOptions = {
-        onClick: onClick,
-        className: className,
-        iconClassName: iconClassName,
-        element: content,
-        props: props,
-        visible: visible
-      };
-      return utils.ObjectUtils.getJSXElement(props.buttonTemplate, defaultContentOptions);
-    }
     return content;
   };
   var createMask = function createMask() {

package/speeddial/speeddial.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/hooks"),r=require("primereact/ripple"),i=require("primereact/utils");function o(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 l=o(e);function a(){return a=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},a.apply(this,arguments)}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 u(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=u(e,"string");return"symbol"===c(t)?t:String(t)}function f(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw i}}return a}}function m(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 b(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function y(){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 h(e,t){return p(e)||d(e,t)||b(e,t)||y()}var v={defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,v.defaultProps)}};function g(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 O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=l.memo(l.forwardRef((function(e,o){var c,u=v.getProps(e),s=h(l.useState(!1),2),p=s[0],d=s[1],m=l.useRef(!1),b=l.useRef(null),y=l.useRef(null),g=u.onVisibleChange?u.visible:p,S=h(n.useEventListener({type:"click",listener:function(e){!m.current&&C(e)&&N(),m.current=!1},when:p}),2),j=S[0],P=S[1],w=function(){u.onVisibleChange?u.onVisibleChange(!0):d(!0),u.onShow&&u.onShow()},N=function(){u.onVisibleChange?u.onVisibleChange(!1):d(!1),u.onHide&&u.onHide()},I=function(e){g?N():w(),u.onClick&&u.onClick(e),m.current=!0},k=function(e,t){t.command&&t.command({originalEvent:e,item:t}),N(),m.current=!0,e.preventDefault()},C=function(e){return b.current&&!(b.current.isSameNode(e.target)||b.current.contains(e.target))},x=function(e){return(g?e:u.model.length-e-1)*u.transitionDelay},E=function(e){var t=u.type;if("linear"!==t){var n=u.model.length,r=u.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=u.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var s=u.direction,f=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(f*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(f*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:d};if("up-right"===s)return{left:p,bottom:d};if("down-left"===s)return{right:d,top:p};if("down-right"===s)return{left:d,top:p}}}return{}},M=function(e){var t=x(e),n=E(e);return O({transitionDelay:"".concat(t,"ms")},n)};n.useMountEffect((function(){if("linear"!==u.type){var e=i.DomHandler.findSingle(b.current,".p-speeddial-button"),t=i.DomHandler.findSingle(y.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);y.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),y.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),n.useUpdateEffect((function(){return p&&u.hideOnClickOutside&&j(),function(){u.hideOnClickOutside&&P()}}),[p]),l.useImperativeHandle(o,(function(){return{props:u,show:w,hide:N,getElement:function(){return b.current}}}));var D,A=function(e,t){if(!1===e.visible)return null;var n=M(t),o=e.icon,a=e.label,c=e.template,s=e.url,f=e.target,p=i.classNames("p-speeddial-action",{"p-disabled":e.disabled}),d=i.classNames("p-speeddial-action-icon",o),m=i.IconUtils.getJSXIcon(o,{className:"p-speeddial-action-icon"},{props:u}),b=l.createElement("a",{href:s||"#",role:"menuitem",className:p,target:f,"data-pr-tooltip":a,onClick:function(t){return k(t,e)}},m,l.createElement(r.Ripple,null));c&&(b=i.ObjectUtils.getJSXElement(c,e,{onClick:function(t){return k(t,e)},className:p,iconClassName:d,element:b,props:u,visible:g}));return l.createElement("li",{key:t,className:"p-speeddial-item",style:n,role:"none"},b)},H=v.getOtherProps(u),U=i.classNames("p-speeddial p-component p-speeddial-".concat(u.type),(f(c={},"p-speeddial-direction-".concat(u.direction),"circle"!==u.type),f(c,"p-speeddial-opened",g),f(c,"p-disabled",u.disabled),c),u.className),q=function(){var e,n=!g&&!!u.showIcon||!u.hideIcon,r=g&&!!u.hideIcon,o=i.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":u.rotateAnimation&&!u.hideIcon},u.buttonClassName),a=i.classNames((f(e={},"".concat(u.showIcon),!g&&!!u.showIcon||!u.hideIcon),f(e,"".concat(u.hideIcon),g&&!!u.hideIcon),e)),c=i.IconUtils.getJSXIcon(n?u.showIcon:r?u.hideIcon:null,void 0,{props:u}),s=l.createElement(t.Button,{type:"button",style:u.buttonStyle,className:o,icon:c,onClick:I,disabled:u.disabled,"aria-label":u["aria-label"]});return u.buttonTemplate?i.ObjectUtils.getJSXElement(u.buttonTemplate,{onClick:I,className:o,iconClassName:a,element:s,props:u,visible:g}):s}(),T=(D=u.model?u.model.map(A):null,l.createElement("ul",{ref:y,className:"p-speeddial-list",role:"menu"},D)),V=function(){if(u.mask){var e=i.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},u.maskClassName);return l.createElement("div",{className:e,style:u.maskStyle})}return null}();return l.createElement(l.Fragment,null,l.createElement("div",a({ref:b,id:u.id,className:U,style:u.style},H),q,T),V)})));S.displayName="SpeedDial",exports.SpeedDial=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/hooks"),r=require("primereact/ripple"),i=require("primereact/utils"),o=require("primereact/icons/plus"),l=require("primereact/icons/minus");function a(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 c=a(e);function s(){return s=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},s.apply(this,arguments)}function u(e){return u="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},u(e)}function f(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=f(e,"string");return"symbol"===u(t)?t:String(t)}function d(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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 h(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 v(){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 g(e,t){return m(e)||b(e,t)||h(e,t)||v()}var O={defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,O.defaultProps)}};function S(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=c.memo(c.forwardRef((function(e,a){var u,f=O.getProps(e),p=g(c.useState(!1),2),m=p[0],b=p[1],y=c.useRef(!1),h=c.useRef(null),v=c.useRef(null),S=f.onVisibleChange?f.visible:m,P=g(n.useEventListener({type:"click",listener:function(e){!y.current&&x(e)&&k(),y.current=!1},when:m}),2),w=P[0],N=P[1],I=function(){f.onVisibleChange?f.onVisibleChange(!0):b(!0),f.onShow&&f.onShow()},k=function(){f.onVisibleChange?f.onVisibleChange(!1):b(!1),f.onHide&&f.onHide()},C=function(e){S?k():I(),f.onClick&&f.onClick(e),y.current=!0},E=function(e,t){t.command&&t.command({originalEvent:e,item:t}),k(),y.current=!0,e.preventDefault()},x=function(e){return h.current&&!(h.current.isSameNode(e.target)||h.current.contains(e.target))},M=function(e){return(S?e:f.model.length-e-1)*f.transitionDelay},D=function(e){var t=f.type;if("linear"!==t){var n=f.model.length,r=f.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=f.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var s=f.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:d};if("up-right"===s)return{left:p,bottom:d};if("down-left"===s)return{right:d,top:p};if("down-right"===s)return{left:d,top:p}}}return{}},q=function(e){var t=M(e),n=D(e);return j({transitionDelay:"".concat(t,"ms")},n)};n.useMountEffect((function(){if("linear"!==f.type){var e=i.DomHandler.findSingle(h.current,".p-speeddial-button"),t=i.DomHandler.findSingle(v.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);v.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),v.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),n.useUpdateEffect((function(){return m&&f.hideOnClickOutside&&w(),function(){f.hideOnClickOutside&&N()}}),[m]),c.useImperativeHandle(a,(function(){return{props:f,show:I,hide:k,getElement:function(){return h.current}}}));var A,H=function(e,t){if(!1===e.visible)return null;var n=q(t),o=e.icon,l=e.label,a=e.template,s=e.url,u=e.target,p=i.classNames("p-speeddial-action",{"p-disabled":e.disabled}),d=i.classNames("p-speeddial-action-icon",o),m=i.IconUtils.getJSXIcon(o,{className:"p-speeddial-action-icon"},{props:f}),b=c.createElement("a",{href:s||"#",role:"menuitem",className:p,target:u,"data-pr-tooltip":l,onClick:function(t){return E(t,e)}},m,c.createElement(r.Ripple,null));a&&(b=i.ObjectUtils.getJSXElement(a,e,{onClick:function(t){return E(t,e)},className:p,iconClassName:d,element:b,props:f,visible:S}));return c.createElement("li",{key:t,className:"p-speeddial-item",style:n,role:"none"},b)},U=O.getOtherProps(f),V=i.classNames("p-speeddial p-component p-speeddial-".concat(f.type),(d(u={},"p-speeddial-direction-".concat(f.direction),"circle"!==f.type),d(u,"p-speeddial-opened",S),d(u,"p-disabled",f.disabled),u),f.className),_=function(){var e,n=!S&&!!f.showIcon||!f.hideIcon,r=S&&!!f.hideIcon,a=i.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":f.rotateAnimation&&!f.hideIcon},f.buttonClassName),s=i.classNames((d(e={},"".concat(f.showIcon),!S&&!!f.showIcon||!f.hideIcon),d(e,"".concat(f.hideIcon),S&&!!f.hideIcon),e)),u=i.IconUtils.getJSXIcon(n?f.showIcon||c.createElement(o.PlusIcon,{className:s,onClick:C}):r?f.hideIcon||c.createElement(l.MinusIcon,{className:s,onClick:C}):null,{className:s},{props:f,visible:S});return c.createElement(t.Button,{type:"button",style:f.buttonStyle,className:a,icon:u,onClick:C,disabled:f.disabled,"aria-label":f["aria-label"]})}(),R=(A=f.model?f.model.map(H):null,c.createElement("ul",{ref:v,className:"p-speeddial-list",role:"menu"},A)),T=function(){if(f.mask){var e=i.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":S},f.maskClassName);return c.createElement("div",{className:e,style:f.maskStyle})}return null}();return c.createElement(c.Fragment,null,c.createElement("div",s({ref:h,id:f.id,className:V,style:f.style},U),_,R),T)})));P.displayName="SpeedDial",exports.SpeedDial=P;

package/speeddial/speeddial.d.ts

@@ -112,13 +112,12 @@ export interface SpeedDialProps extends Omit<React.DetailedHTMLProps<React.HTMLA
     maskClassName?: string | undefined;
     /**
      * Show icon of the button element.
-     * @defaultValue pi pi-plus
      */
-    showIcon?: IconType<SpeedDialProps>;
+    showIcon?: IconType<SpeedDialProps> | undefined;
     /**
      * Hide icon of the button element.
      */
-    hideIcon?: IconType<SpeedDialProps>;
+    hideIcon?: IconType<SpeedDialProps> | undefined;
     /**
      * Defined to rotate showIcon when hideIcon is not present.
      * @defaultValue true

package/speeddial/speeddial.esm.js

@@ -3,6 +3,8 @@ import { Button } from 'primereact/button';
 import { useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
 import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { PlusIcon } from 'primereact/icons/plus';
+import { MinusIcon } from 'primereact/icons/minus';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -136,7 +138,7 @@ var SpeedDialBase = {
     'aria-label': null,
     maskStyle: null,
     maskClassName: null,
-    showIcon: 'pi pi-plus',
+    showIcon: null,
     hideIcon: null,
     rotateAnimation: true,
     onVisibleChange: null,
@@ -381,29 +383,28 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
     }, props.buttonClassName);
     var iconClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(props.showIcon), !visible && !!props.showIcon || !props.hideIcon), _defineProperty(_classNames, "".concat(props.hideIcon), visible && !!props.hideIcon), _classNames));
-    var icon = IconUtils.getJSXIcon(showIconVisible ? props.showIcon : hideIconVisible ? props.hideIcon : null, undefined, {
-      props: props
+    var icon = showIconVisible ? props.showIcon || /*#__PURE__*/React.createElement(PlusIcon, {
+      className: iconClassName,
+      onClick: onClick
+    }) : hideIconVisible ? props.hideIcon || /*#__PURE__*/React.createElement(MinusIcon, {
+      className: iconClassName,
+      onClick: onClick
+    }) : null;
+    var toggleIcon = IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props,
+      visible: visible
     });
     var content = /*#__PURE__*/React.createElement(Button, {
       type: "button",
       style: props.buttonStyle,
       className: className,
-      icon: icon,
+      icon: toggleIcon,
       onClick: onClick,
       disabled: props.disabled,
       "aria-label": props['aria-label']
     });
-    if (props.buttonTemplate) {
-      var defaultContentOptions = {
-        onClick: onClick,
-        className: className,
-        iconClassName: iconClassName,
-        element: content,
-        props: props,
-        visible: visible
-      };
-      return ObjectUtils.getJSXElement(props.buttonTemplate, defaultContentOptions);
-    }
     return content;
   };
   var createMask = function createMask() {

package/speeddial/speeddial.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Button as t}from"primereact/button";import{useEventListener as n,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{ObjectUtils as l,DomHandler as a,classNames as c,IconUtils as u}from"primereact/utils";function s(){return s=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},s.apply(this,arguments)}function p(e){return p="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},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function m(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw i}}return a}}function h(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 v(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){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)||y(e,t)||v(e,t)||g()}var S={defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return l.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,S.defaultProps)}};function w(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=e.memo(e.forwardRef((function(p,f){var d,b=S.getProps(p),y=O(e.useState(!1),2),h=y[0],v=y[1],g=e.useRef(!1),w=e.useRef(null),C=e.useRef(null),j=b.onVisibleChange?b.visible:h,k=O(n({type:"click",listener:function(e){!g.current&&A(e)&&E(),g.current=!1},when:h}),2),I=k[0],x=k[1],N=function(){b.onVisibleChange?b.onVisibleChange(!0):v(!0),b.onShow&&b.onShow()},E=function(){b.onVisibleChange?b.onVisibleChange(!1):v(!1),b.onHide&&b.onHide()},M=function(e){j?E():N(),b.onClick&&b.onClick(e),g.current=!0},D=function(e,t){t.command&&t.command({originalEvent:e,item:t}),E(),g.current=!0,e.preventDefault()},A=function(e){return w.current&&!(w.current.isSameNode(e.target)||w.current.contains(e.target))},H=function(e){return(j?e:b.model.length-e-1)*b.transitionDelay},T=function(e){var t=b.type;if("linear"!==t){var n=b.model.length,r=b.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=b.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var u=b.direction,s=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(s*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(r*Math.sin(s*e),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:p,bottom:f};if("up-right"===u)return{left:p,bottom:f};if("down-left"===u)return{right:f,top:p};if("down-right"===u)return{left:f,top:p}}}return{}},V=function(e){var t=H(e),n=T(e);return P({transitionDelay:"".concat(t,"ms")},n)};r((function(){if("linear"!==b.type){var e=a.findSingle(w.current,".p-speeddial-button"),t=a.findSingle(C.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i((function(){return h&&b.hideOnClickOutside&&I(),function(){b.hideOnClickOutside&&x()}}),[h]),e.useImperativeHandle(f,(function(){return{props:b,show:N,hide:E,getElement:function(){return w.current}}}));var J,R=function(t,n){if(!1===t.visible)return null;var r=V(n),i=t.icon,a=t.label,s=t.template,p=t.url,f=t.target,d=c("p-speeddial-action",{"p-disabled":t.disabled}),m=c("p-speeddial-action-icon",i),y=u.getJSXIcon(i,{className:"p-speeddial-action-icon"},{props:b}),h=e.createElement("a",{href:p||"#",role:"menuitem",className:d,target:f,"data-pr-tooltip":a,onClick:function(e){return D(e,t)}},y,e.createElement(o,null));s&&(h=l.getJSXElement(s,t,{onClick:function(e){return D(e,t)},className:d,iconClassName:m,element:h,props:b,visible:j}));return e.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},h)},X=S.getOtherProps(b),W=c("p-speeddial p-component p-speeddial-".concat(b.type),(m(d={},"p-speeddial-direction-".concat(b.direction),"circle"!==b.type),m(d,"p-speeddial-opened",j),m(d,"p-disabled",b.disabled),d),b.className),_=function(){var n,r=!j&&!!b.showIcon||!b.hideIcon,i=j&&!!b.hideIcon,o=c("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":b.rotateAnimation&&!b.hideIcon},b.buttonClassName),a=c((m(n={},"".concat(b.showIcon),!j&&!!b.showIcon||!b.hideIcon),m(n,"".concat(b.hideIcon),j&&!!b.hideIcon),n)),s=u.getJSXIcon(r?b.showIcon:i?b.hideIcon:null,void 0,{props:b}),p=e.createElement(t,{type:"button",style:b.buttonStyle,className:o,icon:s,onClick:M,disabled:b.disabled,"aria-label":b["aria-label"]});return b.buttonTemplate?l.getJSXElement(b.buttonTemplate,{onClick:M,className:o,iconClassName:a,element:p,props:b,visible:j}):p}(),q=(J=b.model?b.model.map(R):null,e.createElement("ul",{ref:C,className:"p-speeddial-list",role:"menu"},J)),F=function(){if(b.mask){var t=c("p-speeddial-mask",{"p-speeddial-mask-visible":j},b.maskClassName);return e.createElement("div",{className:t,style:b.maskStyle})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",s({ref:w,id:b.id,className:W,style:b.style},X),_,q),F)})));C.displayName="SpeedDial";export{C as SpeedDial};
+import*as e from"react";import{Button as t}from"primereact/button";import{useEventListener as n,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{ObjectUtils as l,DomHandler as a,classNames as c,IconUtils as u}from"primereact/utils";import{PlusIcon as s}from"primereact/icons/plus";import{MinusIcon as p}from"primereact/icons/minus";function f(){return f=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},f.apply(this,arguments)}function m(e){return m="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},m(e)}function d(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=d(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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,i,o,l,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,i=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw i}}return a}}function g(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 O(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function S(){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 w(e,t){return h(e)||v(e,t)||O(e,t)||S()}var P={defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return l.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,P.defaultProps)}};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 C(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){y(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}var j=e.memo(e.forwardRef((function(m,d){var b,h=P.getProps(m),v=w(e.useState(!1),2),g=v[0],O=v[1],S=e.useRef(!1),k=e.useRef(null),j=e.useRef(null),I=h.onVisibleChange?h.visible:g,N=w(n({type:"click",listener:function(e){!S.current&&V(e)&&D(),S.current=!1},when:g}),2),x=N[0],E=N[1],M=function(){h.onVisibleChange?h.onVisibleChange(!0):O(!0),h.onShow&&h.onShow()},D=function(){h.onVisibleChange?h.onVisibleChange(!1):O(!1),h.onHide&&h.onHide()},A=function(e){I?D():M(),h.onClick&&h.onClick(e),S.current=!0},H=function(e,t){t.command&&t.command({originalEvent:e,item:t}),D(),S.current=!0,e.preventDefault()},V=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},R=function(e){return(I?e:h.model.length-e-1)*h.transitionDelay},T=function(e){var t=h.type;if("linear"!==t){var n=h.model.length,r=h.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=h.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var u=h.direction,s=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(s*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(r*Math.sin(s*e),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:p,bottom:f};if("up-right"===u)return{left:p,bottom:f};if("down-left"===u)return{right:f,top:p};if("down-right"===u)return{left:f,top:p}}}return{}},J=function(e){var t=R(e),n=T(e);return C({transitionDelay:"".concat(t,"ms")},n)};r((function(){if("linear"!==h.type){var e=a.findSingle(k.current,".p-speeddial-button"),t=a.findSingle(j.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);j.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),j.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i((function(){return g&&h.hideOnClickOutside&&x(),function(){h.hideOnClickOutside&&E()}}),[g]),e.useImperativeHandle(d,(function(){return{props:h,show:M,hide:D,getElement:function(){return k.current}}}));var X,W=function(t,n){if(!1===t.visible)return null;var r=J(n),i=t.icon,a=t.label,s=t.template,p=t.url,f=t.target,m=c("p-speeddial-action",{"p-disabled":t.disabled}),d=c("p-speeddial-action-icon",i),b=u.getJSXIcon(i,{className:"p-speeddial-action-icon"},{props:h}),y=e.createElement("a",{href:p||"#",role:"menuitem",className:m,target:f,"data-pr-tooltip":a,onClick:function(e){return H(e,t)}},b,e.createElement(o,null));s&&(y=l.getJSXElement(s,t,{onClick:function(e){return H(e,t)},className:m,iconClassName:d,element:y,props:h,visible:I}));return e.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},y)},_=P.getOtherProps(h),q=c("p-speeddial p-component p-speeddial-".concat(h.type),(y(b={},"p-speeddial-direction-".concat(h.direction),"circle"!==h.type),y(b,"p-speeddial-opened",I),y(b,"p-disabled",h.disabled),b),h.className),F=function(){var n,r=!I&&!!h.showIcon||!h.hideIcon,i=I&&!!h.hideIcon,o=c("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":h.rotateAnimation&&!h.hideIcon},h.buttonClassName),l=c((y(n={},"".concat(h.showIcon),!I&&!!h.showIcon||!h.hideIcon),y(n,"".concat(h.hideIcon),I&&!!h.hideIcon),n)),a=u.getJSXIcon(r?h.showIcon||e.createElement(s,{className:l,onClick:A}):i?h.hideIcon||e.createElement(p,{className:l,onClick:A}):null,{className:l},{props:h,visible:I});return e.createElement(t,{type:"button",style:h.buttonStyle,className:o,icon:a,onClick:A,disabled:h.disabled,"aria-label":h["aria-label"]})}(),U=(X=h.model?h.model.map(W):null,e.createElement("ul",{ref:j,className:"p-speeddial-list",role:"menu"},X)),Y=function(){if(h.mask){var t=c("p-speeddial-mask",{"p-speeddial-mask-visible":I},h.maskClassName);return e.createElement("div",{className:t,style:h.maskStyle})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",f({ref:k,id:h.id,className:q,style:h.style},_),F,U),Y)})));j.displayName="SpeedDial";export{j as SpeedDial};

package/speeddial/speeddial.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.speeddial = (function (exports, React, button, hooks, ripple, utils) {
+this.primereact.speeddial = (function (exports, React, button, hooks, ripple, utils, plus, minus) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -154,7 +154,7 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
       'aria-label': null,
       maskStyle: null,
       maskClassName: null,
-      showIcon: 'pi pi-plus',
+      showIcon: null,
       hideIcon: null,
       rotateAnimation: true,
       onVisibleChange: null,
@@ -399,29 +399,28 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
       }, props.buttonClassName);
       var iconClassName = utils.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(props.showIcon), !visible && !!props.showIcon || !props.hideIcon), _defineProperty(_classNames, "".concat(props.hideIcon), visible && !!props.hideIcon), _classNames));
-      var icon = utils.IconUtils.getJSXIcon(showIconVisible ? props.showIcon : hideIconVisible ? props.hideIcon : null, undefined, {
-        props: props
+      var icon = showIconVisible ? props.showIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
+        className: iconClassName,
+        onClick: onClick
+      }) : hideIconVisible ? props.hideIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, {
+        className: iconClassName,
+        onClick: onClick
+      }) : null;
+      var toggleIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props,
+        visible: visible
       });
       var content = /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
         style: props.buttonStyle,
         className: className,
-        icon: icon,
+        icon: toggleIcon,
         onClick: onClick,
         disabled: props.disabled,
         "aria-label": props['aria-label']
       });
-      if (props.buttonTemplate) {
-        var defaultContentOptions = {
-          onClick: onClick,
-          className: className,
-          iconClassName: iconClassName,
-          element: content,
-          props: props,
-          visible: visible
-        };
-        return utils.ObjectUtils.getJSXElement(props.buttonTemplate, defaultContentOptions);
-      }
       return content;
     };
     var createMask = function createMask() {
@@ -456,4 +455,4 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
 
   return exports;
 
-})({}, React, primereact.button, primereact.hooks, primereact.ripple, primereact.utils);
+})({}, React, primereact.button, primereact.hooks, primereact.ripple, primereact.utils, primereact.icons/plus, primereact.icons/minus);

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,o){"use strict";function l(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 a=l(t);function c(){return c=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},c.apply(this,arguments)}function s(e){return s="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},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function b(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 y(e,t){if(e){if("string"==typeof e)return b(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)?b(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 v(e,t){return d(e)||m(e,t)||y(e,t)||h()}var g={defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,g.defaultProps)}};function O(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=a.memo(a.forwardRef((function(e,t){var l,s=g.getProps(e),u=v(a.useState(!1),2),f=u[0],d=u[1],m=a.useRef(!1),b=a.useRef(null),y=a.useRef(null),h=s.onVisibleChange?s.visible:f,O=v(r.useEventListener({type:"click",listener:function(e){!m.current&&C(e)&&N(),m.current=!1},when:f}),2),j=O[0],P=O[1],w=function(){s.onVisibleChange?s.onVisibleChange(!0):d(!0),s.onShow&&s.onShow()},N=function(){s.onVisibleChange?s.onVisibleChange(!1):d(!1),s.onHide&&s.onHide()},I=function(e){h?N():w(),s.onClick&&s.onClick(e),m.current=!0},k=function(e,t){t.command&&t.command({originalEvent:e,item:t}),N(),m.current=!0,e.preventDefault()},C=function(e){return b.current&&!(b.current.isSameNode(e.target)||b.current.contains(e.target))},E=function(e){return(h?e:s.model.length-e-1)*s.transitionDelay},x=function(e){var t=s.type;if("linear"!==t){var n=s.model.length,r=s.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=s.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var u=s.direction,f=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(f*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(f*e),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:p,bottom:d};if("up-right"===u)return{left:p,bottom:d};if("down-left"===u)return{right:d,top:p};if("down-right"===u)return{left:d,top:p}}}return{}},M=function(e){var t=E(e),n=x(e);return S({transitionDelay:"".concat(t,"ms")},n)};r.useMountEffect((function(){if("linear"!==s.type){var e=o.DomHandler.findSingle(b.current,".p-speeddial-button"),t=o.DomHandler.findSingle(y.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);y.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),y.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),r.useUpdateEffect((function(){return f&&s.hideOnClickOutside&&j(),function(){s.hideOnClickOutside&&P()}}),[f]),a.useImperativeHandle(t,(function(){return{props:s,show:w,hide:N,getElement:function(){return b.current}}}));var D,A=function(e,t){if(!1===e.visible)return null;var n=M(t),r=e.icon,l=e.label,c=e.template,u=e.url,f=e.target,p=o.classNames("p-speeddial-action",{"p-disabled":e.disabled}),d=o.classNames("p-speeddial-action-icon",r),m=o.IconUtils.getJSXIcon(r,{className:"p-speeddial-action-icon"},{props:s}),b=a.createElement("a",{href:u||"#",role:"menuitem",className:p,target:f,"data-pr-tooltip":l,onClick:function(t){return k(t,e)}},m,a.createElement(i.Ripple,null));c&&(b=o.ObjectUtils.getJSXElement(c,e,{onClick:function(t){return k(t,e)},className:p,iconClassName:d,element:b,props:s,visible:h}));return a.createElement("li",{key:t,className:"p-speeddial-item",style:n,role:"none"},b)},H=g.getOtherProps(s),U=o.classNames("p-speeddial p-component p-speeddial-".concat(s.type),(p(l={},"p-speeddial-direction-".concat(s.direction),"circle"!==s.type),p(l,"p-speeddial-opened",h),p(l,"p-disabled",s.disabled),l),s.className),R=function(){var e,t=!h&&!!s.showIcon||!s.hideIcon,r=h&&!!s.hideIcon,i=o.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":s.rotateAnimation&&!s.hideIcon},s.buttonClassName),l=o.classNames((p(e={},"".concat(s.showIcon),!h&&!!s.showIcon||!s.hideIcon),p(e,"".concat(s.hideIcon),h&&!!s.hideIcon),e)),c=o.IconUtils.getJSXIcon(t?s.showIcon:r?s.hideIcon:null,void 0,{props:s}),u=a.createElement(n.Button,{type:"button",style:s.buttonStyle,className:i,icon:c,onClick:I,disabled:s.disabled,"aria-label":s["aria-label"]});return s.buttonTemplate?o.ObjectUtils.getJSXElement(s.buttonTemplate,{onClick:I,className:i,iconClassName:l,element:u,props:s,visible:h}):u}(),T=(D=s.model?s.model.map(A):null,a.createElement("ul",{ref:y,className:"p-speeddial-list",role:"menu"},D)),V=function(){if(s.mask){var e=o.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":h},s.maskClassName);return a.createElement("div",{className:e,style:s.maskStyle})}return null}();return a.createElement(a.Fragment,null,a.createElement("div",c({ref:b,id:s.id,className:U,style:s.style},H),R,T),V)})));return j.displayName="SpeedDial",e.SpeedDial=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,o,l,a){"use strict";function c(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 s=c(t);function u(){return u=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},u.apply(this,arguments)}function f(e){return f="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},f(e)}function p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function m(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function h(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 v(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){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)||y(e,t)||v(e,t)||g()}var S={defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,S.defaultProps)}};function j(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=s.memo(s.forwardRef((function(e,t){var c,f=S.getProps(e),p=O(s.useState(!1),2),d=p[0],b=p[1],y=s.useRef(!1),h=s.useRef(null),v=s.useRef(null),g=f.onVisibleChange?f.visible:d,j=O(r.useEventListener({type:"click",listener:function(e){!y.current&&x(e)&&k(),y.current=!1},when:d}),2),w=j[0],N=j[1],I=function(){f.onVisibleChange?f.onVisibleChange(!0):b(!0),f.onShow&&f.onShow()},k=function(){f.onVisibleChange?f.onVisibleChange(!1):b(!1),f.onHide&&f.onHide()},C=function(e){g?k():I(),f.onClick&&f.onClick(e),y.current=!0},E=function(e,t){t.command&&t.command({originalEvent:e,item:t}),k(),y.current=!0,e.preventDefault()},x=function(e){return h.current&&!(h.current.isSameNode(e.target)||h.current.contains(e.target))},M=function(e){return(g?e:f.model.length-e-1)*f.transitionDelay},D=function(e){var t=f.type;if("linear"!==t){var n=f.model.length,r=f.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=f.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var s=f.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:d};if("up-right"===s)return{left:p,bottom:d};if("down-left"===s)return{right:d,top:p};if("down-right"===s)return{left:d,top:p}}}return{}},A=function(e){var t=M(e),n=D(e);return P({transitionDelay:"".concat(t,"ms")},n)};r.useMountEffect((function(){if("linear"!==f.type){var e=o.DomHandler.findSingle(h.current,".p-speeddial-button"),t=o.DomHandler.findSingle(v.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);v.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),v.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),r.useUpdateEffect((function(){return d&&f.hideOnClickOutside&&w(),function(){f.hideOnClickOutside&&N()}}),[d]),s.useImperativeHandle(t,(function(){return{props:f,show:I,hide:k,getElement:function(){return h.current}}}));var H,U=function(e,t){if(!1===e.visible)return null;var n=A(t),r=e.icon,l=e.label,a=e.template,c=e.url,u=e.target,p=o.classNames("p-speeddial-action",{"p-disabled":e.disabled}),d=o.classNames("p-speeddial-action-icon",r),m=o.IconUtils.getJSXIcon(r,{className:"p-speeddial-action-icon"},{props:f}),b=s.createElement("a",{href:c||"#",role:"menuitem",className:p,target:u,"data-pr-tooltip":l,onClick:function(t){return E(t,e)}},m,s.createElement(i.Ripple,null));a&&(b=o.ObjectUtils.getJSXElement(a,e,{onClick:function(t){return E(t,e)},className:p,iconClassName:d,element:b,props:f,visible:g}));return s.createElement("li",{key:t,className:"p-speeddial-item",style:n,role:"none"},b)},R=S.getOtherProps(f),V=o.classNames("p-speeddial p-component p-speeddial-".concat(f.type),(m(c={},"p-speeddial-direction-".concat(f.direction),"circle"!==f.type),m(c,"p-speeddial-opened",g),m(c,"p-disabled",f.disabled),c),f.className),_=function(){var e,t=!g&&!!f.showIcon||!f.hideIcon,r=g&&!!f.hideIcon,i=o.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":f.rotateAnimation&&!f.hideIcon},f.buttonClassName),c=o.classNames((m(e={},"".concat(f.showIcon),!g&&!!f.showIcon||!f.hideIcon),m(e,"".concat(f.hideIcon),g&&!!f.hideIcon),e)),u=o.IconUtils.getJSXIcon(t?f.showIcon||s.createElement(l.PlusIcon,{className:c,onClick:C}):r?f.hideIcon||s.createElement(a.MinusIcon,{className:c,onClick:C}):null,{className:c},{props:f,visible:g});return s.createElement(n.Button,{type:"button",style:f.buttonStyle,className:i,icon:u,onClick:C,disabled:f.disabled,"aria-label":f["aria-label"]})}(),T=(H=f.model?f.model.map(U):null,s.createElement("ul",{ref:v,className:"p-speeddial-list",role:"menu"},H)),J=function(){if(f.mask){var e=o.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},f.maskClassName);return s.createElement("div",{className:e,style:f.maskStyle})}return null}();return s.createElement(s.Fragment,null,s.createElement("div",u({ref:h,id:f.id,className:V,style:f.style},R),_,T),J)})));return w.displayName="SpeedDial",e.SpeedDial=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.hooks,primereact.ripple,primereact.utils,primereact.icons/plus,primereact.icons/minus);

package/splitbutton/splitbutton.cjs.js

@@ -11,6 +11,7 @@ var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
 var csstransition = require('primereact/csstransition');
 var portal = require('primereact/portal');
+var chevrondown = require('primereact/icons/chevrondown');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -153,7 +154,7 @@ var SplitButtonBase = {
     label: null,
     icon: null,
     loading: false,
-    loadingIcon: 'pi pi-spinner pi-spin',
+    loadingIcon: null,
     model: null,
     disabled: null,
     style: null,
@@ -176,7 +177,7 @@ var SplitButtonBase = {
     tooltipOptions: null,
     buttonTemplate: null,
     transitionOptions: null,
-    dropdownIcon: 'pi pi-chevron-down',
+    dropdownIcon: null,
     onClick: null,
     onShow: null,
     onHide: null,
@@ -413,6 +414,18 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var buttonContent = props.buttonTemplate ? utils.ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
   var items = createItems();
   var menuId = idState + '_menu';
+  var dropdownIcon = function dropdownIcon() {
+    var iconClassName = 'p-button-icon p-c';
+    var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+      className: iconClassName
+    });
+    var dropdownIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
+    return dropdownIcon;
+  };
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
     ref: elementRef,
     id: idState,
@@ -432,7 +445,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   }, props.buttonProps), buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
     type: "button",
     className: menuButtonClassName,
-    icon: props.dropdownIcon,
+    icon: dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,
     "aria-expanded": overlayVisibleState,