primereact 8.7.2 → 9.0.0-beta.1

package/speeddial/speeddial.js

@@ -26,20 +26,45 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -50,7 +75,6 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
@@ -59,42 +83,40 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -116,52 +138,43 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
   }
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames2;
-
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        visibleState = _React$useState2[0],
-        setVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visibleState = _React$useState2[0],
+      setVisibleState = _React$useState2[1];
     var isItemClicked = React__namespace.useRef(false);
     var elementRef = React__namespace.useRef(null);
     var listRef = React__namespace.useRef(null);
     var visible = props.onVisibleChange ? props.visible : visibleState;
-
     var _useEventListener = hooks.useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (!isItemClicked.current && isOutsideClicked(event)) {
-          hide();
-        }
-
-        isItemClicked.current = false;
-      },
-      when: visibleState
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 2),
-        bindDocumentClickListener = _useEventListener2[0],
-        unbindDocumentClickListener = _useEventListener2[1];
-
+        type: 'click',
+        listener: function listener(event) {
+          if (!isItemClicked.current && isOutsideClicked(event)) {
+            hide();
+          }
+          isItemClicked.current = false;
+        },
+        when: visibleState
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentClickListener = _useEventListener2[0],
+      unbindDocumentClickListener = _useEventListener2[1];
     var show = function show() {
       props.onVisibleChange ? props.onVisibleChange(true) : setVisibleState(true);
       props.onShow && props.onShow();
     };
-
     var hide = function hide() {
       props.onVisibleChange ? props.onVisibleChange(false) : setVisibleState(false);
       props.onHide && props.onHide();
     };
-
     var onClick = function onClick(e) {
       visible ? hide() : show();
       props.onClick && props.onClick(e);
       isItemClicked.current = true;
     };
-
     var onItemClick = function onItemClick(e, item) {
       item.command && item.command({
         originalEvent: e,
@@ -171,23 +184,18 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
       isItemClicked.current = true;
       e.preventDefault();
     };
-
     var isOutsideClicked = function isOutsideClicked(event) {
       return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target));
     };
-
     var calculateTransitionDelay = function calculateTransitionDelay(index) {
       var length = props.model.length;
       return (visible ? index : length - index - 1) * props.transitionDelay;
     };
-
     var calculatePointStyle = function calculatePointStyle(index) {
       var type = props.type;
-
       if (type !== 'linear') {
         var length = props.model.length;
         var radius = props.radius || length * 20;
-
         if (type === 'circle') {
           var step = 2 * Math.PI / length;
           return {
@@ -196,12 +204,9 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
           };
         } else if (type === 'semi-circle') {
           var direction = props.direction;
-
           var _step = Math.PI / (length - 1);
-
           var x = "calc(".concat(radius * Math.cos(_step * index), "px + var(--item-diff-x, 0px))");
           var y = "calc(".concat(radius * Math.sin(_step * index), "px + var(--item-diff-y, 0px))");
-
           if (direction === 'up') {
             return {
               left: x,
@@ -225,13 +230,9 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
           }
         } else if (type === 'quarter-circle') {
           var _direction = props.direction;
-
           var _step2 = Math.PI / (2 * (length - 1));
-
           var _x = "calc(".concat(radius * Math.cos(_step2 * index), "px + var(--item-diff-x, 0px))");
-
           var _y = "calc(".concat(radius * Math.sin(_step2 * index), "px + var(--item-diff-y, 0px))");
-
           if (_direction === 'up-left') {
             return {
               right: _x,
@@ -255,10 +256,8 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
           }
         }
       }
-
       return {};
     };
-
     var getItemStyle = function getItemStyle(index) {
       var transitionDelay = calculateTransitionDelay(index);
       var pointStyle = calculatePointStyle(index);
@@ -266,13 +265,10 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         transitionDelay: "".concat(transitionDelay, "ms")
       }, pointStyle);
     };
-
     hooks.useMountEffect(function () {
       if (props.type !== 'linear') {
         var _button = utils.DomHandler.findSingle(elementRef.current, '.p-speeddial-button');
-
         var firstItem = utils.DomHandler.findSingle(listRef.current, '.p-speeddial-item');
-
         if (_button && firstItem) {
           var wDiff = Math.abs(_button.offsetWidth - firstItem.offsetWidth);
           var hDiff = Math.abs(_button.offsetHeight - firstItem.offsetHeight);
@@ -285,7 +281,6 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
       if (visibleState) {
         props.hideOnClickOutside && bindDocumentClickListener();
       }
-
       return function () {
         props.hideOnClickOutside && unbindDocumentClickListener();
       };
@@ -300,19 +295,17 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         }
       };
     });
-
     var createItem = function createItem(item, index) {
       if (item.visible === false) {
         return null;
       }
-
       var style = getItemStyle(index);
       var disabled = item.disabled,
-          _icon = item.icon,
-          label = item.label,
-          template = item.template,
-          url = item.url,
-          target = item.target;
+        _icon = item.icon,
+        label = item.label,
+        template = item.template,
+        url = item.url,
+        target = item.target;
       var contentClassName = utils.classNames('p-speeddial-action', {
         'p-disabled': disabled
       });
@@ -332,7 +325,6 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
           return onItemClick(e, item);
         }
       }, icon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-
       if (template) {
         var defaultContentOptions = {
           onClick: function onClick(e) {
@@ -346,7 +338,6 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: index,
         className: "p-speeddial-item",
@@ -354,11 +345,9 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         role: "none"
       }, content);
     };
-
     var createItems = function createItems() {
       return props.model ? props.model.map(createItem) : null;
     };
-
     var createList = function createList() {
       var items = createItems();
       return /*#__PURE__*/React__namespace.createElement("ul", {
@@ -367,10 +356,8 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         role: "menu"
       }, items);
     };
-
     var createButton = function createButton() {
       var _classNames;
-
       var showIconVisible = !visible && !!props.showIcon || !props.hideIcon;
       var hideIconVisible = visible && !!props.hideIcon;
       var className = utils.classNames('p-speeddial-button p-button-rounded', {
@@ -389,7 +376,6 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         disabled: props.disabled,
         "aria-label": props['aria-label']
       });
-
       if (props.buttonTemplate) {
         var defaultContentOptions = {
           onClick: onClick,
@@ -401,25 +387,20 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         };
         return utils.ObjectUtils.getJSXElement(props.buttonTemplate, defaultContentOptions);
       }
-
       return content;
     };
-
     var createMask = function createMask() {
       if (props.mask) {
         var _className = utils.classNames('p-speeddial-mask', {
           'p-speeddial-mask-visible': visible
         }, props.maskClassName);
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: _className,
           style: props.maskStyle
         });
       }
-
       return null;
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, SpeedDial.defaultProps);
     var className = utils.classNames("p-speeddial p-component p-speeddial-".concat(props.type), (_classNames2 = {}, _defineProperty(_classNames2, "p-speeddial-direction-".concat(props.direction), props.type !== 'circle'), _defineProperty(_classNames2, 'p-speeddial-opened', visible), _defineProperty(_classNames2, 'p-disabled', props.disabled), _classNames2), props.className);
     var button$1 = createButton();

package/speeddial/speeddial.min.js

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