primereact 10.3.0 → 10.3.1

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 P=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],P=u.useRef(!1),j=u.useRef(null),C=u.useRef(null),H=u.useContext(n.PrimeReactContext),A=k.getProps(e,H),M=A.onVisibleChange?A.visible:f,_=i.useDisplayOrder("speed-dial",M),q={props:A,state:{visible:M}},R=k.setMetaData(q),U=R.ptm,T=R.cx,L=R.sx;r.useHandleStyle(k.css.styles,R.isUnstyled,{name:"speeddial"}),i.useGlobalOnEscapeKey({callback:function(){F()},when:M,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,_]});var z=x(i.useEventListener({type:"click",listener:function(e){!P.current&&fe(e)&&F(),P.current=!1},when:f}),2),V=z[0],J=z[1],K=function(){A.onVisibleChange?A.onVisibleChange(!0):m(!0),A.onShow&&A.onShow()},X=function(){D(!0)},B=function(){D(!1),N(-1)},F=function(){A.onVisibleChange?A.onVisibleChange(!1):m(!1),A.onHide&&A.onHide()},G=function(e){M?F():K(),A.onClick&&A.onClick(e),P.current=!0},W=function(e,n){n.command&&n.command({originalEvent:e,item:n}),F(),P.current=!0,e.preventDefault()},Y=function(e){switch(e.code){case"ArrowDown":re(e);break;case"ArrowUp":te(e);break;case"ArrowLeft":ie(e);break;case"ArrowRight":ae(e);break;case"Enter":case"Space":ee(e);break;case"Escape":ne();break;case"Home":le(e);break;case"End":oe(e)}},$=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":Z(e);break;case"ArrowUp":case"ArrowRight":Q(e);break;case"Escape":ne()}},Q=function(e){D(!0),c.DomHandler.focus(C.current),K(),se(e),e.preventDefault()},Z=function(e){D(!0),c.DomHandler.focus(C.current),K(),ce(e),e.preventDefault()},ee=function(e){var n=S(c.DomHandler.find(j.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));W(e,A.model[n]),B();var t=c.DomHandler.findSingle(j.current,"button");t&&c.DomHandler.focus(t)},ne=function(){F();var e=c.DomHandler.findSingle(j.current,"button");e&&c.DomHandler.focus(e)},te=function(e){var n=A.direction;"up"===n?ce(e):"down"===n?se(e):ce(e)},re=function(e){var n=A.direction;"up"===n?se(e):"down"===n?ce(e):se(e)},ie=function(e){var n=A.direction;["left","up-right","down-left"].includes(n)?ce(e):(["right","up-left","down-right"].includes(n),se(e))},ae=function(e){var n=A.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ce(e))},oe=function(e){e.preventDefault(),N(-1),se(e,-1)},le=function(e){e.preventDefault(),N(-1),ce(e,-1)},ce=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);ue(n),e.preventDefault()},se=function(e){var n=de((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);ue(n),e.preventDefault()},ue=function(e){var n=S(c.DomHandler.find(j.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"))},de=function(e){var n=S(c.DomHandler.find(j.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},pe=function(e){var n=S(c.DomHandler.find(j.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},fe=function(e){return j.current&&!(j.current.isSameNode(e.target)||j.current.contains(e.target))},me=function(e){return(M?e:A.model.length-e-1)*A.transitionDelay},be=function(e){var n=A.type;if("linear"!==n){var t=A.model.length,r=A.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=A.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=A.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{}},ye=function(e){var n=me(e),t=be(e);return E({transitionDelay:"".concat(n,"ms")},t)};i.useMountEffect((function(){if("linear"!==A.type){var e=c.DomHandler.findSingle(j.current,".p-speeddial-button"),n=c.DomHandler.findSingle(C.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i.useUpdateEffect((function(){return f&&A.hideOnClickOutside&&V(),function(){A.hideOnClickOutside&&J()}}),[f]),u.useImperativeHandle(s,(function(){return{props:A,show:K,hide:F,getElement:function(){return j.current}}}));var ve=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:T("actionIcon")},U("actionIcon")),y=c.mergeProps({href:o||"#",role:"menuitem",className:c.classNames(d,T("action",{disabled:t})),"aria-label":e.label,style:p,target:s,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return W(n,e)}},U("action")),h=c.IconUtils.getJSXIcon(r,E({},b),{props:A}),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:A,visible:M}));var w,S=c.mergeProps({key:n,id:"".concat(v,"_").concat(n),className:T("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ye(n),"aria-controls":v+"_item",role:"menuitem"},U("menuitem"));return u.createElement("li",S,g)};u.useEffect((function(){h(A.id||c.UniqueComponentId())}),[A.id]);var he,ge,we,Se,De,Oe,Ie,xe,ke,Ne=(he=!M&&!!A.showIcon||!A.hideIcon,ge=M&&!!A.hideIcon,we=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":A.rotateAnimation&&!A.hideIcon},A.buttonClassName),Se=c.classNames(b(b({},"".concat(A.showIcon),!M&&!!A.showIcon||!A.hideIcon),"".concat(A.hideIcon),M&&!!A.hideIcon)),De=c.IconUtils.getJSXIcon(he?A.showIcon||u.createElement(o.PlusIcon,null):ge?A.hideIcon||u.createElement(a.MinusIcon,null):null,void 0,{props:A,visible:M}),Oe=c.mergeProps({type:"button",style:A.buttonStyle,className:c.classNames(A.buttonClassName,T("button")),icon:De,onClick:function(e){return G(e)},disabled:A.disabled,onKeyDown:$,"aria-label":A["aria-label"],"aria-expanded":M,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":A.ariaLabelledby,pt:U("button"),unstyled:A.unstyled,__parentMetadata:{parent:q}}),Ie=u.createElement(t.Button,Oe),A.buttonTemplate?c.ObjectUtils.getJSXElement(A.buttonTemplate,{onClick:G,className:we,iconClassName:Se,element:Ie,props:A,visible:M}):Ie),Ee=(xe=A.model?A.model.map(ve):null,ke=c.mergeProps({ref:C,className:T("menu"),style:L("menu"),role:"menu",tabIndex:"-1",onFocus:X,onKeyDown:Y,onBlur:B,"aria-activedescendant":w?-1!==I?I:null:void 0},U("menu")),u.createElement("ul",ke,xe)),Pe=function(){if(A.mask){var e=c.mergeProps({className:c.classNames(A.maskClassName,T("mask",{visible:M})),style:A.maskStyle},U("mask"));return u.createElement("div",e)}return null}(),je=c.mergeProps({className:c.classNames(A.className,T("root",{visible:M})),style:E(E({},A.style),L("root")),id:v},k.getOtherProps(A),U("root"));return u.createElement(u.Fragment,null,u.createElement("div",d({ref:j},je),Ne,Ee),Pe)})));P.displayName="SpeedDial",exports.SpeedDial=P;

package/speeddial/speeddial.esm.js

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

package/speeddial/speeddial.js

@@ -259,9 +259,13 @@ 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 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 +280,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,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL, speedDialDisplayOrder]
+    });
     var _useEventListener = hooks.useEventListener({
         type: 'click',
         listener: function listener(event) {

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 P(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 j=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),j=d.useRef(null),C=d.useRef(null),H=d.useContext(t.PrimeReactContext),A=x.getProps(e,H),M=A.onVisibleChange?A.visible:f,_=a.useDisplayOrder("speed-dial",M),R={props:A,state:{visible:M}},U=x.setMetaData(R),T=U.ptm,L=U.cx,z=U.sx;i.useHandleStyle(x.css.styles,U.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){F()},when:M,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,_]});var V=N(a.useEventListener({type:"click",listener:function(e){!E.current&&fe(e)&&F(),E.current=!1},when:f}),2),J=V[0],K=V[1],X=function(){A.onVisibleChange?A.onVisibleChange(!0):m(!0),A.onShow&&A.onShow()},q=function(){S(!0)},B=function(){S(!1),k(-1)},F=function(){A.onVisibleChange?A.onVisibleChange(!1):m(!1),A.onHide&&A.onHide()},G=function(e){M?F():X(),A.onClick&&A.onClick(e),E.current=!0},W=function(e,n){n.command&&n.command({originalEvent:e,item:n}),F(),E.current=!0,e.preventDefault()},Y=function(e){switch(e.code){case"ArrowDown":re(e);break;case"ArrowUp":te(e);break;case"ArrowLeft":ie(e);break;case"ArrowRight":ae(e);break;case"Enter":case"Space":ee(e);break;case"Escape":ne();break;case"Home":le(e);break;case"End":oe(e)}},$=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":Z(e);break;case"ArrowUp":case"ArrowRight":Q(e);break;case"Escape":ne()}},Q=function(e){S(!0),s.DomHandler.focus(C.current),X(),se(e),e.preventDefault()},Z=function(e){S(!0),s.DomHandler.focus(C.current),X(),ce(e),e.preventDefault()},ee=function(e){var n=D(s.DomHandler.find(j.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));W(e,A.model[n]),B();var t=s.DomHandler.findSingle(j.current,"button");t&&s.DomHandler.focus(t)},ne=function(){F();var e=s.DomHandler.findSingle(j.current,"button");e&&s.DomHandler.focus(e)},te=function(e){var n=A.direction;"up"===n?ce(e):"down"===n?se(e):ce(e)},re=function(e){var n=A.direction;"up"===n?se(e):"down"===n?ce(e):se(e)},ie=function(e){var n=A.direction;["left","up-right","down-left"].includes(n)?ce(e):(["right","up-left","down-right"].includes(n),se(e))},ae=function(e){var n=A.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ce(e))},oe=function(e){e.preventDefault(),k(-1),se(e,-1)},le=function(e){e.preventDefault(),k(-1),ce(e,-1)},ce=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);ue(n),e.preventDefault()},se=function(e){var n=de((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);ue(n),e.preventDefault()},ue=function(e){var n=D(s.DomHandler.find(j.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"))},de=function(e){var n=D(s.DomHandler.find(j.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},pe=function(e){var n=D(s.DomHandler.find(j.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},fe=function(e){return j.current&&!(j.current.isSameNode(e.target)||j.current.contains(e.target))},me=function(e){return(M?e:A.model.length-e-1)*A.transitionDelay},be=function(e){var n=A.type;if("linear"!==n){var t=A.model.length,r=A.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=A.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=A.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{}},ye=function(e){var n=me(e),t=be(e);return P({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==A.type){var e=s.DomHandler.findSingle(j.current,".p-speeddial-button"),n=s.DomHandler.findSingle(C.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&A.hideOnClickOutside&&J(),function(){A.hideOnClickOutside&&K()}}),[f]),d.useImperativeHandle(n,(function(){return{props:A,show:X,hide:F,getElement:function(){return j.current}}}));var ve=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:L("actionIcon")},T("actionIcon")),y=s.mergeProps({href:o||"#",role:"menuitem",className:s.classNames(u,L("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return W(n,e)}},T("action")),h=s.IconUtils.getJSXIcon(r,P({},b),{props:A}),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:A,visible:M}));var w,S=s.mergeProps({key:n,id:"".concat(v,"_").concat(n),className:L("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ye(n),"aria-controls":v+"_item",role:"menuitem"},T("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(A.id||s.UniqueComponentId())}),[A.id]);var he,ge,we,Se,De,Oe,Ie,ke,Ne,xe=(he=!M&&!!A.showIcon||!A.hideIcon,ge=M&&!!A.hideIcon,we=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":A.rotateAnimation&&!A.hideIcon},A.buttonClassName),Se=s.classNames(y(y({},"".concat(A.showIcon),!M&&!!A.showIcon||!A.hideIcon),"".concat(A.hideIcon),M&&!!A.hideIcon)),De=s.IconUtils.getJSXIcon(he?A.showIcon||d.createElement(l.PlusIcon,null):ge?A.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:A,visible:M}),Oe=s.mergeProps({type:"button",style:A.buttonStyle,className:s.classNames(A.buttonClassName,L("button")),icon:De,onClick:function(e){return G(e)},disabled:A.disabled,onKeyDown:$,"aria-label":A["aria-label"],"aria-expanded":M,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":A.ariaLabelledby,pt:T("button"),unstyled:A.unstyled,__parentMetadata:{parent:R}}),Ie=d.createElement(r.Button,Oe),A.buttonTemplate?s.ObjectUtils.getJSXElement(A.buttonTemplate,{onClick:G,className:we,iconClassName:Se,element:Ie,props:A,visible:M}):Ie),Ee=(ke=A.model?A.model.map(ve):null,Ne=s.mergeProps({ref:C,className:L("menu"),style:z("menu"),role:"menu",tabIndex:"-1",onFocus:q,onKeyDown:Y,onBlur:B,"aria-activedescendant":w?-1!==I?I:null:void 0},T("menu")),d.createElement("ul",Ne,ke)),Pe=function(){if(A.mask){var e=s.mergeProps({className:s.classNames(A.maskClassName,L("mask",{visible:M})),style:A.maskStyle},T("mask"));return d.createElement("div",e)}return null}(),je=s.mergeProps({className:s.classNames(A.className,L("root",{visible:M})),style:P(P({},A.style),z("root")),id:v},x.getOtherProps(A),T("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:j},je),xe,Ee),Pe)})));return j.displayName="SpeedDial",e.SpeedDial=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);

package/splitbutton/splitbutton.cjs.js

@@ -10,12 +10,12 @@ var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var chevrondown = require('primereact/icons/chevrondown');
 var overlayservice = require('primereact/overlayservice');
-var tooltip = require('primereact/tooltip');
-var utils = require('primereact/utils');
 var csstransition = require('primereact/csstransition');
 var portal = require('primereact/portal');
+var utils = require('primereact/utils');
 var angleright = require('primereact/icons/angleright');
 var ripple = require('primereact/ripple');
+var tooltip = require('primereact/tooltip');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -152,81 +152,6 @@ function _slicedToArray(arr, i) {
 }
 
 var classes$1 = {
-  icon: 'p-button-icon p-c',
-  root: function root(_ref) {
-    var props = _ref.props,
-      size = _ref.size;
-    return utils.classNames('p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-      'p-disabled': props.disabled,
-      'p-button-loading-label-only': props.loading && !props.icon && props.label
-    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), "p-button-".concat(size), size));
-  },
-  button: 'p-splitbutton-defaultbutton',
-  menuButton: 'p-splitbutton-menubutton',
-  menu: function menu(_ref2) {
-    var props = _ref2.subProps;
-    return utils.classNames('p-menu p-menu-overlay p-component', props.menuClassName);
-  },
-  menuList: 'p-menu-list p-reset',
-  separator: 'p-menu-separator',
-  menuIcon: 'p-menuitem-icon',
-  menuLabel: 'p-menuitem-text',
-  anchor: function anchor(_ref3) {
-    var _className = _ref3._className,
-      disabled = _ref3.disabled;
-    return utils.classNames('p-menuitem-link', _className, {
-      'p-disabled': disabled
-    });
-  },
-  menuItem: 'p-menuitem',
-  transition: 'p-connected-overlay'
-};
-var styles$1 = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
-var SplitButtonBase = componentbase.ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'SplitButton',
-    id: null,
-    label: null,
-    icon: null,
-    autoZIndex: false,
-    baseZIndex: 0,
-    loading: false,
-    loadingIcon: null,
-    model: null,
-    disabled: null,
-    style: null,
-    className: null,
-    buttonClassName: null,
-    menuStyle: null,
-    menuClassName: null,
-    menuButtonClassName: null,
-    buttonProps: null,
-    menuButtonProps: null,
-    tabIndex: null,
-    severity: null,
-    rounded: false,
-    raised: false,
-    outlined: false,
-    text: false,
-    size: null,
-    appendTo: null,
-    tooltip: null,
-    tooltipOptions: null,
-    buttonTemplate: null,
-    transitionOptions: null,
-    dropdownIcon: null,
-    onClick: null,
-    onShow: null,
-    onHide: null,
-    children: undefined
-  },
-  css: {
-    classes: classes$1,
-    styles: styles$1
-  }
-});
-
-var classes = {
   root: function root(_ref) {
     var props = _ref.props,
       context = _ref.context;
@@ -268,7 +193,7 @@ var inlineStyles = {
     };
   }
 };
-var styles = "\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n";
+var styles$1 = "\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n";
 var TieredMenuBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TieredMenu',
@@ -291,8 +216,8 @@ var TieredMenuBase = componentbase.ComponentBase.extend({
     children: undefined
   },
   css: {
-    classes: classes,
-    styles: styles,
+    classes: classes$1,
+    styles: styles$1,
     inlineStyles: inlineStyles
   }
 });
@@ -1103,7 +1028,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-tieredmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n\n    ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
@@ -1278,6 +1203,81 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 }));
 TieredMenu.displayName = 'TieredMenu';
 
+var classes = {
+  icon: 'p-button-icon p-c',
+  root: function root(_ref) {
+    var props = _ref.props,
+      size = _ref.size;
+    return utils.classNames('p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      'p-disabled': props.disabled,
+      'p-button-loading-label-only': props.loading && !props.icon && props.label
+    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), "p-button-".concat(size), size));
+  },
+  button: 'p-splitbutton-defaultbutton',
+  menuButton: 'p-splitbutton-menubutton',
+  menu: function menu(_ref2) {
+    var props = _ref2.subProps;
+    return utils.classNames('p-menu p-menu-overlay p-component', props.menuClassName);
+  },
+  menuList: 'p-menu-list p-reset',
+  separator: 'p-menu-separator',
+  menuIcon: 'p-menuitem-icon',
+  menuLabel: 'p-menuitem-text',
+  anchor: function anchor(_ref3) {
+    var _className = _ref3._className,
+      disabled = _ref3.disabled;
+    return utils.classNames('p-menuitem-link', _className, {
+      'p-disabled': disabled
+    });
+  },
+  menuItem: 'p-menuitem',
+  transition: 'p-connected-overlay'
+};
+var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
+var SplitButtonBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'SplitButton',
+    id: null,
+    label: null,
+    icon: null,
+    autoZIndex: false,
+    baseZIndex: 0,
+    loading: false,
+    loadingIcon: null,
+    model: null,
+    disabled: null,
+    style: null,
+    className: null,
+    buttonClassName: null,
+    menuStyle: null,
+    menuClassName: null,
+    menuButtonClassName: null,
+    buttonProps: null,
+    menuButtonProps: null,
+    tabIndex: null,
+    severity: null,
+    rounded: false,
+    raised: false,
+    outlined: false,
+    text: false,
+    size: null,
+    appendTo: null,
+    tooltip: null,
+    tooltipOptions: null,
+    buttonTemplate: null,
+    transitionOptions: null,
+    dropdownIcon: null,
+    onClick: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  css: {
+    classes: classes,
+    styles: styles
+  }
+});
+
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -1295,6 +1295,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var menuRef = React__namespace.useRef(null);
   var defaultButtonRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
+  var overlayDisplayOrder = hooks.useDisplayOrder('split-button-tooltip', overlayVisibleState);
   var metaData = {
     props: props,
     state: {
@@ -1309,6 +1310,13 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   componentbase.useHandleStyle(SplitButtonBase.css.styles, isUnstyled, {
     name: 'splitbutton'
   });
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: overlayVisibleState,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON, overlayDisplayOrder]
+  });
   var onPanelClick = function onPanelClick(event) {
     overlayservice.OverlayService.emit('overlay-click', {
       originalEvent: event,