primereact 10.3.0 → 10.3.2

package/speeddial/speeddial.cjs.js

@@ -270,9 +270,14 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     focusedOptionIndex = _React$useState8[0],
     setFocusedOptionIndex = _React$useState8[1];
+  var isItemClicked = React__namespace.useRef(false);
+  var elementRef = React__namespace.useRef(null);
+  var listRef = React__namespace.useRef(null);
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SpeedDialBase.getProps(inProps, context);
   var visible = props.onVisibleChange ? props.visible : visibleState;
+  var speedDialDisplayOrder = hooks.useDisplayOrder('speed-dial', visible);
   var metaData = {
     props: props,
     state: {
@@ -287,9 +292,13 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   componentbase.useHandleStyle(SpeedDialBase.css.styles, isUnstyled, {
     name: 'speeddial'
   });
-  var isItemClicked = React__namespace.useRef(false);
-  var elementRef = React__namespace.useRef(null);
-  var listRef = React__namespace.useRef(null);
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: visible && speedDialDisplayOrder,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL, speedDialDisplayOrder]
+  });
   var _useEventListener = hooks.useEventListener({
       type: 'click',
       listener: function listener(event) {
@@ -637,10 +646,10 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       'p-disabled': disabled
     });
     var iconClassName = utils.classNames('p-speeddial-action-icon', _icon);
-    var actionIconProps = utils.mergeProps({
+    var actionIconProps = mergeProps({
       className: cx('actionIcon')
     }, ptm('actionIcon'));
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: url || '#',
       role: 'menuitem',
       className: utils.classNames(_itemClassName, cx('action', {
@@ -672,7 +681,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       };
       content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
-    var menuItemProps = utils.mergeProps({
+    var menuItemProps = mergeProps({
       key: index,
       id: "".concat(idState, "_").concat(index),
       className: cx('menuitem', {
@@ -689,7 +698,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   var createList = function createList() {
     var items = createItems();
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       ref: listRef,
       className: cx('menu'),
       style: sx('menu'),
@@ -714,7 +723,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       props: props,
       visible: visible
     });
-    var buttonProps = utils.mergeProps({
+    var buttonProps = mergeProps({
       type: 'button',
       style: props.buttonStyle,
       className: utils.classNames(props.buttonClassName, cx('button')),
@@ -751,7 +760,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   var createMask = function createMask() {
     if (props.mask) {
-      var maskProps = utils.mergeProps({
+      var maskProps = mergeProps({
         className: utils.classNames(props.maskClassName, cx('mask', {
           visible: visible
         })),
@@ -767,7 +776,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var button$1 = createButton();
   var list = createList();
   var mask = createMask();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     className: utils.classNames(props.className, cx('root', {
       visible: visible
     })),

package/speeddial/speeddial.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/componentbase"),i=require("primereact/hooks"),a=require("primereact/icons/minus"),o=require("primereact/icons/plus"),l=require("primereact/ripple"),c=require("primereact/utils");function s(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 u=s(e);function d(){return d=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},d.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function b(e,n,t){return(n=m(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(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 v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return y(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)?y(e,n):void 0}}function w(){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 S(e){return v(e)||h(e)||g(e)||w()}function D(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}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 I(e,n){return D(e)||O(e,n)||g(e,n)||x()}var k=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,ariaLabelledby: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 n=e.props,t=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(n.type),b(b(b({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.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:function(e){return c.classNames("p-speeddial-item",{"p-focus":e.active})}},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 n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function N(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 j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=u.memo(u.forwardRef((function(e,s){var p=I(u.useState(!1),2),f=p[0],m=p[1],y=I(u.useState(null),2),v=y[0],h=y[1],g=I(u.useState(!1),2),w=g[0],D=g[1],O=I(u.useState(-1),2),x=O[0],N=O[1],P=u.useContext(n.PrimeReactContext),C=k.getProps(e,P),E=C.onVisibleChange?C.visible:f,H={props:C,state:{visible:E}},A=k.setMetaData(H),M=A.ptm,_=A.cx,q=A.sx;r.useHandleStyle(k.css.styles,A.isUnstyled,{name:"speeddial"});var U=u.useRef(!1),R=u.useRef(null),T=u.useRef(null),z=I(i.useEventListener({type:"click",listener:function(e){!U.current&&pe(e)&&F(),U.current=!1},when:f}),2),V=z[0],L=z[1],J=function(){C.onVisibleChange?C.onVisibleChange(!0):m(!0),C.onShow&&C.onShow()},X=function(){D(!0)},B=function(){D(!1),N(-1)},F=function(){C.onVisibleChange?C.onVisibleChange(!1):m(!1),C.onHide&&C.onHide()},K=function(e){E?F():J(),C.onClick&&C.onClick(e),U.current=!0},W=function(e,n){n.command&&n.command({originalEvent:e,item:n}),F(),U.current=!0,e.preventDefault()},Y=function(e){switch(e.code){case"ArrowDown":te(e);break;case"ArrowUp":ne(e);break;case"ArrowLeft":re(e);break;case"ArrowRight":ie(e);break;case"Enter":case"Space":Z(e);break;case"Escape":ee();break;case"Home":oe(e);break;case"End":ae(e)}},$=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":Q(e);break;case"ArrowUp":case"ArrowRight":G(e);break;case"Escape":ee()}},G=function(e){D(!0),c.DomHandler.focus(T.current),J(),ce(e),e.preventDefault()},Q=function(e){D(!0),c.DomHandler.focus(T.current),J(),le(e),e.preventDefault()},Z=function(e){var n=S(c.DomHandler.find(R.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===x}));W(e,C.model[n]),B();var t=c.DomHandler.findSingle(R.current,"button");t&&c.DomHandler.focus(t)},ee=function(){F();var e=c.DomHandler.findSingle(R.current,"button");e&&c.DomHandler.focus(e)},ne=function(e){var n=C.direction;"up"===n?le(e):"down"===n?ce(e):le(e)},te=function(e){var n=C.direction;"up"===n?ce(e):"down"===n?le(e):ce(e)},re=function(e){var n=C.direction;["left","up-right","down-left"].includes(n)?le(e):(["right","up-left","down-right"].includes(n),ce(e))},ie=function(e){var n=C.direction;["left","up-right","down-left"].includes(n)?ce(e):(["right","up-left","down-right"].includes(n),le(e))},ae=function(e){e.preventDefault(),N(-1),ce(e,-1)},oe=function(e){e.preventDefault(),N(-1),le(e,-1)},le=function(e){var n=de((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||x);se(n),e.preventDefault()},ce=function(e){var n=ue((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||x);se(n),e.preventDefault()},se=function(e){var n=S(c.DomHandler.find(R.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&N(n[e].getAttribute("id"))},ue=function(e){var n=S(c.DomHandler.find(R.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},de=function(e){var n=S(c.DomHandler.find(R.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},pe=function(e){return R.current&&!(R.current.isSameNode(e.target)||R.current.contains(e.target))},fe=function(e){return(E?e:C.model.length-e-1)*C.transitionDelay},me=function(e){var n=C.type;if("linear"!==n){var t=C.model.length,r=C.radius||20*t;if("circle"===n){var i=2*Math.PI/t;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"===n){var a=C.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=C.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},be=function(e){var n=fe(e),t=me(e);return j({transitionDelay:"".concat(n,"ms")},t)};i.useMountEffect((function(){if("linear"!==C.type){var e=c.DomHandler.findSingle(R.current,".p-speeddial-button"),n=c.DomHandler.findSingle(T.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);T.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),T.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i.useUpdateEffect((function(){return f&&C.hideOnClickOutside&&V(),function(){C.hideOnClickOutside&&L()}}),[f]),u.useImperativeHandle(s,(function(){return{props:C,show:J,hide:F,getElement:function(){return R.current}}}));var ye=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,s=e.target,d=e.className,p=e.style,f=c.classNames("p-speeddial-action",{"p-disabled":t}),m=c.classNames("p-speeddial-action-icon",r),b=c.mergeProps({className:_("actionIcon")},M("actionIcon")),y=c.mergeProps({href:o||"#",role:"menuitem",className:c.classNames(d,_("action",{disabled:t})),"aria-label":e.label,style:p,target:s,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return W(n,e)}},M("action")),h=c.IconUtils.getJSXIcon(r,j({},b),{props:C}),g=u.createElement("a",y,h,u.createElement(l.Ripple,null));a&&(g=c.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return W(n,e)},className:f,iconClassName:m,element:g,props:C,visible:E}));var w,S=c.mergeProps({key:n,id:"".concat(v,"_").concat(n),className:_("menuitem",{active:(w="".concat(v,"_").concat(n),x===w)}),style:be(n),"aria-controls":v+"_item",role:"menuitem"},M("menuitem"));return u.createElement("li",S,g)};u.useEffect((function(){h(C.id||c.UniqueComponentId())}),[C.id]);var ve,he,ge,we,Se,De,Oe,xe,Ie,ke=(ve=!E&&!!C.showIcon||!C.hideIcon,he=E&&!!C.hideIcon,ge=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":C.rotateAnimation&&!C.hideIcon},C.buttonClassName),we=c.classNames(b(b({},"".concat(C.showIcon),!E&&!!C.showIcon||!C.hideIcon),"".concat(C.hideIcon),E&&!!C.hideIcon)),Se=c.IconUtils.getJSXIcon(ve?C.showIcon||u.createElement(o.PlusIcon,null):he?C.hideIcon||u.createElement(a.MinusIcon,null):null,void 0,{props:C,visible:E}),De=c.mergeProps({type:"button",style:C.buttonStyle,className:c.classNames(C.buttonClassName,_("button")),icon:Se,onClick:function(e){return K(e)},disabled:C.disabled,onKeyDown:$,"aria-label":C["aria-label"],"aria-expanded":E,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":C.ariaLabelledby,pt:M("button"),unstyled:C.unstyled,__parentMetadata:{parent:H}}),Oe=u.createElement(t.Button,De),C.buttonTemplate?c.ObjectUtils.getJSXElement(C.buttonTemplate,{onClick:K,className:ge,iconClassName:we,element:Oe,props:C,visible:E}):Oe),Ne=(xe=C.model?C.model.map(ye):null,Ie=c.mergeProps({ref:T,className:_("menu"),style:q("menu"),role:"menu",tabIndex:"-1",onFocus:X,onKeyDown:Y,onBlur:B,"aria-activedescendant":w?-1!==x?x:null:void 0},M("menu")),u.createElement("ul",Ie,xe)),je=function(){if(C.mask){var e=c.mergeProps({className:c.classNames(C.maskClassName,_("mask",{visible:E})),style:C.maskStyle},M("mask"));return u.createElement("div",e)}return null}(),Pe=c.mergeProps({className:c.classNames(C.className,_("root",{visible:E})),style:j(j({},C.style),q("root")),id:v},k.getOtherProps(C),M("root"));return u.createElement(u.Fragment,null,u.createElement("div",d({ref:R},Pe),ke,Ne),je)})));P.displayName="SpeedDial",exports.SpeedDial=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/componentbase"),i=require("primereact/hooks"),a=require("primereact/icons/minus"),o=require("primereact/icons/plus"),l=require("primereact/ripple"),c=require("primereact/utils");function s(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 u=s(e);function d(){return d=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},d.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function b(e,n,t){return(n=m(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(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 v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return y(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)?y(e,n):void 0}}function w(){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 S(e){return v(e)||h(e)||g(e)||w()}function D(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}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 x(e,n){return D(e)||O(e,n)||g(e,n)||I()}var k=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,ariaLabelledby: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 n=e.props,t=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(n.type),b(b(b({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.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:function(e){return c.classNames("p-speeddial-item",{"p-focus":e.active})}},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 n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function N(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 E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=u.memo(u.forwardRef((function(e,s){var p=x(u.useState(!1),2),f=p[0],m=p[1],y=x(u.useState(null),2),v=y[0],h=y[1],g=x(u.useState(!1),2),w=g[0],D=g[1],O=x(u.useState(-1),2),I=O[0],N=O[1],j=u.useRef(!1),C=u.useRef(null),P=u.useRef(null),H=i.useMergeProps(),A=u.useContext(n.PrimeReactContext),M=k.getProps(e,A),_=M.onVisibleChange?M.visible:f,q=i.useDisplayOrder("speed-dial",_),R={props:M,state:{visible:_}},U=k.setMetaData(R),T=U.ptm,L=U.cx,z=U.sx;r.useHandleStyle(k.css.styles,U.isUnstyled,{name:"speeddial"}),i.useGlobalOnEscapeKey({callback:function(){G()},when:_&&q,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,q]});var V=x(i.useEventListener({type:"click",listener:function(e){!j.current&&me(e)&&G(),j.current=!1},when:f}),2),J=V[0],K=V[1],X=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){D(!0)},F=function(){D(!1),N(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():X(),M.onClick&&M.onClick(e),j.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),j.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){D(!0),c.DomHandler.focus(P.current),X(),ue(e),e.preventDefault()},ee=function(e){D(!0),c.DomHandler.focus(P.current),X(),se(e),e.preventDefault()},ne=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=c.DomHandler.findSingle(C.current,"button");t&&c.DomHandler.focus(t)},te=function(){G();var e=c.DomHandler.findSingle(C.current,"button");e&&c.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),N(-1),ue(e,-1)},ce=function(e){e.preventDefault(),N(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&N(n[e].getAttribute("id"))},pe=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;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"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return E({transitionDelay:"".concat(n,"ms")},t)};i.useMountEffect((function(){if("linear"!==M.type){var e=c.DomHandler.findSingle(C.current,".p-speeddial-button"),n=c.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&J(),function(){M.hideOnClickOutside&&K()}}),[f]),u.useImperativeHandle(s,(function(){return{props:M,show:X,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,s=e.target,d=e.className,p=e.style,f=c.classNames("p-speeddial-action",{"p-disabled":t}),m=c.classNames("p-speeddial-action-icon",r),b=H({className:L("actionIcon")},T("actionIcon")),y=H({href:o||"#",role:"menuitem",className:c.classNames(d,L("action",{disabled:t})),"aria-label":e.label,style:p,target:s,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},T("action")),h=c.IconUtils.getJSXIcon(r,E({},b),{props:M}),g=u.createElement("a",y,h,u.createElement(l.Ripple,null));a&&(g=c.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:L("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},T("menuitem"));return u.createElement("li",S,g)};u.useEffect((function(){h(M.id||c.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,xe,ke,Ne,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=c.classNames(b(b({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=c.IconUtils.getJSXIcon(ge?M.showIcon||u.createElement(o.PlusIcon,null):we?M.hideIcon||u.createElement(a.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:c.classNames(M.buttonClassName,L("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:T("button"),unstyled:M.unstyled,__parentMetadata:{parent:R}}),xe=u.createElement(t.Button,Ie),M.buttonTemplate?c.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:xe,props:M,visible:_}):xe),je=(ke=M.model?M.model.map(he):null,Ne=H({ref:P,className:L("menu"),style:z("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},T("menu")),u.createElement("ul",Ne,ke)),Ce=function(){if(M.mask){var e=H({className:c.classNames(M.maskClassName,L("mask",{visible:_})),style:M.maskStyle},T("mask"));return u.createElement("div",e)}return null}(),Pe=H({className:c.classNames(M.className,L("root",{visible:_})),style:E(E({},M.style),z("root")),id:v},k.getOtherProps(M),T("root"));return u.createElement(u.Fragment,null,u.createElement("div",d({ref:C},Pe),Ee,je),Ce)})));j.displayName="SpeedDial",exports.SpeedDial=j;

package/speeddial/speeddial.esm.js

@@ -3,11 +3,11 @@ 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 { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { MinusIcon } from 'primereact/icons/minus';
 import { PlusIcon } from 'primereact/icons/plus';
 import { Ripple } from 'primereact/ripple';
-import { classNames, DomHandler, UniqueComponentId, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
+import { classNames, DomHandler, UniqueComponentId, IconUtils, ObjectUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -246,9 +246,14 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     focusedOptionIndex = _React$useState8[0],
     setFocusedOptionIndex = _React$useState8[1];
+  var isItemClicked = React.useRef(false);
+  var elementRef = React.useRef(null);
+  var listRef = React.useRef(null);
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SpeedDialBase.getProps(inProps, context);
   var visible = props.onVisibleChange ? props.visible : visibleState;
+  var speedDialDisplayOrder = useDisplayOrder('speed-dial', visible);
   var metaData = {
     props: props,
     state: {
@@ -263,9 +268,13 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useHandleStyle(SpeedDialBase.css.styles, isUnstyled, {
     name: 'speeddial'
   });
-  var isItemClicked = React.useRef(false);
-  var elementRef = React.useRef(null);
-  var listRef = React.useRef(null);
+  useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: visible && speedDialDisplayOrder,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL, speedDialDisplayOrder]
+  });
   var _useEventListener = useEventListener({
       type: 'click',
       listener: function listener(event) {

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 r,useHandleStyle as i}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 u}from"primereact/ripple";import{classNames as d,DomHandler as p,UniqueComponentId as f,mergeProps as m,IconUtils as b,ObjectUtils as y}from"primereact/utils";function v(){return v=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},v.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 g(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;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"===h(t)?t:String(t)}function S(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 x(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 k(e){if(Array.isArray(e))return x(e)}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(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 C(){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 j(e){return k(e)||I(e)||O(e)||C()}function E(e){if(Array.isArray(e))return e}function A(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,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=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function D(){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 E(e)||A(e,t)||O(e,t)||D()}var P=r.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,ariaLabelledby: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),S(S(S({},"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:function(e){return d("p-speeddial-item",{"p-focus":e.active})}},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 M(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.memo(e.forwardRef((function(r,h){var g=N(e.useState(!1),2),w=g[0],x=g[1],k=N(e.useState(null),2),I=k[0],O=k[1],C=N(e.useState(!1),2),E=C[0],A=C[1],D=N(e.useState(-1),2),M=D[0],H=D[1],T=e.useContext(t),R=P.getProps(r,T),V=R.onVisibleChange?R.visible:w,z={props:R,state:{visible:V}},J=P.setMetaData(z),L=J.ptm,U=J.cx,X=J.sx;i(P.css.styles,J.isUnstyled,{name:"speeddial"});var q=e.useRef(!1),F=e.useRef(null),K=e.useRef(null),W=N(o({type:"click",listener:function(e){!q.current&&ge(e)&&Z(),q.current=!1},when:w}),2),B=W[0],Y=W[1],$=function(){R.onVisibleChange?R.onVisibleChange(!0):x(!0),R.onShow&&R.onShow()},G=function(){A(!0)},Q=function(){A(!1),H(-1)},Z=function(){R.onVisibleChange?R.onVisibleChange(!1):x(!1),R.onHide&&R.onHide()},ee=function(e){V?Z():$(),R.onClick&&R.onClick(e),q.current=!0},te=function(e,t){t.command&&t.command({originalEvent:e,item:t}),Z(),q.current=!0,e.preventDefault()},ne=function(e){switch(e.code){case"ArrowDown":se(e);break;case"ArrowUp":ce(e);break;case"ArrowLeft":ue(e);break;case"ArrowRight":de(e);break;case"Enter":case"Space":ae(e);break;case"Escape":le();break;case"Home":fe(e);break;case"End":pe(e)}},re=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":oe(e);break;case"ArrowUp":case"ArrowRight":ie(e);break;case"Escape":le()}},ie=function(e){A(!0),p.focus(K.current),$(),be(e),e.preventDefault()},oe=function(e){A(!0),p.focus(K.current),$(),me(e),e.preventDefault()},ae=function(e){var t=j(p.find(F.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===M}));te(e,R.model[t]),Q();var n=p.findSingle(F.current,"button");n&&p.focus(n)},le=function(){Z();var e=p.findSingle(F.current,"button");e&&p.focus(e)},ce=function(e){var t=R.direction;"up"===t?me(e):"down"===t?be(e):me(e)},se=function(e){var t=R.direction;"up"===t?be(e):"down"===t?me(e):be(e)},ue=function(e){var t=R.direction;["left","up-right","down-left"].includes(t)?me(e):(["right","up-left","down-right"].includes(t),be(e))},de=function(e){var t=R.direction;["left","up-right","down-left"].includes(t)?be(e):(["right","up-left","down-right"].includes(t),me(e))},pe=function(e){e.preventDefault(),H(-1),be(e,-1)},fe=function(e){e.preventDefault(),H(-1),me(e,-1)},me=function(e){var t=he((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||M);ye(t),e.preventDefault()},be=function(e){var t=ve((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||M);ye(t),e.preventDefault()},ye=function(e){var t=j(p.find(F.current,'[data-pc-section="menuitem"]')).filter((function(e){return!p.hasClass(p.findSingle(e,"a"),"p-disabled")}));t[e]&&H(t[e].getAttribute("id"))},ve=function(e){var t=j(p.find(F.current,'[data-pc-section="menuitem"]')).filter((function(e){return!p.hasClass(p.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[t.length-1].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?t.length-1:r-1},he=function(e){var t=j(p.find(F.current,'[data-pc-section="menuitem"]')).filter((function(e){return!p.hasClass(p.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[0].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?0:r+1},ge=function(e){return F.current&&!(F.current.isSameNode(e.target)||F.current.contains(e.target))},we=function(e){return(V?e:R.model.length-e-1)*R.transitionDelay},Se=function(e){var t=R.type;if("linear"!==t){var n=R.model.length,r=R.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=R.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*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=R.direction,u=Math.PI/(2*(n-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},xe=function(e){var t=we(e),n=Se(e);return _({transitionDelay:"".concat(t,"ms")},n)};a((function(){if("linear"!==R.type){var e=p.findSingle(F.current,".p-speeddial-button"),t=p.findSingle(K.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);K.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),K.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),l((function(){return w&&R.hideOnClickOutside&&B(),function(){R.hideOnClickOutside&&Y()}}),[w]),e.useImperativeHandle(h,(function(){return{props:R,show:$,hide:Z,getElement:function(){return F.current}}}));var ke=function(t,n){if(!1===t.visible)return null;var r=t.disabled,i=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,p=t.style,f=d("p-speeddial-action",{"p-disabled":r}),v=d("p-speeddial-action-icon",i),h=m({className:U("actionIcon")},L("actionIcon")),g=m({href:l||"#",role:"menuitem",className:d(s,U("action",{disabled:r})),"aria-label":t.label,style:p,target:c,tabIndex:"-1","data-pr-tooltip":o,onClick:function(e){return te(e,t)}},L("action")),w=b.getJSXIcon(i,_({},h),{props:R}),S=e.createElement("a",g,w,e.createElement(u,null));a&&(S=y.getJSXElement(a,t,{onClick:function(e){return te(e,t)},className:f,iconClassName:v,element:S,props:R,visible:V}));var x,k=m({key:n,id:"".concat(I,"_").concat(n),className:U("menuitem",{active:(x="".concat(I,"_").concat(n),M===x)}),style:xe(n),"aria-controls":I+"_item",role:"menuitem"},L("menuitem"));return e.createElement("li",k,S)};e.useEffect((function(){O(R.id||f())}),[R.id]);var Ie,Oe,Ce,je,Ee,Ae,De,Ne,Pe,Me=(Ie=!V&&!!R.showIcon||!R.hideIcon,Oe=V&&!!R.hideIcon,Ce=d("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":R.rotateAnimation&&!R.hideIcon},R.buttonClassName),je=d(S(S({},"".concat(R.showIcon),!V&&!!R.showIcon||!R.hideIcon),"".concat(R.hideIcon),V&&!!R.hideIcon)),Ee=b.getJSXIcon(Ie?R.showIcon||e.createElement(s,null):Oe?R.hideIcon||e.createElement(c,null):null,void 0,{props:R,visible:V}),Ae=m({type:"button",style:R.buttonStyle,className:d(R.buttonClassName,U("button")),icon:Ee,onClick:function(e){return ee(e)},disabled:R.disabled,onKeyDown:re,"aria-label":R["aria-label"],"aria-expanded":V,"aria-haspopup":!0,"aria-controls":I+"_list","aria-labelledby":R.ariaLabelledby,pt:L("button"),unstyled:R.unstyled,__parentMetadata:{parent:z}}),De=e.createElement(n,Ae),R.buttonTemplate?y.getJSXElement(R.buttonTemplate,{onClick:ee,className:Ce,iconClassName:je,element:De,props:R,visible:V}):De),_e=(Ne=R.model?R.model.map(ke):null,Pe=m({ref:K,className:U("menu"),style:X("menu"),role:"menu",tabIndex:"-1",onFocus:G,onKeyDown:ne,onBlur:Q,"aria-activedescendant":E?-1!==M?M:null:void 0},L("menu")),e.createElement("ul",Pe,Ne)),He=function(){if(R.mask){var t=m({className:d(R.maskClassName,U("mask",{visible:V})),style:R.maskStyle},L("mask"));return e.createElement("div",t)}return null}(),Te=m({className:d(R.className,U("root",{visible:V})),style:_(_({},R.style),X("root")),id:I},P.getOtherProps(R),L("root"));return e.createElement(e.Fragment,null,e.createElement("div",v({ref:F},Te),Me,_e),He)})));H.displayName="SpeedDial";export{H as SpeedDial};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as o,useDisplayOrder as a,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as s,useMountEffect as u,useUpdateEffect as d}from"primereact/hooks";import{MinusIcon as p}from"primereact/icons/minus";import{PlusIcon as f}from"primereact/icons/plus";import{Ripple as m}from"primereact/ripple";import{classNames as b,DomHandler as y,UniqueComponentId as v,IconUtils as h,ObjectUtils as g}from"primereact/utils";function w(){return w=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},w.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 k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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 C(e){if(Array.isArray(e))return O(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function D(){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 A(e){return C(e)||E(e)||j(e)||D()}function N(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,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=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function M(){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 _(e,t){return N(e)||P(e,t)||j(e,t)||M()}var H=r.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,ariaLabelledby: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 b("p-speeddial p-component p-speeddial-".concat(t.type),I(I(I({},"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 b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return b("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return b("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return b("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return b("p-speeddial-item",{"p-focus":e.active})}},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 T(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 R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=e.memo(e.forwardRef((function(r,S){var k=_(e.useState(!1),2),x=k[0],O=k[1],C=_(e.useState(null),2),E=C[0],j=C[1],D=_(e.useState(!1),2),N=D[0],P=D[1],M=_(e.useState(-1),2),T=M[0],V=M[1],z=e.useRef(!1),L=e.useRef(null),J=e.useRef(null),U=o(),X=e.useContext(t),q=H.getProps(r,X),F=q.onVisibleChange?q.visible:x,K=a("speed-dial",F),W={props:q,state:{visible:F}},B=H.setMetaData(W),Y=B.ptm,$=B.cx,G=B.sx;i(H.css.styles,B.isUnstyled,{name:"speeddial"}),l({callback:function(){ie()},when:F&&K,priority:[c.SPEED_DIAL,K]});var Q=_(s({type:"click",listener:function(e){!z.current&&Ie(e)&&ie(),z.current=!1},when:x}),2),Z=Q[0],ee=Q[1],te=function(){q.onVisibleChange?q.onVisibleChange(!0):O(!0),q.onShow&&q.onShow()},ne=function(){P(!0)},re=function(){P(!1),V(-1)},ie=function(){q.onVisibleChange?q.onVisibleChange(!1):O(!1),q.onHide&&q.onHide()},oe=function(e){F?ie():te(),q.onClick&&q.onClick(e),z.current=!0},ae=function(e,t){t.command&&t.command({originalEvent:e,item:t}),ie(),z.current=!0,e.preventDefault()},le=function(e){switch(e.code){case"ArrowDown":me(e);break;case"ArrowUp":fe(e);break;case"ArrowLeft":be(e);break;case"ArrowRight":ye(e);break;case"Enter":case"Space":de(e);break;case"Escape":pe();break;case"Home":he(e);break;case"End":ve(e)}},ce=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ue(e);break;case"ArrowUp":case"ArrowRight":se(e);break;case"Escape":pe()}},se=function(e){P(!0),y.focus(J.current),te(),we(e),e.preventDefault()},ue=function(e){P(!0),y.focus(J.current),te(),ge(e),e.preventDefault()},de=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===T}));ae(e,q.model[t]),re();var n=y.findSingle(L.current,"button");n&&y.focus(n)},pe=function(){ie();var e=y.findSingle(L.current,"button");e&&y.focus(e)},fe=function(e){var t=q.direction;"up"===t?ge(e):"down"===t?we(e):ge(e)},me=function(e){var t=q.direction;"up"===t?we(e):"down"===t?ge(e):we(e)},be=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?ge(e):(["right","up-left","down-right"].includes(t),we(e))},ye=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?we(e):(["right","up-left","down-right"].includes(t),ge(e))},ve=function(e){e.preventDefault(),V(-1),we(e,-1)},he=function(e){e.preventDefault(),V(-1),ge(e,-1)},ge=function(e){var t=xe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},we=function(e){var t=ke((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},Se=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")}));t[e]&&V(t[e].getAttribute("id"))},ke=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[t.length-1].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?t.length-1:r-1},xe=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[0].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?0:r+1},Ie=function(e){return L.current&&!(L.current.isSameNode(e.target)||L.current.contains(e.target))},Oe=function(e){return(F?e:q.model.length-e-1)*q.transitionDelay},Ce=function(e){var t=q.type;if("linear"!==t){var n=q.model.length,r=q.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=q.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*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=q.direction,u=Math.PI/(2*(n-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},Ee=function(e){var t=Oe(e),n=Ce(e);return R({transitionDelay:"".concat(t,"ms")},n)};u((function(){if("linear"!==q.type){var e=y.findSingle(L.current,".p-speeddial-button"),t=y.findSingle(J.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);J.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),J.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),d((function(){return x&&q.hideOnClickOutside&&Z(),function(){q.hideOnClickOutside&&ee()}}),[x]),e.useImperativeHandle(S,(function(){return{props:q,show:te,hide:ie,getElement:function(){return L.current}}}));var je=function(t,n){if(!1===t.visible)return null;var r=t.disabled,i=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,u=t.style,d=b("p-speeddial-action",{"p-disabled":r}),p=b("p-speeddial-action-icon",i),f=U({className:$("actionIcon")},Y("actionIcon")),y=U({href:l||"#",role:"menuitem",className:b(s,$("action",{disabled:r})),"aria-label":t.label,style:u,target:c,tabIndex:"-1","data-pr-tooltip":o,onClick:function(e){return ae(e,t)}},Y("action")),v=h.getJSXIcon(i,R({},f),{props:q}),w=e.createElement("a",y,v,e.createElement(m,null));a&&(w=g.getJSXElement(a,t,{onClick:function(e){return ae(e,t)},className:d,iconClassName:p,element:w,props:q,visible:F}));var S,k=U({key:n,id:"".concat(E,"_").concat(n),className:$("menuitem",{active:(S="".concat(E,"_").concat(n),T===S)}),style:Ee(n),"aria-controls":E+"_item",role:"menuitem"},Y("menuitem"));return e.createElement("li",k,w)};e.useEffect((function(){j(q.id||v())}),[q.id]);var De,Ae,Ne,Pe,Me,_e,He,Te,Re,Ve=(De=!F&&!!q.showIcon||!q.hideIcon,Ae=F&&!!q.hideIcon,Ne=b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":q.rotateAnimation&&!q.hideIcon},q.buttonClassName),Pe=b(I(I({},"".concat(q.showIcon),!F&&!!q.showIcon||!q.hideIcon),"".concat(q.hideIcon),F&&!!q.hideIcon)),Me=h.getJSXIcon(De?q.showIcon||e.createElement(f,null):Ae?q.hideIcon||e.createElement(p,null):null,void 0,{props:q,visible:F}),_e=U({type:"button",style:q.buttonStyle,className:b(q.buttonClassName,$("button")),icon:Me,onClick:function(e){return oe(e)},disabled:q.disabled,onKeyDown:ce,"aria-label":q["aria-label"],"aria-expanded":F,"aria-haspopup":!0,"aria-controls":E+"_list","aria-labelledby":q.ariaLabelledby,pt:Y("button"),unstyled:q.unstyled,__parentMetadata:{parent:W}}),He=e.createElement(n,_e),q.buttonTemplate?g.getJSXElement(q.buttonTemplate,{onClick:oe,className:Ne,iconClassName:Pe,element:He,props:q,visible:F}):He),ze=(Te=q.model?q.model.map(je):null,Re=U({ref:J,className:$("menu"),style:G("menu"),role:"menu",tabIndex:"-1",onFocus:ne,onKeyDown:le,onBlur:re,"aria-activedescendant":N?-1!==T?T:null:void 0},Y("menu")),e.createElement("ul",Re,Te)),Le=function(){if(q.mask){var t=U({className:b(q.maskClassName,$("mask",{visible:F})),style:q.maskStyle},Y("mask"));return e.createElement("div",t)}return null}(),Je=U({className:b(q.className,$("root",{visible:F})),style:R(R({},q.style),G("root")),id:E},H.getOtherProps(q),Y("root"));return e.createElement(e.Fragment,null,e.createElement("div",w({ref:L},Je),Ve,ze),Le)})));V.displayName="SpeedDial";export{V as SpeedDial};

package/speeddial/speeddial.js

@@ -259,9 +259,14 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       focusedOptionIndex = _React$useState8[0],
       setFocusedOptionIndex = _React$useState8[1];
+    var isItemClicked = React__namespace.useRef(false);
+    var elementRef = React__namespace.useRef(null);
+    var listRef = React__namespace.useRef(null);
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SpeedDialBase.getProps(inProps, context);
     var visible = props.onVisibleChange ? props.visible : visibleState;
+    var speedDialDisplayOrder = hooks.useDisplayOrder('speed-dial', visible);
     var metaData = {
       props: props,
       state: {
@@ -276,9 +281,13 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     componentbase.useHandleStyle(SpeedDialBase.css.styles, isUnstyled, {
       name: 'speeddial'
     });
-    var isItemClicked = React__namespace.useRef(false);
-    var elementRef = React__namespace.useRef(null);
-    var listRef = React__namespace.useRef(null);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback() {
+        hide();
+      },
+      when: visible && speedDialDisplayOrder,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL, speedDialDisplayOrder]
+    });
     var _useEventListener = hooks.useEventListener({
         type: 'click',
         listener: function listener(event) {
@@ -626,10 +635,10 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
         'p-disabled': disabled
       });
       var iconClassName = utils.classNames('p-speeddial-action-icon', _icon);
-      var actionIconProps = utils.mergeProps({
+      var actionIconProps = mergeProps({
         className: cx('actionIcon')
       }, ptm('actionIcon'));
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: url || '#',
         role: 'menuitem',
         className: utils.classNames(_itemClassName, cx('action', {
@@ -661,7 +670,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
-      var menuItemProps = utils.mergeProps({
+      var menuItemProps = mergeProps({
         key: index,
         id: "".concat(idState, "_").concat(index),
         className: cx('menuitem', {
@@ -678,7 +687,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     };
     var createList = function createList() {
       var items = createItems();
-      var menuProps = utils.mergeProps({
+      var menuProps = mergeProps({
         ref: listRef,
         className: cx('menu'),
         style: sx('menu'),
@@ -703,7 +712,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
         props: props,
         visible: visible
       });
-      var buttonProps = utils.mergeProps({
+      var buttonProps = mergeProps({
         type: 'button',
         style: props.buttonStyle,
         className: utils.classNames(props.buttonClassName, cx('button')),
@@ -740,7 +749,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     };
     var createMask = function createMask() {
       if (props.mask) {
-        var maskProps = utils.mergeProps({
+        var maskProps = mergeProps({
           className: utils.classNames(props.maskClassName, cx('mask', {
             visible: visible
           })),
@@ -756,7 +765,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     var button$1 = createButton();
     var list = createList();
     var mask = createMask();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       className: utils.classNames(props.className, cx('root', {
         visible: visible
       })),

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,n,t,r,i,a,o,l,c,s){"use strict";function u(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=u(n);function p(){return p=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},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(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 h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function S(){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 D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function k(){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 x(e,n){return O(e)||I(e,n)||w(e,n)||k()}var N=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,ariaLabelledby: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 n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.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:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},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 n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});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 P(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){y(e,n,t[n])})):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 C=d.memo(d.forwardRef((function(e,n){var u=x(d.useState(!1),2),f=u[0],m=u[1],b=x(d.useState(null),2),v=b[0],h=b[1],g=x(d.useState(!1),2),w=g[0],S=g[1],O=x(d.useState(-1),2),I=O[0],k=O[1],j=d.useContext(t.PrimeReactContext),C=N.getProps(e,j),E=C.onVisibleChange?C.visible:f,H={props:C,state:{visible:E}},A=N.setMetaData(H),M=A.ptm,_=A.cx,U=A.sx;i.useHandleStyle(N.css.styles,A.isUnstyled,{name:"speeddial"});var R=d.useRef(!1),T=d.useRef(null),z=d.useRef(null),V=x(a.useEventListener({type:"click",listener:function(e){!R.current&&pe(e)&&F(),R.current=!1},when:f}),2),L=V[0],J=V[1],X=function(){C.onVisibleChange?C.onVisibleChange(!0):m(!0),C.onShow&&C.onShow()},q=function(){S(!0)},B=function(){S(!1),k(-1)},F=function(){C.onVisibleChange?C.onVisibleChange(!1):m(!1),C.onHide&&C.onHide()},K=function(e){E?F():X(),C.onClick&&C.onClick(e),R.current=!0},W=function(e,n){n.command&&n.command({originalEvent:e,item:n}),F(),R.current=!0,e.preventDefault()},Y=function(e){switch(e.code){case"ArrowDown":te(e);break;case"ArrowUp":ne(e);break;case"ArrowLeft":re(e);break;case"ArrowRight":ie(e);break;case"Enter":case"Space":Z(e);break;case"Escape":ee();break;case"Home":oe(e);break;case"End":ae(e)}},$=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":Q(e);break;case"ArrowUp":case"ArrowRight":G(e);break;case"Escape":ee()}},G=function(e){S(!0),s.DomHandler.focus(z.current),X(),ce(e),e.preventDefault()},Q=function(e){S(!0),s.DomHandler.focus(z.current),X(),le(e),e.preventDefault()},Z=function(e){var n=D(s.DomHandler.find(T.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));W(e,C.model[n]),B();var t=s.DomHandler.findSingle(T.current,"button");t&&s.DomHandler.focus(t)},ee=function(){F();var e=s.DomHandler.findSingle(T.current,"button");e&&s.DomHandler.focus(e)},ne=function(e){var n=C.direction;"up"===n?le(e):"down"===n?ce(e):le(e)},te=function(e){var n=C.direction;"up"===n?ce(e):"down"===n?le(e):ce(e)},re=function(e){var n=C.direction;["left","up-right","down-left"].includes(n)?le(e):(["right","up-left","down-right"].includes(n),ce(e))},ie=function(e){var n=C.direction;["left","up-right","down-left"].includes(n)?ce(e):(["right","up-left","down-right"].includes(n),le(e))},ae=function(e){e.preventDefault(),k(-1),ce(e,-1)},oe=function(e){e.preventDefault(),k(-1),le(e,-1)},le=function(e){var n=de((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);se(n),e.preventDefault()},ce=function(e){var n=ue((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);se(n),e.preventDefault()},se=function(e){var n=D(s.DomHandler.find(T.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&k(n[e].getAttribute("id"))},ue=function(e){var n=D(s.DomHandler.find(T.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},de=function(e){var n=D(s.DomHandler.find(T.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},pe=function(e){return T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},fe=function(e){return(E?e:C.model.length-e-1)*C.transitionDelay},me=function(e){var n=C.type;if("linear"!==n){var t=C.model.length,r=C.radius||20*t;if("circle"===n){var i=2*Math.PI/t;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"===n){var a=C.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=C.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},be=function(e){var n=fe(e),t=me(e);return P({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==C.type){var e=s.DomHandler.findSingle(T.current,".p-speeddial-button"),n=s.DomHandler.findSingle(z.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);z.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),z.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&C.hideOnClickOutside&&L(),function(){C.hideOnClickOutside&&J()}}),[f]),d.useImperativeHandle(n,(function(){return{props:C,show:X,hide:F,getElement:function(){return T.current}}}));var ye=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,p=e.style,f=s.classNames("p-speeddial-action",{"p-disabled":t}),m=s.classNames("p-speeddial-action-icon",r),b=s.mergeProps({className:_("actionIcon")},M("actionIcon")),y=s.mergeProps({href:o||"#",role:"menuitem",className:s.classNames(u,_("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return W(n,e)}},M("action")),h=s.IconUtils.getJSXIcon(r,P({},b),{props:C}),g=d.createElement("a",y,h,d.createElement(c.Ripple,null));a&&(g=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return W(n,e)},className:f,iconClassName:m,element:g,props:C,visible:E}));var w,S=s.mergeProps({key:n,id:"".concat(v,"_").concat(n),className:_("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:be(n),"aria-controls":v+"_item",role:"menuitem"},M("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(C.id||s.UniqueComponentId())}),[C.id]);var ve,he,ge,we,Se,De,Oe,Ie,ke,xe=(ve=!E&&!!C.showIcon||!C.hideIcon,he=E&&!!C.hideIcon,ge=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":C.rotateAnimation&&!C.hideIcon},C.buttonClassName),we=s.classNames(y(y({},"".concat(C.showIcon),!E&&!!C.showIcon||!C.hideIcon),"".concat(C.hideIcon),E&&!!C.hideIcon)),Se=s.IconUtils.getJSXIcon(ve?C.showIcon||d.createElement(l.PlusIcon,null):he?C.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:C,visible:E}),De=s.mergeProps({type:"button",style:C.buttonStyle,className:s.classNames(C.buttonClassName,_("button")),icon:Se,onClick:function(e){return K(e)},disabled:C.disabled,onKeyDown:$,"aria-label":C["aria-label"],"aria-expanded":E,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":C.ariaLabelledby,pt:M("button"),unstyled:C.unstyled,__parentMetadata:{parent:H}}),Oe=d.createElement(r.Button,De),C.buttonTemplate?s.ObjectUtils.getJSXElement(C.buttonTemplate,{onClick:K,className:ge,iconClassName:we,element:Oe,props:C,visible:E}):Oe),Ne=(Ie=C.model?C.model.map(ye):null,ke=s.mergeProps({ref:z,className:_("menu"),style:U("menu"),role:"menu",tabIndex:"-1",onFocus:q,onKeyDown:Y,onBlur:B,"aria-activedescendant":w?-1!==I?I:null:void 0},M("menu")),d.createElement("ul",ke,Ie)),je=function(){if(C.mask){var e=s.mergeProps({className:s.classNames(C.maskClassName,_("mask",{visible:E})),style:C.maskStyle},M("mask"));return d.createElement("div",e)}return null}(),Pe=s.mergeProps({className:s.classNames(C.className,_("root",{visible:E})),style:P(P({},C.style),U("root")),id:v},N.getOtherProps(C),M("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:T},Pe),xe,Ne),je)})));return C.displayName="SpeedDial",e.SpeedDial=C,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,n,t,r,i,a,o,l,c,s){"use strict";function u(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=u(n);function p(){return p=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},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(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 h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function S(){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 D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function k(){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,n){return O(e)||I(e,n)||w(e,n)||k()}var x=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,ariaLabelledby: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 n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.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:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},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 n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function E(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 j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=d.memo(d.forwardRef((function(e,n){var u=N(d.useState(!1),2),f=u[0],m=u[1],b=N(d.useState(null),2),v=b[0],h=b[1],g=N(d.useState(!1),2),w=g[0],S=g[1],O=N(d.useState(-1),2),I=O[0],k=O[1],E=d.useRef(!1),C=d.useRef(null),P=d.useRef(null),H=a.useMergeProps(),A=d.useContext(t.PrimeReactContext),M=x.getProps(e,A),_=M.onVisibleChange?M.visible:f,R=a.useDisplayOrder("speed-dial",_),U={props:M,state:{visible:_}},T=x.setMetaData(U),L=T.ptm,z=T.cx,V=T.sx;i.useHandleStyle(x.css.styles,T.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){G()},when:_&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,R]});var J=N(a.useEventListener({type:"click",listener:function(e){!E.current&&me(e)&&G(),E.current=!1},when:f}),2),K=J[0],X=J[1],q=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){S(!0)},F=function(){S(!1),k(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():q(),M.onClick&&M.onClick(e),E.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),E.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){S(!0),s.DomHandler.focus(P.current),q(),ue(e),e.preventDefault()},ee=function(e){S(!0),s.DomHandler.focus(P.current),q(),se(e),e.preventDefault()},ne=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=s.DomHandler.findSingle(C.current,"button");t&&s.DomHandler.focus(t)},te=function(){G();var e=s.DomHandler.findSingle(C.current,"button");e&&s.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),k(-1),ue(e,-1)},ce=function(e){e.preventDefault(),k(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&k(n[e].getAttribute("id"))},pe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;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"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return j({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==M.type){var e=s.DomHandler.findSingle(C.current,".p-speeddial-button"),n=s.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&K(),function(){M.hideOnClickOutside&&X()}}),[f]),d.useImperativeHandle(n,(function(){return{props:M,show:q,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,p=e.style,f=s.classNames("p-speeddial-action",{"p-disabled":t}),m=s.classNames("p-speeddial-action-icon",r),b=H({className:z("actionIcon")},L("actionIcon")),y=H({href:o||"#",role:"menuitem",className:s.classNames(u,z("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},L("action")),h=s.IconUtils.getJSXIcon(r,j({},b),{props:M}),g=d.createElement("a",y,h,d.createElement(c.Ripple,null));a&&(g=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:z("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},L("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(M.id||s.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,ke,Ne,xe,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=s.classNames(y(y({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=s.IconUtils.getJSXIcon(ge?M.showIcon||d.createElement(l.PlusIcon,null):we?M.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:s.classNames(M.buttonClassName,z("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:L("button"),unstyled:M.unstyled,__parentMetadata:{parent:U}}),ke=d.createElement(r.Button,Ie),M.buttonTemplate?s.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:ke,props:M,visible:_}):ke),je=(Ne=M.model?M.model.map(he):null,xe=H({ref:P,className:z("menu"),style:V("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},L("menu")),d.createElement("ul",xe,Ne)),Ce=function(){if(M.mask){var e=H({className:s.classNames(M.maskClassName,z("mask",{visible:_})),style:M.maskStyle},L("mask"));return d.createElement("div",e)}return null}(),Pe=H({className:s.classNames(M.className,z("root",{visible:_})),style:j(j({},M.style),V("root")),id:v},x.getOtherProps(M),L("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:C},Pe),Ee,je),Ce)})));return C.displayName="SpeedDial",e.SpeedDial=C,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);