primereact 10.1.1 → 10.2.0

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,o,i,u,a,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):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 j(e,n){return O(e)||w(e,n)||E(e,n)||S()}var x=r.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,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=j(d.useState(null),2),t=n[0],r=n[1],o=j(d.useState({}),2),i=o[0],u=o[1],a=e.ptm,l=e.cx,p=e.sx,m=function(n,r){return a(r,{hostName:e.hostName,context:{active:t===n}})},f=function(n,t,o){if(t.disabled)n.preventDefault();else if(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),t.items){var a=y(t,o);u(N(N({},i),{},h({},a,!0))),r(t),e.onForward()}},v=function(n){var t=e.id+"_sep_"+n,r=s.mergeProps({id:t,key:t,className:l("separator"),role:"separator"},a("separator",{hostName:e.hostName}));return d.createElement("li",r)},b=function(n,r){var o=i[y(n,r)];return n.items&&o?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:a,cx:l,sx:p}):null},y=function(n,t){return n.id||e.id+"_"+t},g=function(n,r){if(!1===n.visible)return null;var o=y(n,r),i=t===n,u=s.classNames("p-menuitem-icon",n.icon),a=s.mergeProps({className:l("icon")},m(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,N({},a),{props:e.menuProps}),v=s.mergeProps({className:l("submenuIcon")},m(n,"submenuIcon")),g=s.mergeProps({className:l("label")},m(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,v),N({},v),{props:e}),O=n.label&&d.createElement("span",g,n.label),w=b(n,r),P=s.mergeProps({href:n.url||"#",className:l("action"),target:n.target,onClick:function(e){return f(e,n,r)},"aria-disabled":n.disabled},m(n,"action")),E=d.createElement("a",P,p,O,h);n.template&&(E=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:E,props:e,active:i}));var S=s.mergeProps({id:o,key:o,className:l("menuitem",{active:i,item:n}),style:n.style},m(n,"menuitem"));return d.createElement("li",S,E,w)},O=e.model?e.model.map((function(e,n){return e.separator?v(n):g(e,n)})):null,w=s.mergeProps({className:l("menu",{subProps:e}),style:p("menu",{subProps:e})},a("menu",{hostName:e.hostName}));return d.createElement("ul",w,O)}));k.displayName="SlideMenuSub";var D=function(e){var n=d.useRef(void 0);return d.useEffect((function(){n.current=e})),n.current},C=function(e,n,t){var r,o,i,u,a,l,c,p,m,f,v,b,y,g,h,O=(u=void 0===(i=(r={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}).target)?"document":i,a=r.type,l=r.listener,c=r.options,m=void 0===(p=r.when)||p,f=d.useRef(null),v=d.useRef(null),b=D(l),y=D(c),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||m)&&(f.current=s.DomHandler.getTargetElement(e.target))),!v.current&&f.current&&(v.current=function(e){return l&&l(e)},f.current.addEventListener(a,v.current,c))},h=function(){v.current&&(f.current.removeEventListener(a,v.current,c),v.current=null)},d.useEffect((function(){m?f.current=s.DomHandler.getTargetElement(u):(h(),f.current=null)}),[u,m]),d.useEffect((function(){!v.current||""+b==""+l&&y===c||(h(),m&&g())}),[l,c,m]),o=function(){h()},d.useEffect((function(){return o}),[]),[g,h]),w=j(O,2),P=w[0],E=w[1];return d.useEffect((function(){if(n&&e.current)return P(),function(){E()}})),[e,t]};function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var T=d.memo(d.forwardRef((function(e,n){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=j(d.useState(p.id),2),b=m[0],y=m[1],g=j(d.useState(0),2),h=g[0],O=g[1],w=j(d.useState(!1),2),P=w[0],E=w[1],S=x.setMetaData({props:p,state:{id:b,visible:P,level:h}}),I=S.ptm,N=S.cx,D=S.sx;r.useHandleStyle(x.css.styles,S.isUnstyled,{name:"slidemenu"});var U=d.useRef(null),T=d.useRef(null),H=d.useRef(null),A=d.useRef(null);C(T,p.popup&&p.closeOnEscape,(function(e){X(e)}));var M=j(i.useOverlayListener({target:T,overlay:U,listener:function(e,n){n.valid&&X(e)},when:P}),2),_=M[0],Z=M[1],L=function(){O((function(e){return e+1}))},W=function(){O((function(e){return e-1}))},F=function(e){p.popup&&(P?X(e):J(e))},J=function(e){T.current=e.currentTarget,E(!0),p.onShow&&p.onShow(e)},X=function(e){T.current=e.currentTarget,E(!1),p.onHide&&p.onHide(e)},z=function(){p.autoZIndex&&s.ZIndexUtils.set("menu",U.current,c&&c.autoZIndex||f.default.autoZIndex,p.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(U.current,T.current)},B=function(){_()},q=function(){T.current=null,Z()},Y=function(){s.ZIndexUtils.clear(U.current),O(0)};i.useMountEffect((function(){b||y(s.UniqueComponentId())})),i.useUpdateEffect((function(){O(0)}),[p.model]),i.useUpdateEffect((function(){p.onNavigate&&p.onNavigate({level:h})}),[h]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(U.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:F,show:J,hide:X,navigateForward:L,navigateBack:W,setLevelState:O,getElement:function(){return U.current}}}));var $=function(){var e=s.mergeProps({className:N("previousIcon")},I("previousIcon")),n=s.IconUtils.getJSXIcon(p.backIcon||d.createElement(u.ChevronLeftIcon,e),R({},e),{props:p}),t=s.mergeProps(I("previousLabel")),r=s.mergeProps({ref:H,className:N("previous",{levelState:h}),onClick:function(e){return W()}},I("previous"));return d.createElement("div",r,n,d.createElement("span",t,p.backLabel))},G=function(){var e={height:p.viewportHeight+"px"},n=$(),t=s.mergeProps({ref:U,id:p.id,className:N("root"),style:p.style,onClick:function(e){return n=e,void(p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:T.current}));var n}},x.getOtherProps(p),I("root")),r=s.mergeProps({className:N("wrapper"),style:e},I("wrapper")),i=s.mergeProps({ref:A,className:N("content")},I("content")),u=s.mergeProps({classNames:N("transition"),in:!p.popup||P,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:B,onExit:q,onExited:Y},I("transition"));return d.createElement(o.CSSTransition,v({nodeRef:U},u),d.createElement("div",t,d.createElement("div",r,d.createElement("div",i,d.createElement(k,{id:b,hostName:"SlideMenu",menuProps:p,model:p.model,root:!0,index:0,menuWidth:p.menuWidth,effectDuration:p.effectDuration,level:h,parentActive:0===h,onForward:L,submenuIcon:p.submenuIcon,ptm:I,cx:N,sx:D}))),n))}();return p.popup?d.createElement(l.Portal,{element:G,appendTo:p.appendTo}):G})));return T.displayName="SlideMenu",e.SlideMenu=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,n,t,r,o,i,u,a,l,s,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):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 j(e,n){return O(e)||w(e,n)||E(e,n)||S()}var x=r.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,closeOnEscape:!0},css:{classes:{previousIcon:"p-slidemenu-backward-icon",previous:function(e){var n=e.levelState;return s.classNames("p-slidemenu-backward",{"p-hidden-space":0===n,"p-slidemenu-separator":n>0})},root:function(e){var n=e.props;return s.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":n.popup},n.className)},wrapper:"p-slidemenu-wrapper",content:"p-slidemenu-content",separator:"p-slidemenu-separator",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",action:"p-menuitem-link",menu:function(e){var n=e.subProps;return s.classNames({"p-slidemenu-rootlist":n.root,"p-submenu-list":!n.root,"p-active-submenu":n.parentActive})},menuitem:function(e){var n=e.item;return s.classNames("p-menuitem",{"p-menuitem-active":e.active,"p-disabled":n.disabled},n.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-slidemenu {\n        width: 12.5em;\n    }\n    \n    .p-slidemenu.p-slidemenu-overlay {\n        position: absolute;\n    }\n    \n    .p-slidemenu .p-menu-separator {\n        border-width: 1px 0 0 0;\n    }\n    \n    .p-slidemenu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-slidemenu .p-slidemenu-rootlist {\n        position: absolute;\n        top: 0;\n    }\n    \n    .p-slidemenu .p-submenu-list {\n        display: none;\n        position: absolute;\n        top: 0;\n        width: 12.5em;\n    }\n    \n    .p-slidemenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-slidemenu .p-menuitem-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-text {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-slidemenu .p-slidemenu-wrapper {\n        position: relative;\n    }\n    \n    .p-slidemenu .p-slidemenu-content {\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: relative;\n        height: 100%;\n    }\n    \n    .p-slidemenu-backward {\n        bottom: 0;\n        width: 100%;\n        padding: 0.25em;\n        cursor: pointer;\n    }\n    \n    .p-slidemenu-backward .p-slidemenu-backward-icon {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu-backward span {\n        vertical-align: middle;\n    }\n    \n    .p-slidemenu .p-menuitem-active {\n        position: static;\n    }\n    \n    .p-slidemenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n}\n",inlineStyles:{menu:function(e){var n=e.subProps;return{width:n.menuWidth+"px",left:n.root?-1*n.level*n.menuWidth+"px":n.menuWidth+"px",transitionProperty:n.root?"left":"none",transitionDuration:n.effectDuration+"ms",transitionTimingFunction:n.easing}}}}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.memo((function(e){var n=j(d.useState(null),2),t=n[0],r=n[1],o=j(d.useState({}),2),i=o[0],u=o[1],a=e.ptm,l=e.cx,p=e.sx,m=function(n,r){return a(r,{hostName:e.hostName,context:{active:t===n}})},f=function(n,t,o){if(t.disabled)n.preventDefault();else if(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),t.items){var a=y(t,o);u(N(N({},i),{},h({},a,!0))),r(t),e.onForward()}},v=function(n){var t=e.id+"_sep_"+n,r=s.mergeProps({id:t,key:t,className:l("separator"),role:"separator"},a("separator",{hostName:e.hostName}));return d.createElement("li",r)},b=function(n,r){var o=i[y(n,r)];return n.items&&o?d.createElement(k,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:n===t,submenuIcon:e.submenuIcon,ptm:a,cx:l,sx:p}):null},y=function(n,t){return n.id||e.id+"_"+t},g=function(n,r){if(!1===n.visible)return null;var o=y(n,r),i=t===n,u=s.classNames("p-menuitem-icon",n.icon),a=s.mergeProps({className:l("icon")},m(n,"icon")),p=s.IconUtils.getJSXIcon(n.icon,N({},a),{props:e.menuProps}),v=s.mergeProps({className:l("submenuIcon")},m(n,"submenuIcon")),g=s.mergeProps({className:l("label")},m(n,"label")),h=n.items&&s.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(c.AngleRightIcon,v),N({},v),{props:e}),O=n.label&&d.createElement("span",g,n.label),w=b(n,r),P=s.mergeProps({href:n.url||"#",className:l("action"),target:n.target,onClick:function(e){return f(e,n,r)},"aria-disabled":n.disabled},m(n,"action")),E=d.createElement("a",P,p,O,h);n.template&&(E=s.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return f(e,n,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:"p-submenu-icon",element:E,props:e,active:i}));var S=s.mergeProps({id:o,key:o,className:l("menuitem",{active:i,item:n}),style:n.style},m(n,"menuitem"));return d.createElement("li",S,E,w)},O=e.model?e.model.map((function(e,n){return e.separator?v(n):g(e,n)})):null,w=s.mergeProps({className:l("menu",{subProps:e}),style:p("menu",{subProps:e})},a("menu",{hostName:e.hostName}));return d.createElement("ul",w,O)}));k.displayName="SlideMenuSub";var D=function(e){var n,t,r,o=e.target,i=void 0===o?"document":o,u=e.type,a=e.listener,l=e.options,c=e.when,p=void 0===c||c,m=d.useRef(null),f=d.useRef(null),v=(n=l,t=d.useRef(void 0),d.useEffect((function(){t.current=n})),t.current),b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||p)&&(m.current=s.DomHandler.getTargetElement(e.target))),!f.current&&m.current&&(f.current=function(e){return a&&a(e)},m.current.addEventListener(u,f.current,l))},y=function(){f.current&&(m.current.removeEventListener(u,f.current,l),f.current=null)};return d.useEffect((function(){p?m.current=s.DomHandler.getTargetElement(i):(y(),m.current=null)}),[i,p]),d.useEffect((function(){!f.current||f.current===a&&v===l||(y(),p&&b())}),[a,l]),r=function(){y()},d.useEffect((function(){return r}),[]),[b,y]},C=function(e,n,t){var r=j(D({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}),2),o=r[0],i=r[1];return d.useEffect((function(){if(n&&e.current)return o(),function(){i()}})),[e,t]};function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var T=d.memo(d.forwardRef((function(e,n){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=j(d.useState(p.id),2),b=m[0],y=m[1],g=j(d.useState(0),2),h=g[0],O=g[1],w=j(d.useState(!1),2),P=w[0],E=w[1],S=x.setMetaData({props:p,state:{id:b,visible:P,level:h}}),I=S.ptm,N=S.cx,D=S.sx;r.useHandleStyle(x.css.styles,S.isUnstyled,{name:"slidemenu"});var U=d.useRef(null),T=d.useRef(null),H=d.useRef(null),A=d.useRef(null);C(T,p.popup&&p.closeOnEscape,(function(e){X(e)}));var M=j(i.useOverlayListener({target:T,overlay:U,listener:function(e,n){n.valid&&X(e)},when:P}),2),_=M[0],Z=M[1],L=function(){O((function(e){return e+1}))},W=function(){O((function(e){return e-1}))},F=function(e){p.popup&&(P?X(e):J(e))},J=function(e){T.current=e.currentTarget,E(!0),p.onShow&&p.onShow(e)},X=function(e){T.current=e.currentTarget,E(!1),p.onHide&&p.onHide(e)},z=function(){p.autoZIndex&&s.ZIndexUtils.set("menu",U.current,c&&c.autoZIndex||f.default.autoZIndex,p.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),s.DomHandler.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(U.current,T.current)},B=function(){_()},q=function(){T.current=null,Z()},Y=function(){s.ZIndexUtils.clear(U.current),O(0)};i.useMountEffect((function(){b||y(s.UniqueComponentId())})),i.useUpdateEffect((function(){O(0)}),[p.model]),i.useUpdateEffect((function(){p.onNavigate&&p.onNavigate({level:h})}),[h]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(U.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:F,show:J,hide:X,navigateForward:L,navigateBack:W,setLevelState:O,getElement:function(){return U.current}}}));var $=function(){var e=s.mergeProps({className:N("previousIcon")},I("previousIcon")),n=s.IconUtils.getJSXIcon(p.backIcon||d.createElement(u.ChevronLeftIcon,e),R({},e),{props:p}),t=s.mergeProps(I("previousLabel")),r=s.mergeProps({ref:H,className:N("previous",{levelState:h}),onClick:function(e){return W()}},I("previous"));return d.createElement("div",r,n,d.createElement("span",t,p.backLabel))},G=function(){var e={height:p.viewportHeight+"px"},n=$(),t=s.mergeProps({ref:U,id:p.id,className:N("root"),style:p.style,onClick:function(e){return n=e,void(p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:T.current}));var n}},x.getOtherProps(p),I("root")),r=s.mergeProps({className:N("wrapper"),style:e},I("wrapper")),i=s.mergeProps({ref:A,className:N("content")},I("content")),u=s.mergeProps({classNames:N("transition"),in:!p.popup||P,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:z,onEntered:B,onExit:q,onExited:Y},I("transition"));return d.createElement(o.CSSTransition,v({nodeRef:U},u),d.createElement("div",t,d.createElement("div",r,d.createElement("div",i,d.createElement(k,{id:b,hostName:"SlideMenu",menuProps:p,model:p.model,root:!0,index:0,menuWidth:p.menuWidth,effectDuration:p.effectDuration,level:h,parentActive:0===h,onForward:L,submenuIcon:p.submenuIcon,ptm:I,cx:N,sx:D}))),n))}();return p.popup?d.createElement(l.Portal,{element:G,appendTo:p.appendTo}):G})));return T.displayName="SlideMenu",e.SlideMenu=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronleft,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright);

package/slider/slider.cjs.js

@@ -225,7 +225,7 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var initY = React__namespace.useRef(0);
   var barWidth = React__namespace.useRef(0);
   var barHeight = React__namespace.useRef(0);
-  var value = props.range ? props.value || [props.min, props.max] : props.value || 0;
+  var value = props.range ? props.value || [props.min, props.max] : props.value || props.min || 0;
   var horizontal = props.orientation === 'horizontal';
   var vertical = props.orientation === 'vertical';
   var _useEventListener = hooks.useEventListener({

package/slider/slider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),i=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=o(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},a.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 s(e,n){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==u(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function c(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function f(e){if(Array.isArray(e))return p(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){if(Array.isArray(e))return e}function v(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,l,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(a.push(t.value),a.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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 h(e,n){return b(e)||v(e,n)||m(e,n)||g()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return i.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return i.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function x(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?x(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=c(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var S=l.memo(l.forwardRef((function(e,o){var u=l.useContext(n.PrimeReactContext),s=O.getProps(e,u),c=l.useRef(null),p=l.useRef(0),b=l.useRef(!1),v=l.useRef(!1),g=l.useRef(0),x=l.useRef(0),S=l.useRef(0),w=l.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,D=h(t.useEventListener({type:"mousemove",listener:function(e){return K(e)}}),2),R=D[0],I=D[1],N=h(t.useEventListener({type:"mouseup",listener:function(e){return V(e)}}),2),C=N[0],z=N[1],M=h(t.useEventListener({type:"touchmove",listener:function(e){return K(e)}}),2),U=M[0],k=M[1],_=h(t.useEventListener({type:"touchend",listener:function(e){return V(e)}}),2),H=_[0],L=_[1],T=O.setMetaData({props:s}),q=T.ptm,F=T.cx,W=T.sx;r.useHandleStyle(O.css.styles,T.isUnstyled,{name:"slider"});var Y=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},B=function(e,n){s.disabled||(v.current=!0,J(),b.current=!0,p.current=n)},K=function(e){v.current&&(Q(e),e.preventDefault())},V=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},X=function(e,n){R(),C(),B(0,n)},$=function(e,n){U(),H(),B(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?Y(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||Y(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();g.current=e.left+i.DomHandler.getWindowScrollLeft(),x.current=e.top+i.DomHandler.getWindowScrollTop(),S.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(P?100*(n-g.current)/S.current:100*(x.current+w.current-r)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var o=s.range?E[p.current]:E,l=t-o;l<0?t=o+Math.ceil(t/s.step-o/s.step)*s.step:l>0&&(t=o+Math.floor(t/s.step-o/s.step)*s.step)}else t=Math.floor(t);return Z(e,t)}},Z=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return s.range?(0===p.current?t<s.min?t=s.min:t>s.max&&(t=s.max):t>s.max?t=s.max:t<s.min&&(t=s.min),(i=f(r=E)||d(r)||m(r)||y())[p.current]=t,s.onChange&&s.onChange({originalEvent:e,value:i})):(t<s.min?t=s.min:t>s.max&&(t=s.max),i=t,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,r){e=i.ObjectUtils.isEmpty(e)?null:e,n=i.ObjectUtils.isEmpty(n)?null:n;var t={transition:v.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},o=i.mergeProps(j({className:F("handle",{index:r,handleIndex:p}),style:j(j({},W("handle",{dragging:v,leftValue:e,bottomValue:n})),t),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return X(0,r)},onTouchStart:function(e){return $(0,r)},onKeyDown:function(e){return G(e,r)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},ce),q("handle"));return l.createElement("span",o)};l.useImperativeHandle(o,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,re,te,ie,oe,le,ae,ue,se=O.getOtherProps(s),ce=i.ObjectUtils.reduceKeys(se,i.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),re=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),te=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(re,null,1):ee(null,re,1),oe=re>ne?re-ne:ne-re,le=re>ne?ne:re,ae=P?{left:le+"%",width:oe+"%"}:{bottom:le+"%",height:oe+"%"},ue=i.mergeProps({className:F("range"),style:j(j({},W("range")),ae)},q("range")),l.createElement(l.Fragment,null,l.createElement("span",ue),te,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},r=P?ee(e,null,null):ee(null,e,null),t=i.mergeProps({className:F("range"),style:j(j({},W("range")),n)},q("range"));return l.createElement(l.Fragment,null,l.createElement("span",t),r)}(),fe=i.mergeProps({style:s.style,className:F("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!b.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},O.getOtherProps(s),q("root"));return l.createElement("div",a({id:s.id,ref:c},fe),pe)})));S.displayName="Slider",exports.Slider=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),i=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=o(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},a.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 s(e,n){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==u(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function c(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function f(e){if(Array.isArray(e))return p(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){if(Array.isArray(e))return e}function v(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,l,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(a.push(t.value),a.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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 h(e,n){return b(e)||v(e,n)||m(e,n)||g()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return i.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return i.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function x(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?x(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=c(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var S=l.memo(l.forwardRef((function(e,o){var u=l.useContext(n.PrimeReactContext),s=O.getProps(e,u),c=l.useRef(null),p=l.useRef(0),b=l.useRef(!1),v=l.useRef(!1),g=l.useRef(0),x=l.useRef(0),S=l.useRef(0),w=l.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||s.min||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,D=h(t.useEventListener({type:"mousemove",listener:function(e){return K(e)}}),2),R=D[0],I=D[1],N=h(t.useEventListener({type:"mouseup",listener:function(e){return V(e)}}),2),C=N[0],z=N[1],M=h(t.useEventListener({type:"touchmove",listener:function(e){return K(e)}}),2),U=M[0],k=M[1],_=h(t.useEventListener({type:"touchend",listener:function(e){return V(e)}}),2),H=_[0],L=_[1],T=O.setMetaData({props:s}),q=T.ptm,F=T.cx,W=T.sx;r.useHandleStyle(O.css.styles,T.isUnstyled,{name:"slider"});var Y=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},B=function(e,n){s.disabled||(v.current=!0,J(),b.current=!0,p.current=n)},K=function(e){v.current&&(Q(e),e.preventDefault())},V=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},X=function(e,n){R(),C(),B(0,n)},$=function(e,n){U(),H(),B(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?Y(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||Y(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();g.current=e.left+i.DomHandler.getWindowScrollLeft(),x.current=e.top+i.DomHandler.getWindowScrollTop(),S.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(P?100*(n-g.current)/S.current:100*(x.current+w.current-r)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var o=s.range?E[p.current]:E,l=t-o;l<0?t=o+Math.ceil(t/s.step-o/s.step)*s.step:l>0&&(t=o+Math.floor(t/s.step-o/s.step)*s.step)}else t=Math.floor(t);return Z(e,t)}},Z=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return s.range?(0===p.current?t<s.min?t=s.min:t>s.max&&(t=s.max):t>s.max?t=s.max:t<s.min&&(t=s.min),(i=f(r=E)||d(r)||m(r)||y())[p.current]=t,s.onChange&&s.onChange({originalEvent:e,value:i})):(t<s.min?t=s.min:t>s.max&&(t=s.max),i=t,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,r){e=i.ObjectUtils.isEmpty(e)?null:e,n=i.ObjectUtils.isEmpty(n)?null:n;var t={transition:v.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},o=i.mergeProps(j({className:F("handle",{index:r,handleIndex:p}),style:j(j({},W("handle",{dragging:v,leftValue:e,bottomValue:n})),t),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return X(0,r)},onTouchStart:function(e){return $(0,r)},onKeyDown:function(e){return G(e,r)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},ce),q("handle"));return l.createElement("span",o)};l.useImperativeHandle(o,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,re,te,ie,oe,le,ae,ue,se=O.getOtherProps(s),ce=i.ObjectUtils.reduceKeys(se,i.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),re=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),te=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(re,null,1):ee(null,re,1),oe=re>ne?re-ne:ne-re,le=re>ne?ne:re,ae=P?{left:le+"%",width:oe+"%"}:{bottom:le+"%",height:oe+"%"},ue=i.mergeProps({className:F("range"),style:j(j({},W("range")),ae)},q("range")),l.createElement(l.Fragment,null,l.createElement("span",ue),te,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},r=P?ee(e,null,null):ee(null,e,null),t=i.mergeProps({className:F("range"),style:j(j({},W("range")),n)},q("range"));return l.createElement(l.Fragment,null,l.createElement("span",t),r)}(),fe=i.mergeProps({style:s.style,className:F("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!b.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},O.getOtherProps(s),q("root"));return l.createElement("div",a({id:s.id,ref:c},fe),pe)})));S.displayName="Slider",exports.Slider=S;

package/slider/slider.esm.js

@@ -201,7 +201,7 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var initY = React.useRef(0);
   var barWidth = React.useRef(0);
   var barHeight = React.useRef(0);
-  var value = props.range ? props.value || [props.min, props.max] : props.value || 0;
+  var value = props.range ? props.value || [props.min, props.max] : props.value || props.min || 0;
   var horizontal = props.orientation === 'horizontal';
   var vertical = props.orientation === 'vertical';
   var _useEventListener = useEventListener({

package/slider/slider.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as t}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{classNames as o,ObjectUtils as l,DomHandler as a,mergeProps as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},s.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 p(e,n){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==c(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===c(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function d(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return m(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){if(Array.isArray(e))return e}function g(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,l,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(a.push(t.value),a.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function x(){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,n){return b(e)||g(e,n)||h(e,n)||x()}var S=r.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function O(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function E(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?O(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=f(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var j=e.memo(e.forwardRef((function(r,o){var c=e.useContext(n),p=S.getProps(r,c),f=e.useRef(null),m=e.useRef(0),b=e.useRef(!1),g=e.useRef(!1),x=e.useRef(0),O=e.useRef(0),j=e.useRef(0),P=e.useRef(0),A=p.range?p.value||[p.min,p.max]:p.value||0,R="horizontal"===p.orientation,I="vertical"===p.orientation,D=w(i({type:"mousemove",listener:function(e){return $(e)}}),2),N=D[0],z=D[1],C=w(i({type:"mouseup",listener:function(e){return q(e)}}),2),k=C[0],M=C[1],T=w(i({type:"touchmove",listener:function(e){return $(e)}}),2),F=T[0],U=T[1],W=w(i({type:"touchend",listener:function(e){return q(e)}}),2),Y=W[0],_=W[1],H=S.setMetaData({props:p}),K=H.ptm,L=H.cx,V=H.sx;t(S.css.styles,H.isUnstyled,{name:"slider"});var X=function(e,n){ne(e,(p.range?A[m.current]:A)+(p.step||1)*n),e.preventDefault()},B=function(e,n){p.disabled||(g.current=!0,Z(),b.current=!0,m.current=n)},$=function(e){g.current&&(ee(e),e.preventDefault())},q=function(e){if(g.current){g.current=!1;var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n}),z(),M(),U(),_()}},G=function(e,n){N(),k(),B(0,n)},J=function(e,n){F(),Y(),B(0,n)},Q=function(e,n){if(!p.disabled){m.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?X(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||X(e,-1)}},Z=function(){var e=f.current.getBoundingClientRect();x.current=e.left+a.getWindowScrollLeft(),O.current=e.top+a.getWindowScrollTop(),j.current=f.current.offsetWidth,P.current=f.current.offsetHeight},ee=function(e){var n=l.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=l.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(R?100*(n-x.current)/j.current:100*(O.current+P.current-r)/P.current)/100*(p.max-p.min)+p.min;if(p.step){var i=p.range?A[m.current]:A,o=t-i;o<0?t=i+Math.ceil(t/p.step-i/p.step)*p.step:o>0&&(t=i+Math.floor(t/p.step-i/p.step)*p.step)}else t=Math.floor(t);return ne(e,t)}},ne=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return p.range?(0===m.current?t<p.min?t=p.min:t>p.max&&(t=p.max):t>p.max?t=p.max:t<p.min&&(t=p.min),(i=d(r=A)||y(r)||h(r)||v())[m.current]=t,p.onChange&&p.onChange({originalEvent:e,value:i})):(t<p.min?t=p.min:t>p.max&&(t=p.max),i=t,p.onChange&&p.onChange({originalEvent:e,value:i})),i},re=function(n,r,t){n=l.isEmpty(n)?null:n,r=l.isEmpty(r)?null:r;var i={transition:g.current?"none":null,left:null!=n?n+"%":null,bottom:null!=r?r+"%":null},o=u(E({className:L("handle",{index:t,handleIndex:m}),style:E(E({},V("handle",{dragging:g,leftValue:n,bottomValue:r})),i),tabIndex:p.tabIndex,role:"slider",onMouseDown:function(e){return G(0,t)},onTouchStart:function(e){return J(0,t)},onKeyDown:function(e){return Q(e,t)},"aria-valuemin":p.min,"aria-valuemax":p.max,"aria-valuenow":n||r||0,"aria-orientation":p.orientation},fe),K("handle"));return e.createElement("span",o)};e.useImperativeHandle(o,(function(){return{props:p,getElement:function(){return f.current}}}));var te,ie,oe,le,ae,ue,se,ce,pe=S.getOtherProps(p),fe=l.reduceKeys(pe,a.ARIA_PROPS),me=p.range?(te=100*(A[0]<p.min?p.min:A[0]-p.min)/(p.max-p.min),ie=100*(A[1]>p.max?p.max:A[1]-p.min)/(p.max-p.min),oe=R?re(te,null,0):re(null,te,0),le=R?re(ie,null,1):re(null,ie,1),ae=ie>te?ie-te:te-ie,ue=ie>te?te:ie,se=R?{left:ue+"%",width:ae+"%"}:{bottom:ue+"%",height:ae+"%"},ce=u({className:L("range"),style:E(E({},V("range")),se)},K("range")),e.createElement(e.Fragment,null,e.createElement("span",ce),oe,le)):function(){var n;n=A<p.min?p.min:A>p.max?p.max:100*(A-p.min)/(p.max-p.min);var r=R?{width:n+"%"}:{height:n+"%"},t=R?re(n,null,null):re(null,n,null),i=u({className:L("range"),style:E(E({},V("range")),r)},K("range"));return e.createElement(e.Fragment,null,e.createElement("span",i),t)}(),de=u({style:p.style,className:L("root",{vertical:I,horizontal:R}),onClick:function(e){if(!p.disabled){if(!b.current){Z();var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},S.getOtherProps(p),K("root"));return e.createElement("div",s({id:p.id,ref:f},de),me)})));j.displayName="Slider";export{j as Slider};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as t}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{classNames as o,ObjectUtils as l,DomHandler as a,mergeProps as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},s.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 p(e,n){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==c(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===c(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function d(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return m(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){if(Array.isArray(e))return e}function g(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,l,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(a.push(t.value),a.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function x(){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,n){return b(e)||g(e,n)||h(e,n)||x()}var S=r.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function O(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function E(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?O(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=f(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var j=e.memo(e.forwardRef((function(r,o){var c=e.useContext(n),p=S.getProps(r,c),f=e.useRef(null),m=e.useRef(0),b=e.useRef(!1),g=e.useRef(!1),x=e.useRef(0),O=e.useRef(0),j=e.useRef(0),P=e.useRef(0),A=p.range?p.value||[p.min,p.max]:p.value||p.min||0,R="horizontal"===p.orientation,I="vertical"===p.orientation,D=w(i({type:"mousemove",listener:function(e){return $(e)}}),2),N=D[0],z=D[1],C=w(i({type:"mouseup",listener:function(e){return q(e)}}),2),k=C[0],M=C[1],T=w(i({type:"touchmove",listener:function(e){return $(e)}}),2),F=T[0],U=T[1],W=w(i({type:"touchend",listener:function(e){return q(e)}}),2),Y=W[0],_=W[1],H=S.setMetaData({props:p}),K=H.ptm,L=H.cx,V=H.sx;t(S.css.styles,H.isUnstyled,{name:"slider"});var X=function(e,n){ne(e,(p.range?A[m.current]:A)+(p.step||1)*n),e.preventDefault()},B=function(e,n){p.disabled||(g.current=!0,Z(),b.current=!0,m.current=n)},$=function(e){g.current&&(ee(e),e.preventDefault())},q=function(e){if(g.current){g.current=!1;var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n}),z(),M(),U(),_()}},G=function(e,n){N(),k(),B(0,n)},J=function(e,n){F(),Y(),B(0,n)},Q=function(e,n){if(!p.disabled){m.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?X(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||X(e,-1)}},Z=function(){var e=f.current.getBoundingClientRect();x.current=e.left+a.getWindowScrollLeft(),O.current=e.top+a.getWindowScrollTop(),j.current=f.current.offsetWidth,P.current=f.current.offsetHeight},ee=function(e){var n=l.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=l.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(R?100*(n-x.current)/j.current:100*(O.current+P.current-r)/P.current)/100*(p.max-p.min)+p.min;if(p.step){var i=p.range?A[m.current]:A,o=t-i;o<0?t=i+Math.ceil(t/p.step-i/p.step)*p.step:o>0&&(t=i+Math.floor(t/p.step-i/p.step)*p.step)}else t=Math.floor(t);return ne(e,t)}},ne=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return p.range?(0===m.current?t<p.min?t=p.min:t>p.max&&(t=p.max):t>p.max?t=p.max:t<p.min&&(t=p.min),(i=d(r=A)||y(r)||h(r)||v())[m.current]=t,p.onChange&&p.onChange({originalEvent:e,value:i})):(t<p.min?t=p.min:t>p.max&&(t=p.max),i=t,p.onChange&&p.onChange({originalEvent:e,value:i})),i},re=function(n,r,t){n=l.isEmpty(n)?null:n,r=l.isEmpty(r)?null:r;var i={transition:g.current?"none":null,left:null!=n?n+"%":null,bottom:null!=r?r+"%":null},o=u(E({className:L("handle",{index:t,handleIndex:m}),style:E(E({},V("handle",{dragging:g,leftValue:n,bottomValue:r})),i),tabIndex:p.tabIndex,role:"slider",onMouseDown:function(e){return G(0,t)},onTouchStart:function(e){return J(0,t)},onKeyDown:function(e){return Q(e,t)},"aria-valuemin":p.min,"aria-valuemax":p.max,"aria-valuenow":n||r||0,"aria-orientation":p.orientation},fe),K("handle"));return e.createElement("span",o)};e.useImperativeHandle(o,(function(){return{props:p,getElement:function(){return f.current}}}));var te,ie,oe,le,ae,ue,se,ce,pe=S.getOtherProps(p),fe=l.reduceKeys(pe,a.ARIA_PROPS),me=p.range?(te=100*(A[0]<p.min?p.min:A[0]-p.min)/(p.max-p.min),ie=100*(A[1]>p.max?p.max:A[1]-p.min)/(p.max-p.min),oe=R?re(te,null,0):re(null,te,0),le=R?re(ie,null,1):re(null,ie,1),ae=ie>te?ie-te:te-ie,ue=ie>te?te:ie,se=R?{left:ue+"%",width:ae+"%"}:{bottom:ue+"%",height:ae+"%"},ce=u({className:L("range"),style:E(E({},V("range")),se)},K("range")),e.createElement(e.Fragment,null,e.createElement("span",ce),oe,le)):function(){var n;n=A<p.min?p.min:A>p.max?p.max:100*(A-p.min)/(p.max-p.min);var r=R?{width:n+"%"}:{height:n+"%"},t=R?re(n,null,null):re(null,n,null),i=u({className:L("range"),style:E(E({},V("range")),r)},K("range"));return e.createElement(e.Fragment,null,e.createElement("span",i),t)}(),de=u({style:p.style,className:L("root",{vertical:I,horizontal:R}),onClick:function(e){if(!p.disabled){if(!b.current){Z();var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},S.getOtherProps(p),K("root"));return e.createElement("div",s({id:p.id,ref:f},de),me)})));j.displayName="Slider";export{j as Slider};

package/slider/slider.js

@@ -218,7 +218,7 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
     var initY = React__namespace.useRef(0);
     var barWidth = React__namespace.useRef(0);
     var barHeight = React__namespace.useRef(0);
-    var value = props.range ? props.value || [props.min, props.max] : props.value || 0;
+    var value = props.range ? props.value || [props.min, props.max] : props.value || props.min || 0;
     var horizontal = props.orientation === 'horizontal';
     var vertical = props.orientation === 'vertical';
     var _useEventListener = hooks.useEventListener({

package/slider/slider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slider=function(e,n,t,r,i,o){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=l(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},u.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 c(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=c(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function d(e){if(Array.isArray(e))return f(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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,n){return v(e)||h(e,n)||y(e,n)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=p(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=a.memo(a.forwardRef((function(e,n){var l=a.useContext(t.PrimeReactContext),s=x.getProps(e,l),c=a.useRef(null),p=a.useRef(0),f=a.useRef(!1),v=a.useRef(!1),h=a.useRef(0),g=a.useRef(0),j=a.useRef(0),w=a.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,R=O(i.useEventListener({type:"mousemove",listener:function(e){return V(e)}}),2),D=R[0],I=R[1],N=O(i.useEventListener({type:"mouseup",listener:function(e){return X(e)}}),2),C=N[0],z=N[1],M=O(i.useEventListener({type:"touchmove",listener:function(e){return V(e)}}),2),U=M[0],k=M[1],_=O(i.useEventListener({type:"touchend",listener:function(e){return X(e)}}),2),H=_[0],L=_[1],T=x.setMetaData({props:s}),F=T.ptm,W=T.cx,Y=T.sx;r.useHandleStyle(x.css.styles,T.isUnstyled,{name:"slider"});var B=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},K=function(e,n){s.disabled||(v.current=!0,J(),f.current=!0,p.current=n)},V=function(e){v.current&&(Q(e),e.preventDefault())},X=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},$=function(e,n){D(),C(),K(0,n)},q=function(e,n){U(),H(),K(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?B(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||B(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();h.current=e.left+o.DomHandler.getWindowScrollLeft(),g.current=e.top+o.DomHandler.getWindowScrollTop(),j.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,t=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&t){var r=(P?100*(n-h.current)/j.current:100*(g.current+w.current-t)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var i=s.range?E[p.current]:E,l=r-i;l<0?r=i+Math.ceil(r/s.step-i/s.step)*s.step:l>0&&(r=i+Math.floor(r/s.step-i/s.step)*s.step)}else r=Math.floor(r);return Z(e,r)}},Z=function(e,n){var t,r=parseFloat(n.toFixed(10)),i=r;return s.range?(0===p.current?r<s.min?r=s.min:r>s.max&&(r=s.max):r>s.max?r=s.max:r<s.min&&(r=s.min),(i=d(t=E)||m(t)||y(t)||b())[p.current]=r,s.onChange&&s.onChange({originalEvent:e,value:i})):(r<s.min?r=s.min:r>s.max&&(r=s.max),i=r,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,t){e=o.ObjectUtils.isEmpty(e)?null:e,n=o.ObjectUtils.isEmpty(n)?null:n;var r={transition:v.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},i=o.mergeProps(S({className:W("handle",{index:t,handleIndex:p}),style:S(S({},Y("handle",{dragging:v,leftValue:e,bottomValue:n})),r),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return $(0,t)},onTouchStart:function(e){return q(0,t)},onKeyDown:function(e){return G(e,t)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},ce),F("handle"));return a.createElement("span",i)};a.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,te,re,ie,oe,le,ae,ue,se=x.getOtherProps(s),ce=o.ObjectUtils.reduceKeys(se,o.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),te=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),re=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(te,null,1):ee(null,te,1),oe=te>ne?te-ne:ne-te,le=te>ne?ne:te,ae=P?{left:le+"%",width:oe+"%"}:{bottom:le+"%",height:oe+"%"},ue=o.mergeProps({className:W("range"),style:S(S({},Y("range")),ae)},F("range")),a.createElement(a.Fragment,null,a.createElement("span",ue),re,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},t=P?ee(e,null,null):ee(null,e,null),r=o.mergeProps({className:W("range"),style:S(S({},Y("range")),n)},F("range"));return a.createElement(a.Fragment,null,a.createElement("span",r),t)}(),fe=o.mergeProps({style:s.style,className:W("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!f.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}f.current=!1}}},x.getOtherProps(s),F("root"));return a.createElement("div",u({id:s.id,ref:c},fe),pe)})));return w.displayName="Slider",e.Slider=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slider=function(e,n,t,r,i,o){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=l(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},u.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 c(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=c(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function d(e){if(Array.isArray(e))return f(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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,n){return v(e)||h(e,n)||y(e,n)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=p(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=a.memo(a.forwardRef((function(e,n){var l=a.useContext(t.PrimeReactContext),s=x.getProps(e,l),c=a.useRef(null),p=a.useRef(0),f=a.useRef(!1),v=a.useRef(!1),h=a.useRef(0),g=a.useRef(0),j=a.useRef(0),w=a.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||s.min||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,R=O(i.useEventListener({type:"mousemove",listener:function(e){return V(e)}}),2),D=R[0],I=R[1],N=O(i.useEventListener({type:"mouseup",listener:function(e){return X(e)}}),2),C=N[0],z=N[1],M=O(i.useEventListener({type:"touchmove",listener:function(e){return V(e)}}),2),U=M[0],k=M[1],_=O(i.useEventListener({type:"touchend",listener:function(e){return X(e)}}),2),H=_[0],L=_[1],T=x.setMetaData({props:s}),F=T.ptm,W=T.cx,Y=T.sx;r.useHandleStyle(x.css.styles,T.isUnstyled,{name:"slider"});var B=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},K=function(e,n){s.disabled||(v.current=!0,J(),f.current=!0,p.current=n)},V=function(e){v.current&&(Q(e),e.preventDefault())},X=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},$=function(e,n){D(),C(),K(0,n)},q=function(e,n){U(),H(),K(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?B(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||B(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();h.current=e.left+o.DomHandler.getWindowScrollLeft(),g.current=e.top+o.DomHandler.getWindowScrollTop(),j.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,t=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&t){var r=(P?100*(n-h.current)/j.current:100*(g.current+w.current-t)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var i=s.range?E[p.current]:E,l=r-i;l<0?r=i+Math.ceil(r/s.step-i/s.step)*s.step:l>0&&(r=i+Math.floor(r/s.step-i/s.step)*s.step)}else r=Math.floor(r);return Z(e,r)}},Z=function(e,n){var t,r=parseFloat(n.toFixed(10)),i=r;return s.range?(0===p.current?r<s.min?r=s.min:r>s.max&&(r=s.max):r>s.max?r=s.max:r<s.min&&(r=s.min),(i=d(t=E)||m(t)||y(t)||b())[p.current]=r,s.onChange&&s.onChange({originalEvent:e,value:i})):(r<s.min?r=s.min:r>s.max&&(r=s.max),i=r,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,t){e=o.ObjectUtils.isEmpty(e)?null:e,n=o.ObjectUtils.isEmpty(n)?null:n;var r={transition:v.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},i=o.mergeProps(S({className:W("handle",{index:t,handleIndex:p}),style:S(S({},Y("handle",{dragging:v,leftValue:e,bottomValue:n})),r),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return $(0,t)},onTouchStart:function(e){return q(0,t)},onKeyDown:function(e){return G(e,t)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},ce),F("handle"));return a.createElement("span",i)};a.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,te,re,ie,oe,le,ae,ue,se=x.getOtherProps(s),ce=o.ObjectUtils.reduceKeys(se,o.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),te=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),re=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(te,null,1):ee(null,te,1),oe=te>ne?te-ne:ne-te,le=te>ne?ne:te,ae=P?{left:le+"%",width:oe+"%"}:{bottom:le+"%",height:oe+"%"},ue=o.mergeProps({className:W("range"),style:S(S({},Y("range")),ae)},F("range")),a.createElement(a.Fragment,null,a.createElement("span",ue),re,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},t=P?ee(e,null,null):ee(null,e,null),r=o.mergeProps({className:W("range"),style:S(S({},Y("range")),n)},F("range"));return a.createElement(a.Fragment,null,a.createElement("span",r),t)}(),fe=o.mergeProps({style:s.style,className:W("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!f.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}f.current=!1}}},x.getOtherProps(s),F("root"));return a.createElement("div",u({id:s.id,ref:c},fe),pe)})));return w.displayName="Slider",e.Slider=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/speeddial/speeddial.cjs.js

@@ -269,6 +269,9 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _useEventListener2 = _slicedToArray(_useEventListener, 2),
     bindDocumentClickListener = _useEventListener2[0],
     unbindDocumentClickListener = _useEventListener2[1];
+  hooks.useOnEscapeKey(elementRef, visible, function () {
+    return hide();
+  });
   var show = function show() {
     props.onVisibleChange ? props.onVisibleChange(true) : setVisibleState(true);
     props.onShow && props.onShow();

package/speeddial/speeddial.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),i=require("primereact/hooks"),o=require("primereact/icons/minus"),a=require("primereact/icons/plus"),l=require("primereact/ripple"),s=require("primereact/utils");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 u=c(e);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 d(e){return d="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},d(e)}function m(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function b(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 y(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,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}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 g(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 O(){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 y(e)||v(e,t)||g(e,t)||O()}var N=r.ComponentBase.extend({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},css:{classes:{root:function(e){var t=e.props,n=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(t.type),b(b(b({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});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){b(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 x=u.memo(u.forwardRef((function(e,c){var d=w(u.useState(!1),2),m=d[0],f=d[1],y=u.useContext(t.PrimeReactContext),v=N.getProps(e,y),h=v.onVisibleChange?v.visible:m,g={props:v,state:{visible:h}},O=N.setMetaData(g),S=O.ptm,x=O.cx,P=O.sx;r.useHandleStyle(N.css.styles,O.isUnstyled,{name:"speeddial"});var I=u.useRef(!1),k=u.useRef(null),C=u.useRef(null),E=w(i.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&A(),I.current=!1},when:m}),2),M=E[0],D=E[1],q=function(){v.onVisibleChange?v.onVisibleChange(!0):f(!0),v.onShow&&v.onShow()},A=function(){v.onVisibleChange?v.onVisibleChange(!1):f(!1),v.onHide&&v.onHide()},H=function(e){h?A():q(),v.onClick&&v.onClick(e),I.current=!0},_=function(e,t){t.command&&t.command({originalEvent:e,item:t}),A(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(h?e:v.model.length-e-1)*v.transitionDelay},R=function(e){var t=v.type;if("linear"!==t){var n=v.model.length,r=v.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=v.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=v.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},T=function(e){var t=z(e),n=R(e);return j({transitionDelay:"".concat(t,"ms")},n)};i.useMountEffect((function(){if("linear"!==v.type){var e=s.DomHandler.findSingle(k.current,".p-speeddial-button"),t=s.DomHandler.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.useUpdateEffect((function(){return m&&v.hideOnClickOutside&&M(),function(){v.hideOnClickOutside&&D()}}),[m]),u.useImperativeHandle(c,(function(){return{props:v,show:q,hide:A,getElement:function(){return k.current}}}));var V,J,X,B,W,F,L,Y,$,G=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,c=e.target,p=e.className,d=e.style,m=s.classNames("p-speeddial-action",{"p-disabled":n}),f=s.classNames("p-speeddial-action-icon",r),b=s.mergeProps({className:x("actionIcon")},S("actionIcon")),y=s.mergeProps({href:a||"#",role:"menuitem",className:s.classNames(p,x("action",{disabled:n})),style:d,target:c,"data-pr-tooltip":i,onClick:function(t){return _(t,e)}},S("action")),g=s.IconUtils.getJSXIcon(r,j({},b),{props:v}),O=u.createElement("a",y,g,u.createElement(l.Ripple,null));o&&(O=s.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return _(t,e)},className:m,iconClassName:f,element:O,props:v,visible:h}));var w=s.mergeProps({key:t,className:x("menuitem"),style:T(t),role:"none"},S("menuitem"));return u.createElement("li",w,O)},K=(V=!h&&!!v.showIcon||!v.hideIcon,J=h&&!!v.hideIcon,X=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":v.rotateAnimation&&!v.hideIcon},v.buttonClassName),B=s.classNames(b(b({},"".concat(v.showIcon),!h&&!!v.showIcon||!v.hideIcon),"".concat(v.hideIcon),h&&!!v.hideIcon)),W=s.IconUtils.getJSXIcon(V?v.showIcon||u.createElement(a.PlusIcon,null):J?v.hideIcon||u.createElement(o.MinusIcon,null):null,void 0,{props:v,visible:h}),F=s.mergeProps({type:"button",style:v.buttonStyle,className:s.classNames(v.buttonClassName,x("button")),icon:W,onClick:function(e){return H(e)},disabled:v.disabled,"aria-label":v["aria-label"],pt:S("button"),unstyled:v.unstyled,__parentMetadata:{parent:g}}),L=u.createElement(n.Button,F),v.buttonTemplate?s.ObjectUtils.getJSXElement(v.buttonTemplate,{onClick:H,className:X,iconClassName:B,element:L,props:v,visible:h}):L),Q=(Y=v.model?v.model.map(G):null,$=s.mergeProps({ref:C,className:x("menu"),style:P("menu"),role:"menu"},S("menu")),u.createElement("ul",$,Y)),Z=function(){if(v.mask){var e=s.mergeProps({className:s.classNames(v.maskClassName,x("mask",{visible:h})),style:v.maskStyle},S("mask"));return u.createElement("div",e)}return null}(),ee=s.mergeProps({className:s.classNames(v.className,x("root",{visible:h})),style:j(j({},v.style),P("root"))},N.getOtherProps(v),S("root"));return u.createElement(u.Fragment,null,u.createElement("div",p({id:v.id,ref:k},ee),K,Q),Z)})));x.displayName="SpeedDial",exports.SpeedDial=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),i=require("primereact/hooks"),o=require("primereact/icons/minus"),a=require("primereact/icons/plus"),l=require("primereact/ripple"),s=require("primereact/utils");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 u=c(e);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 d(e){return d="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},d(e)}function m(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function b(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 y(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,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}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 g(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 O(){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 y(e)||v(e,t)||g(e,t)||O()}var N=r.ComponentBase.extend({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},css:{classes:{root:function(e){var t=e.props,n=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(t.type),b(b(b({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});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){b(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 x=u.memo(u.forwardRef((function(e,c){var d=w(u.useState(!1),2),m=d[0],f=d[1],y=u.useContext(t.PrimeReactContext),v=N.getProps(e,y),h=v.onVisibleChange?v.visible:m,g={props:v,state:{visible:h}},O=N.setMetaData(g),S=O.ptm,x=O.cx,P=O.sx;r.useHandleStyle(N.css.styles,O.isUnstyled,{name:"speeddial"});var I=u.useRef(!1),k=u.useRef(null),C=u.useRef(null),E=w(i.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&A(),I.current=!1},when:m}),2),M=E[0],D=E[1];i.useOnEscapeKey(k,h,(function(){return A()}));var q=function(){v.onVisibleChange?v.onVisibleChange(!0):f(!0),v.onShow&&v.onShow()},A=function(){v.onVisibleChange?v.onVisibleChange(!1):f(!1),v.onHide&&v.onHide()},H=function(e){h?A():q(),v.onClick&&v.onClick(e),I.current=!0},_=function(e,t){t.command&&t.command({originalEvent:e,item:t}),A(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(h?e:v.model.length-e-1)*v.transitionDelay},R=function(e){var t=v.type;if("linear"!==t){var n=v.model.length,r=v.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=v.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=v.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},T=function(e){var t=z(e),n=R(e);return j({transitionDelay:"".concat(t,"ms")},n)};i.useMountEffect((function(){if("linear"!==v.type){var e=s.DomHandler.findSingle(k.current,".p-speeddial-button"),t=s.DomHandler.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.useUpdateEffect((function(){return m&&v.hideOnClickOutside&&M(),function(){v.hideOnClickOutside&&D()}}),[m]),u.useImperativeHandle(c,(function(){return{props:v,show:q,hide:A,getElement:function(){return k.current}}}));var V,J,X,B,W,F,K,L,Y,$=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,c=e.target,p=e.className,d=e.style,m=s.classNames("p-speeddial-action",{"p-disabled":n}),f=s.classNames("p-speeddial-action-icon",r),b=s.mergeProps({className:x("actionIcon")},S("actionIcon")),y=s.mergeProps({href:a||"#",role:"menuitem",className:s.classNames(p,x("action",{disabled:n})),style:d,target:c,"data-pr-tooltip":i,onClick:function(t){return _(t,e)}},S("action")),g=s.IconUtils.getJSXIcon(r,j({},b),{props:v}),O=u.createElement("a",y,g,u.createElement(l.Ripple,null));o&&(O=s.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return _(t,e)},className:m,iconClassName:f,element:O,props:v,visible:h}));var w=s.mergeProps({key:t,className:x("menuitem"),style:T(t),role:"none"},S("menuitem"));return u.createElement("li",w,O)},G=(V=!h&&!!v.showIcon||!v.hideIcon,J=h&&!!v.hideIcon,X=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":v.rotateAnimation&&!v.hideIcon},v.buttonClassName),B=s.classNames(b(b({},"".concat(v.showIcon),!h&&!!v.showIcon||!v.hideIcon),"".concat(v.hideIcon),h&&!!v.hideIcon)),W=s.IconUtils.getJSXIcon(V?v.showIcon||u.createElement(a.PlusIcon,null):J?v.hideIcon||u.createElement(o.MinusIcon,null):null,void 0,{props:v,visible:h}),F=s.mergeProps({type:"button",style:v.buttonStyle,className:s.classNames(v.buttonClassName,x("button")),icon:W,onClick:function(e){return H(e)},disabled:v.disabled,"aria-label":v["aria-label"],pt:S("button"),unstyled:v.unstyled,__parentMetadata:{parent:g}}),K=u.createElement(n.Button,F),v.buttonTemplate?s.ObjectUtils.getJSXElement(v.buttonTemplate,{onClick:H,className:X,iconClassName:B,element:K,props:v,visible:h}):K),Q=(L=v.model?v.model.map($):null,Y=s.mergeProps({ref:C,className:x("menu"),style:P("menu"),role:"menu"},S("menu")),u.createElement("ul",Y,L)),Z=function(){if(v.mask){var e=s.mergeProps({className:s.classNames(v.maskClassName,x("mask",{visible:h})),style:v.maskStyle},S("mask"));return u.createElement("div",e)}return null}(),ee=s.mergeProps({className:s.classNames(v.className,x("root",{visible:h})),style:j(j({},v.style),P("root"))},N.getOtherProps(v),S("root"));return u.createElement(u.Fragment,null,u.createElement("div",p({id:v.id,ref:k},ee),G,Q),Z)})));x.displayName="SpeedDial",exports.SpeedDial=x;

package/speeddial/speeddial.esm.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { Button } from 'primereact/button';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
+import { useEventListener, useOnEscapeKey, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { MinusIcon } from 'primereact/icons/minus';
 import { PlusIcon } from 'primereact/icons/plus';
 import { Ripple } from 'primereact/ripple';
@@ -245,6 +245,9 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _useEventListener2 = _slicedToArray(_useEventListener, 2),
     bindDocumentClickListener = _useEventListener2[0],
     unbindDocumentClickListener = _useEventListener2[1];
+  useOnEscapeKey(elementRef, visible, function () {
+    return hide();
+  });
   var show = function show() {
     props.onVisibleChange ? props.onVisibleChange(true) : setVisibleState(true);
     props.onShow && props.onShow();

package/speeddial/speeddial.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{useEventListener as o,useMountEffect as a,useUpdateEffect as l}from"primereact/hooks";import{MinusIcon as c}from"primereact/icons/minus";import{PlusIcon as s}from"primereact/icons/plus";import{Ripple as p}from"primereact/ripple";import{classNames as u,DomHandler as d,mergeProps as m,IconUtils as f,ObjectUtils as b}from"primereact/utils";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},y.apply(this,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function v(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==h(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=v(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(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 S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,r,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(l.push(i.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function k(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function I(){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 C(e,t){return O(e)||S(e,t)||k(e,t)||I()}var j=i.extend({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},css:{classes:{root:function(e){var t=e.props,n=e.visible;return u("p-speeddial p-component p-speeddial-".concat(t.type),w(w(w({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return u("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return u("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return u("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=e.memo(e.forwardRef((function(i,h){var v=C(e.useState(!1),2),g=v[0],O=v[1],S=e.useContext(t),x=j.getProps(i,S),k=x.onVisibleChange?x.visible:g,I={props:x,state:{visible:k}},N=j.setMetaData(I),E=N.ptm,M=N.cx,D=N.sx;r(j.css.styles,N.isUnstyled,{name:"speeddial"});var A=e.useRef(!1),H=e.useRef(null),T=e.useRef(null),V=C(o({type:"click",listener:function(e){!A.current&&U(e)&&R(),A.current=!1},when:g}),2),z=V[0],_=V[1],J=function(){x.onVisibleChange?x.onVisibleChange(!0):O(!0),x.onShow&&x.onShow()},R=function(){x.onVisibleChange?x.onVisibleChange(!1):O(!1),x.onHide&&x.onHide()},X=function(e){k?R():J(),x.onClick&&x.onClick(e),A.current=!0},q=function(e,t){t.command&&t.command({originalEvent:e,item:t}),R(),A.current=!0,e.preventDefault()},U=function(e){return H.current&&!(H.current.isSameNode(e.target)||H.current.contains(e.target))},W=function(e){return(k?e:x.model.length-e-1)*x.transitionDelay},F=function(e){var t=x.type;if("linear"!==t){var n=x.model.length,i=x.radius||20*n;if("circle"===t){var r=2*Math.PI/n;return{left:"calc(".concat(i*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=x.direction,a=Math.PI/(n-1),l="calc(".concat(i*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(i*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=x.direction,p=Math.PI/(2*(n-1)),u="calc(".concat(i*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:u,bottom:d};if("up-right"===s)return{left:u,bottom:d};if("down-left"===s)return{right:d,top:u};if("down-right"===s)return{left:d,top:u}}}return{}},Y=function(e){var t=W(e),n=F(e);return P({transitionDelay:"".concat(t,"ms")},n)};a((function(){if("linear"!==x.type){var e=d.findSingle(H.current,".p-speeddial-button"),t=d.findSingle(T.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),i=Math.abs(e.offsetHeight-t.offsetHeight);T.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),T.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),l((function(){return g&&x.hideOnClickOutside&&z(),function(){x.hideOnClickOutside&&_()}}),[g]),e.useImperativeHandle(h,(function(){return{props:x,show:J,hide:R,getElement:function(){return H.current}}}));var $,B,G,K,L,Q,Z,ee,te,ne=function(t,n){if(!1===t.visible)return null;var i=t.disabled,r=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,d=t.style,y=u("p-speeddial-action",{"p-disabled":i}),h=u("p-speeddial-action-icon",r),v=m({className:M("actionIcon")},E("actionIcon")),g=m({href:l||"#",role:"menuitem",className:u(s,M("action",{disabled:i})),style:d,target:c,"data-pr-tooltip":o,onClick:function(e){return q(e,t)}},E("action")),w=f.getJSXIcon(r,P({},v),{props:x}),O=e.createElement("a",g,w,e.createElement(p,null));a&&(O=b.getJSXElement(a,t,{onClick:function(e){return q(e,t)},className:y,iconClassName:h,element:O,props:x,visible:k}));var S=m({key:n,className:M("menuitem"),style:Y(n),role:"none"},E("menuitem"));return e.createElement("li",S,O)},ie=($=!k&&!!x.showIcon||!x.hideIcon,B=k&&!!x.hideIcon,G=u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":x.rotateAnimation&&!x.hideIcon},x.buttonClassName),K=u(w(w({},"".concat(x.showIcon),!k&&!!x.showIcon||!x.hideIcon),"".concat(x.hideIcon),k&&!!x.hideIcon)),L=f.getJSXIcon($?x.showIcon||e.createElement(s,null):B?x.hideIcon||e.createElement(c,null):null,void 0,{props:x,visible:k}),Q=m({type:"button",style:x.buttonStyle,className:u(x.buttonClassName,M("button")),icon:L,onClick:function(e){return X(e)},disabled:x.disabled,"aria-label":x["aria-label"],pt:E("button"),unstyled:x.unstyled,__parentMetadata:{parent:I}}),Z=e.createElement(n,Q),x.buttonTemplate?b.getJSXElement(x.buttonTemplate,{onClick:X,className:G,iconClassName:K,element:Z,props:x,visible:k}):Z),re=(ee=x.model?x.model.map(ne):null,te=m({ref:T,className:M("menu"),style:D("menu"),role:"menu"},E("menu")),e.createElement("ul",te,ee)),oe=function(){if(x.mask){var t=m({className:u(x.maskClassName,M("mask",{visible:k})),style:x.maskStyle},E("mask"));return e.createElement("div",t)}return null}(),ae=m({className:u(x.className,M("root",{visible:k})),style:P(P({},x.style),D("root"))},j.getOtherProps(x),E("root"));return e.createElement(e.Fragment,null,e.createElement("div",y({id:x.id,ref:H},ae),ie,re),oe)})));E.displayName="SpeedDial";export{E as SpeedDial};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{useEventListener as o,useOnEscapeKey as a,useMountEffect as l,useUpdateEffect as c}from"primereact/hooks";import{MinusIcon as s}from"primereact/icons/minus";import{PlusIcon as u}from"primereact/icons/plus";import{Ripple as p}from"primereact/ripple";import{classNames as d,DomHandler as m,mergeProps as f,IconUtils as b,ObjectUtils as y}from"primereact/utils";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},h.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==v(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function O(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,r,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(l.push(i.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function I(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function C(){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 j(e,t){return S(e)||x(e,t)||I(e,t)||C()}var N=i.extend({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},css:{classes:{root:function(e){var t=e.props,n=e.visible;return d("p-speeddial p-component p-speeddial-".concat(t.type),O(O(O({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return d("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return d("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return d("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return d("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function E(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){O(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 M=e.memo(e.forwardRef((function(i,v){var g=j(e.useState(!1),2),w=g[0],S=g[1],x=e.useContext(t),k=N.getProps(i,x),I=k.onVisibleChange?k.visible:w,C={props:k,state:{visible:I}},P=N.setMetaData(C),M=P.ptm,D=P.cx,A=P.sx;r(N.css.styles,P.isUnstyled,{name:"speeddial"});var H=e.useRef(!1),T=e.useRef(null),V=e.useRef(null),z=j(o({type:"click",listener:function(e){!H.current&&W(e)&&X(),H.current=!1},when:w}),2),_=z[0],J=z[1];a(T,I,(function(){return X()}));var R=function(){k.onVisibleChange?k.onVisibleChange(!0):S(!0),k.onShow&&k.onShow()},X=function(){k.onVisibleChange?k.onVisibleChange(!1):S(!1),k.onHide&&k.onHide()},q=function(e){I?X():R(),k.onClick&&k.onClick(e),H.current=!0},U=function(e,t){t.command&&t.command({originalEvent:e,item:t}),X(),H.current=!0,e.preventDefault()},W=function(e){return T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},F=function(e){return(I?e:k.model.length-e-1)*k.transitionDelay},Y=function(e){var t=k.type;if("linear"!==t){var n=k.model.length,i=k.radius||20*n;if("circle"===t){var r=2*Math.PI/n;return{left:"calc(".concat(i*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=k.direction,a=Math.PI/(n-1),l="calc(".concat(i*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(i*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=k.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(i*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*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{}},$=function(e){var t=F(e),n=Y(e);return E({transitionDelay:"".concat(t,"ms")},n)};l((function(){if("linear"!==k.type){var e=m.findSingle(T.current,".p-speeddial-button"),t=m.findSingle(V.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),i=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(i/2,"px"))}}})),c((function(){return w&&k.hideOnClickOutside&&_(),function(){k.hideOnClickOutside&&J()}}),[w]),e.useImperativeHandle(v,(function(){return{props:k,show:R,hide:X,getElement:function(){return T.current}}}));var B,G,K,L,Q,Z,ee,te,ne,ie=function(t,n){if(!1===t.visible)return null;var i=t.disabled,r=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,u=t.style,m=d("p-speeddial-action",{"p-disabled":i}),h=d("p-speeddial-action-icon",r),v=f({className:D("actionIcon")},M("actionIcon")),g=f({href:l||"#",role:"menuitem",className:d(s,D("action",{disabled:i})),style:u,target:c,"data-pr-tooltip":o,onClick:function(e){return U(e,t)}},M("action")),w=b.getJSXIcon(r,E({},v),{props:k}),O=e.createElement("a",g,w,e.createElement(p,null));a&&(O=y.getJSXElement(a,t,{onClick:function(e){return U(e,t)},className:m,iconClassName:h,element:O,props:k,visible:I}));var S=f({key:n,className:D("menuitem"),style:$(n),role:"none"},M("menuitem"));return e.createElement("li",S,O)},re=(B=!I&&!!k.showIcon||!k.hideIcon,G=I&&!!k.hideIcon,K=d("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":k.rotateAnimation&&!k.hideIcon},k.buttonClassName),L=d(O(O({},"".concat(k.showIcon),!I&&!!k.showIcon||!k.hideIcon),"".concat(k.hideIcon),I&&!!k.hideIcon)),Q=b.getJSXIcon(B?k.showIcon||e.createElement(u,null):G?k.hideIcon||e.createElement(s,null):null,void 0,{props:k,visible:I}),Z=f({type:"button",style:k.buttonStyle,className:d(k.buttonClassName,D("button")),icon:Q,onClick:function(e){return q(e)},disabled:k.disabled,"aria-label":k["aria-label"],pt:M("button"),unstyled:k.unstyled,__parentMetadata:{parent:C}}),ee=e.createElement(n,Z),k.buttonTemplate?y.getJSXElement(k.buttonTemplate,{onClick:q,className:K,iconClassName:L,element:ee,props:k,visible:I}):ee),oe=(te=k.model?k.model.map(ie):null,ne=f({ref:V,className:D("menu"),style:A("menu"),role:"menu"},M("menu")),e.createElement("ul",ne,te)),ae=function(){if(k.mask){var t=f({className:d(k.maskClassName,D("mask",{visible:I})),style:k.maskStyle},M("mask"));return e.createElement("div",t)}return null}(),le=f({className:d(k.className,D("root",{visible:I})),style:E(E({},k.style),A("root"))},N.getOtherProps(k),M("root"));return e.createElement(e.Fragment,null,e.createElement("div",h({id:k.id,ref:T},le),re,oe),ae)})));M.displayName="SpeedDial";export{M as SpeedDial};

package/speeddial/speeddial.js

@@ -258,6 +258,9 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindDocumentClickListener = _useEventListener2[0],
       unbindDocumentClickListener = _useEventListener2[1];
+    hooks.useOnEscapeKey(elementRef, visible, function () {
+      return hide();
+    });
     var show = function show() {
       props.onVisibleChange ? props.onVisibleChange(true) : setVisibleState(true);
       props.onShow && props.onShow();

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,o,a,l,s,c){"use strict";function u(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=u(t);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 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 f(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=f(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,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}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 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 N(e,t){return h(e)||v(e,t)||O(e,t)||w()}var S=i.ComponentBase.extend({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},css:{classes:{root:function(e){var t=e.props,n=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(t.type),y(y(y({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return c.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return c.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return c.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});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){y(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 x=p.memo(p.forwardRef((function(e,t){var u=N(p.useState(!1),2),m=u[0],f=u[1],b=p.useContext(n.PrimeReactContext),h=S.getProps(e,b),v=h.onVisibleChange?h.visible:m,g={props:h,state:{visible:v}},O=S.setMetaData(g),w=O.ptm,j=O.cx,x=O.sx;i.useHandleStyle(S.css.styles,O.isUnstyled,{name:"speeddial"});var I=p.useRef(!1),k=p.useRef(null),C=p.useRef(null),E=N(o.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&H(),I.current=!1},when:m}),2),M=E[0],D=E[1],A=function(){h.onVisibleChange?h.onVisibleChange(!0):f(!0),h.onShow&&h.onShow()},H=function(){h.onVisibleChange?h.onVisibleChange(!1):f(!1),h.onHide&&h.onHide()},_=function(e){v?H():A(),h.onClick&&h.onClick(e),I.current=!0},R=function(e,t){t.command&&t.command({originalEvent:e,item:t}),H(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(v?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,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=h.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},V=function(e){var t=z(e),n=T(e);return P({transitionDelay:"".concat(t,"ms")},n)};o.useMountEffect((function(){if("linear"!==h.type){var e=c.DomHandler.findSingle(k.current,".p-speeddial-button"),t=c.DomHandler.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"))}}})),o.useUpdateEffect((function(){return m&&h.hideOnClickOutside&&M(),function(){h.hideOnClickOutside&&D()}}),[m]),p.useImperativeHandle(t,(function(){return{props:h,show:A,hide:H,getElement:function(){return k.current}}}));var J,X,q,B,W,F,L,Y,$,G=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,l=e.target,u=e.className,d=e.style,m=c.classNames("p-speeddial-action",{"p-disabled":n}),f=c.classNames("p-speeddial-action-icon",r),b=c.mergeProps({className:j("actionIcon")},w("actionIcon")),y=c.mergeProps({href:a||"#",role:"menuitem",className:c.classNames(u,j("action",{disabled:n})),style:d,target:l,"data-pr-tooltip":i,onClick:function(t){return R(t,e)}},w("action")),g=c.IconUtils.getJSXIcon(r,P({},b),{props:h}),O=p.createElement("a",y,g,p.createElement(s.Ripple,null));o&&(O=c.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return R(t,e)},className:m,iconClassName:f,element:O,props:h,visible:v}));var N=c.mergeProps({key:t,className:j("menuitem"),style:V(t),role:"none"},w("menuitem"));return p.createElement("li",N,O)},K=(J=!v&&!!h.showIcon||!h.hideIcon,X=v&&!!h.hideIcon,q=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":h.rotateAnimation&&!h.hideIcon},h.buttonClassName),B=c.classNames(y(y({},"".concat(h.showIcon),!v&&!!h.showIcon||!h.hideIcon),"".concat(h.hideIcon),v&&!!h.hideIcon)),W=c.IconUtils.getJSXIcon(J?h.showIcon||p.createElement(l.PlusIcon,null):X?h.hideIcon||p.createElement(a.MinusIcon,null):null,void 0,{props:h,visible:v}),F=c.mergeProps({type:"button",style:h.buttonStyle,className:c.classNames(h.buttonClassName,j("button")),icon:W,onClick:function(e){return _(e)},disabled:h.disabled,"aria-label":h["aria-label"],pt:w("button"),unstyled:h.unstyled,__parentMetadata:{parent:g}}),L=p.createElement(r.Button,F),h.buttonTemplate?c.ObjectUtils.getJSXElement(h.buttonTemplate,{onClick:_,className:q,iconClassName:B,element:L,props:h,visible:v}):L),Q=(Y=h.model?h.model.map(G):null,$=c.mergeProps({ref:C,className:j("menu"),style:x("menu"),role:"menu"},w("menu")),p.createElement("ul",$,Y)),Z=function(){if(h.mask){var e=c.mergeProps({className:c.classNames(h.maskClassName,j("mask",{visible:v})),style:h.maskStyle},w("mask"));return p.createElement("div",e)}return null}(),ee=c.mergeProps({className:c.classNames(h.className,j("root",{visible:v})),style:P(P({},h.style),x("root"))},S.getOtherProps(h),w("root"));return p.createElement(p.Fragment,null,p.createElement("div",d({id:h.id,ref:k},ee),K,Q),Z)})));return x.displayName="SpeedDial",e.SpeedDial=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,o,a,l,s,c){"use strict";function u(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=u(t);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 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 f(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=f(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,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}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 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 N(e,t){return h(e)||v(e,t)||O(e,t)||w()}var S=i.ComponentBase.extend({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},css:{classes:{root:function(e){var t=e.props,n=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(t.type),y(y(y({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return c.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return c.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return c.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});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){y(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 x=p.memo(p.forwardRef((function(e,t){var u=N(p.useState(!1),2),m=u[0],f=u[1],b=p.useContext(n.PrimeReactContext),h=S.getProps(e,b),v=h.onVisibleChange?h.visible:m,g={props:h,state:{visible:v}},O=S.setMetaData(g),w=O.ptm,j=O.cx,x=O.sx;i.useHandleStyle(S.css.styles,O.isUnstyled,{name:"speeddial"});var I=p.useRef(!1),k=p.useRef(null),C=p.useRef(null),E=N(o.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&H(),I.current=!1},when:m}),2),M=E[0],D=E[1];o.useOnEscapeKey(k,v,(function(){return H()}));var A=function(){h.onVisibleChange?h.onVisibleChange(!0):f(!0),h.onShow&&h.onShow()},H=function(){h.onVisibleChange?h.onVisibleChange(!1):f(!1),h.onHide&&h.onHide()},_=function(e){v?H():A(),h.onClick&&h.onClick(e),I.current=!0},R=function(e,t){t.command&&t.command({originalEvent:e,item:t}),H(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(v?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,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=h.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},V=function(e){var t=z(e),n=T(e);return P({transitionDelay:"".concat(t,"ms")},n)};o.useMountEffect((function(){if("linear"!==h.type){var e=c.DomHandler.findSingle(k.current,".p-speeddial-button"),t=c.DomHandler.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"))}}})),o.useUpdateEffect((function(){return m&&h.hideOnClickOutside&&M(),function(){h.hideOnClickOutside&&D()}}),[m]),p.useImperativeHandle(t,(function(){return{props:h,show:A,hide:H,getElement:function(){return k.current}}}));var J,X,q,B,W,F,K,L,Y,$=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,l=e.target,u=e.className,d=e.style,m=c.classNames("p-speeddial-action",{"p-disabled":n}),f=c.classNames("p-speeddial-action-icon",r),b=c.mergeProps({className:j("actionIcon")},w("actionIcon")),y=c.mergeProps({href:a||"#",role:"menuitem",className:c.classNames(u,j("action",{disabled:n})),style:d,target:l,"data-pr-tooltip":i,onClick:function(t){return R(t,e)}},w("action")),g=c.IconUtils.getJSXIcon(r,P({},b),{props:h}),O=p.createElement("a",y,g,p.createElement(s.Ripple,null));o&&(O=c.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return R(t,e)},className:m,iconClassName:f,element:O,props:h,visible:v}));var N=c.mergeProps({key:t,className:j("menuitem"),style:V(t),role:"none"},w("menuitem"));return p.createElement("li",N,O)},G=(J=!v&&!!h.showIcon||!h.hideIcon,X=v&&!!h.hideIcon,q=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":h.rotateAnimation&&!h.hideIcon},h.buttonClassName),B=c.classNames(y(y({},"".concat(h.showIcon),!v&&!!h.showIcon||!h.hideIcon),"".concat(h.hideIcon),v&&!!h.hideIcon)),W=c.IconUtils.getJSXIcon(J?h.showIcon||p.createElement(l.PlusIcon,null):X?h.hideIcon||p.createElement(a.MinusIcon,null):null,void 0,{props:h,visible:v}),F=c.mergeProps({type:"button",style:h.buttonStyle,className:c.classNames(h.buttonClassName,j("button")),icon:W,onClick:function(e){return _(e)},disabled:h.disabled,"aria-label":h["aria-label"],pt:w("button"),unstyled:h.unstyled,__parentMetadata:{parent:g}}),K=p.createElement(r.Button,F),h.buttonTemplate?c.ObjectUtils.getJSXElement(h.buttonTemplate,{onClick:_,className:q,iconClassName:B,element:K,props:h,visible:v}):K),Q=(L=h.model?h.model.map($):null,Y=c.mergeProps({ref:C,className:j("menu"),style:x("menu"),role:"menu"},w("menu")),p.createElement("ul",Y,L)),Z=function(){if(h.mask){var e=c.mergeProps({className:c.classNames(h.maskClassName,j("mask",{visible:v})),style:h.maskStyle},w("mask"));return p.createElement("div",e)}return null}(),ee=c.mergeProps({className:c.classNames(h.className,j("root",{visible:v})),style:P(P({},h.style),x("root"))},S.getOtherProps(h),w("root"));return p.createElement(p.Fragment,null,p.createElement("div",d({id:h.id,ref:k},ee),G,Q),Z)})));return x.displayName="SpeedDial",e.SpeedDial=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);

package/splitbutton/splitbutton.cjs.js

@@ -361,6 +361,104 @@ var SplitButtonPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 });
 SplitButtonPanel.displayName = 'SplitButtonPanel';
 
+var usePrevious = function usePrevious(newValue) {
+  var ref = React__namespace.useRef(undefined);
+  React__namespace.useEffect(function () {
+    ref.current = newValue;
+  });
+  return ref.current;
+};
+
+/* eslint-disable */
+var useUnmountEffect = function useUnmountEffect(fn) {
+  return React__namespace.useEffect(function () {
+    return fn;
+  }, []);
+};
+/* eslint-enable */
+
+/* eslint-disable */
+var useEventListener = function useEventListener(_ref) {
+  var _ref$target = _ref.target,
+    target = _ref$target === void 0 ? 'document' : _ref$target,
+    type = _ref.type,
+    listener = _ref.listener,
+    options = _ref.options,
+    _ref$when = _ref.when,
+    when = _ref$when === void 0 ? true : _ref$when;
+  var targetRef = React__namespace.useRef(null);
+  var listenerRef = React__namespace.useRef(null);
+  var prevOptions = usePrevious(options);
+  var bind = function bind() {
+    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
+      unbind();
+      (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
+    }
+    if (!listenerRef.current && targetRef.current) {
+      listenerRef.current = function (event) {
+        return listener && listener(event);
+      };
+      targetRef.current.addEventListener(type, listenerRef.current, options);
+    }
+  };
+  var unbind = function unbind() {
+    if (listenerRef.current) {
+      targetRef.current.removeEventListener(type, listenerRef.current, options);
+      listenerRef.current = null;
+    }
+  };
+  React__namespace.useEffect(function () {
+    if (when) {
+      targetRef.current = utils.DomHandler.getTargetElement(target);
+    } else {
+      unbind();
+      targetRef.current = null;
+    }
+  }, [target, when]);
+  React__namespace.useEffect(function () {
+    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+      unbind();
+      when && bind();
+    }
+  }, [listener, options]);
+  useUnmountEffect(function () {
+    unbind();
+  });
+  return [bind, unbind];
+};
+/* eslint-enable */
+
+var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
+  var handleEsc = function handleEsc(event) {
+    if (event.key === 'Esc' || event.key === 'Escape') {
+      event.stopImmediatePropagation();
+      callback(event);
+    }
+    return;
+  };
+  var _useEventListener = useEventListener({
+      type: 'keydown',
+      listener: handleEsc
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindKeyDownListener = _useEventListener2[0],
+    unbindKeyDownListener = _useEventListener2[1];
+  React__namespace.useEffect(function () {
+    if (!condition) {
+      return;
+    }
+    if (!ref.current) {
+      return;
+    }
+    bindKeyDownListener();
+    return function () {
+      unbindKeyDownListener();
+    };
+  });
+  return [ref, callback];
+};
+
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -391,6 +489,9 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   componentbase.useHandleStyle(SplitButtonBase.css.styles, isUnstyled, {
     name: 'splitbutton'
   });
+  useOnEscapeKey(overlayRef, overlayVisibleState, function () {
+    return hide();
+  });
   var _useOverlayListener = hooks.useOverlayListener({
       target: elementRef,
       overlay: overlayRef,