primereact 8.7.2 → 8.7.3

package/speeddial/speeddial.esm.js

@@ -8,20 +8,45 @@ function _extends() {
   _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,
@@ -32,7 +57,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -41,42 +65,40 @@ function _arrayWithHoles(arr) {
 }
 
 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;
 }
 
@@ -98,52 +120,43 @@ function _slicedToArray(arr, i) {
 }
 
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames2;
-
   var _React$useState = React.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.useRef(false);
   var elementRef = React.useRef(null);
   var listRef = React.useRef(null);
   var visible = props.onVisibleChange ? props.visible : visibleState;
-
   var _useEventListener = 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,
@@ -153,23 +166,18 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     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 {
@@ -178,12 +186,9 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         };
       } 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,
@@ -207,13 +212,9 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         }
       } 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,
@@ -237,10 +238,8 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         }
       }
     }
-
     return {};
   };
-
   var getItemStyle = function getItemStyle(index) {
     var transitionDelay = calculateTransitionDelay(index);
     var pointStyle = calculatePointStyle(index);
@@ -248,13 +247,10 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       transitionDelay: "".concat(transitionDelay, "ms")
     }, pointStyle);
   };
-
   useMountEffect(function () {
     if (props.type !== 'linear') {
       var _button = DomHandler.findSingle(elementRef.current, '.p-speeddial-button');
-
       var firstItem = 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);
@@ -267,7 +263,6 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (visibleState) {
       props.hideOnClickOutside && bindDocumentClickListener();
     }
-
     return function () {
       props.hideOnClickOutside && unbindDocumentClickListener();
     };
@@ -282,19 +277,17 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     };
   });
-
   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 = classNames('p-speeddial-action', {
       'p-disabled': disabled
     });
@@ -314,7 +307,6 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         return onItemClick(e, item);
       }
     }, icon, /*#__PURE__*/React.createElement(Ripple, null));
-
     if (template) {
       var defaultContentOptions = {
         onClick: function onClick(e) {
@@ -328,7 +320,6 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       key: index,
       className: "p-speeddial-item",
@@ -336,11 +327,9 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       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.createElement("ul", {
@@ -349,10 +338,8 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       role: "menu"
     }, items);
   };
-
   var createButton = function createButton() {
     var _classNames;
-
     var showIconVisible = !visible && !!props.showIcon || !props.hideIcon;
     var hideIconVisible = visible && !!props.hideIcon;
     var className = classNames('p-speeddial-button p-button-rounded', {
@@ -371,7 +358,6 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       disabled: props.disabled,
       "aria-label": props['aria-label']
     });
-
     if (props.buttonTemplate) {
       var defaultContentOptions = {
         onClick: onClick,
@@ -383,25 +369,20 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       return ObjectUtils.getJSXElement(props.buttonTemplate, defaultContentOptions);
     }
-
     return content;
   };
-
   var createMask = function createMask() {
     if (props.mask) {
       var _className = classNames('p-speeddial-mask', {
         'p-speeddial-mask-visible': visible
       }, props.maskClassName);
-
       return /*#__PURE__*/React.createElement("div", {
         className: _className,
         style: props.maskStyle
       });
     }
-
     return null;
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, SpeedDial.defaultProps);
   var className = 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 = createButton();

package/speeddial/speeddial.esm.min.js

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