primereact 10.2.1 → 10.3.1

package/speeddial/speeddial.esm.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { Button } from 'primereact/button';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useEventListener, useOnEscapeKey, 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';
-import { classNames, DomHandler, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
+import { classNames, DomHandler, UniqueComponentId, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -65,6 +65,37 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+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;
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -97,21 +128,6 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-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;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -120,7 +136,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var 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";
+var 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";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -150,19 +166,24 @@ var classes = {
     return classNames('p-speeddial-action-icon', _icon);
   },
   menu: 'p-speeddial-list',
-  menuitem: 'p-speeddial-item'
+  menuitem: function menuitem(_ref6) {
+    var active = _ref6.active;
+    return classNames('p-speeddial-item', {
+      'p-focus': active
+    });
+  }
 };
 var inlineStyles = {
-  root: function root(_ref6) {
-    var props = _ref6.props;
+  root: function root(_ref7) {
+    var props = _ref7.props;
     return {
       alignItems: props.direction === 'up' || props.direction === 'down' ? 'center' : '',
       justifyContent: props.direction === 'left' || props.direction === 'right' ? 'center' : '',
       flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null
     };
   },
-  menu: function menu(_ref7) {
-    var props = _ref7.props;
+  menu: function menu(_ref8) {
+    var props = _ref8.props;
     return {
       flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null
     };
@@ -187,6 +208,7 @@ var SpeedDialBase = ComponentBase.extend({
     buttonClassName: null,
     buttonTemplate: null,
     'aria-label': null,
+    ariaLabelledby: null,
     maskStyle: null,
     maskClassName: null,
     showIcon: null,
@@ -212,9 +234,25 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    idState = _React$useState4[0],
+    setIdState = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    focused = _React$useState6[0],
+    setFocused = _React$useState6[1];
+  var _React$useState7 = React.useState(-1),
+    _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: {
@@ -229,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) {
@@ -245,13 +287,17 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _useEventListener2 = _slicedToArray(_useEventListener, 2),
     bindDocumentClickListener = _useEventListener2[0],
     unbindDocumentClickListener = _useEventListener2[1];
-  useOnEscapeKey(elementRef, visible, function () {
-    return hide();
-  });
   var show = function show() {
     props.onVisibleChange ? props.onVisibleChange(true) : setVisibleState(true);
     props.onShow && props.onShow();
   };
+  var onFocus = function onFocus() {
+    setFocused(true);
+  };
+  var onBlur = function onBlur() {
+    setFocused(false);
+    setFocusedOptionIndex(-1);
+  };
   var hide = function hide() {
     props.onVisibleChange ? props.onVisibleChange(false) : setVisibleState(false);
     props.onHide && props.onHide();
@@ -270,9 +316,187 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     isItemClicked.current = true;
     e.preventDefault();
   };
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case 'ArrowDown':
+        onArrowDown(event);
+        break;
+      case 'ArrowUp':
+        onArrowUp(event);
+        break;
+      case 'ArrowLeft':
+        onArrowLeft(event);
+        break;
+      case 'ArrowRight':
+        onArrowRight(event);
+        break;
+      case 'Enter':
+      case 'Space':
+        onEnterKey(event);
+        break;
+      case 'Escape':
+        onEscapeKey();
+        break;
+      case 'Home':
+        onHomeKey(event);
+        break;
+      case 'End':
+        onEndKey(event);
+        break;
+    }
+  };
+  var onTogglerKeydown = function onTogglerKeydown(event) {
+    switch (event.code) {
+      case 'ArrowDown':
+      case 'ArrowLeft':
+        onTogglerArrowDown(event);
+        break;
+      case 'ArrowUp':
+      case 'ArrowRight':
+        onTogglerArrowUp(event);
+        break;
+      case 'Escape':
+        onEscapeKey();
+        break;
+    }
+  };
+  var onTogglerArrowUp = function onTogglerArrowUp(event) {
+    setFocused(true);
+    DomHandler.focus(listRef.current);
+    show();
+    navigatePrevItem(event);
+    event.preventDefault();
+  };
+  var onTogglerArrowDown = function onTogglerArrowDown(event) {
+    setFocused(true);
+    DomHandler.focus(listRef.current);
+    show();
+    navigateNextItem(event);
+    event.preventDefault();
+  };
+  var onEnterKey = function onEnterKey(event) {
+    var items = DomHandler.find(elementRef.current, '[data-pc-section="menuitem"]');
+    var itemIndex = _toConsumableArray(items).findIndex(function (item) {
+      return item.id === focusedOptionIndex;
+    });
+    onItemClick(event, props.model[itemIndex]);
+    onBlur();
+    var buttonEl = DomHandler.findSingle(elementRef.current, 'button');
+    buttonEl && DomHandler.focus(buttonEl);
+  };
+  var onEscapeKey = function onEscapeKey() {
+    hide();
+    var buttonEl = DomHandler.findSingle(elementRef.current, 'button');
+    buttonEl && DomHandler.focus(buttonEl);
+  };
+  var onArrowUp = function onArrowUp(event) {
+    var direction = props.direction;
+    if (direction === 'up') {
+      navigateNextItem(event);
+    } else if (direction === 'down') {
+      navigatePrevItem(event);
+    } else {
+      navigateNextItem(event);
+    }
+  };
+  var onArrowDown = function onArrowDown(event) {
+    var direction = props.direction;
+    if (direction === 'up') {
+      navigatePrevItem(event);
+    } else if (direction === 'down') {
+      navigateNextItem(event);
+    } else {
+      navigatePrevItem(event);
+    }
+  };
+  var onArrowLeft = function onArrowLeft(event) {
+    var direction = props.direction;
+    var leftValidDirections = ['left', 'up-right', 'down-left'];
+    var rightValidDirections = ['right', 'up-left', 'down-right'];
+    if (leftValidDirections.includes(direction)) {
+      navigateNextItem(event);
+    } else if (rightValidDirections.includes(direction)) {
+      navigatePrevItem(event);
+    } else {
+      navigatePrevItem(event);
+    }
+  };
+  var onArrowRight = function onArrowRight(event) {
+    var direction = props.direction;
+    var leftValidDirections = ['left', 'up-right', 'down-left'];
+    var rightValidDirections = ['right', 'up-left', 'down-right'];
+    if (leftValidDirections.includes(direction)) {
+      navigatePrevItem(event);
+    } else if (rightValidDirections.includes(direction)) {
+      navigateNextItem(event);
+    } else {
+      navigateNextItem(event);
+    }
+  };
+  var onEndKey = function onEndKey(event) {
+    event.preventDefault();
+    setFocusedOptionIndex(-1);
+    navigatePrevItem(event, -1);
+  };
+  var onHomeKey = function onHomeKey(event) {
+    event.preventDefault();
+    setFocusedOptionIndex(-1);
+    navigateNextItem(event, -1);
+  };
+  var navigateNextItem = function navigateNextItem(event) {
+    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var optionIndex = findNextOptionIndex(index || focusedOptionIndex);
+    changeFocusedOptionIndex(optionIndex);
+    event.preventDefault();
+  };
+  var navigatePrevItem = function navigatePrevItem(event) {
+    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var optionIndex = findPrevOptionIndex(index || focusedOptionIndex);
+    changeFocusedOptionIndex(optionIndex);
+    event.preventDefault();
+  };
+  var changeFocusedOptionIndex = function changeFocusedOptionIndex(index) {
+    var items = DomHandler.find(elementRef.current, '[data-pc-section="menuitem"]');
+    var filteredItems = _toConsumableArray(items).filter(function (item) {
+      return !DomHandler.hasClass(DomHandler.findSingle(item, 'a'), 'p-disabled');
+    });
+    if (filteredItems[index]) {
+      setFocusedOptionIndex(filteredItems[index].getAttribute('id'));
+    }
+  };
+  var findPrevOptionIndex = function findPrevOptionIndex(index) {
+    var items = DomHandler.find(elementRef.current, '[data-pc-section="menuitem"]');
+    var filteredItems = _toConsumableArray(items).filter(function (item) {
+      return !DomHandler.hasClass(DomHandler.findSingle(item, 'a'), 'p-disabled');
+    });
+    var newIndex = index === -1 ? filteredItems[filteredItems.length - 1].id : index;
+    var matchedOptionIndex = filteredItems.findIndex(function (link) {
+      return link.getAttribute('id') === newIndex;
+    });
+    matchedOptionIndex = index === -1 ? filteredItems.length - 1 : matchedOptionIndex - 1;
+    return matchedOptionIndex;
+  };
+  var findNextOptionIndex = function findNextOptionIndex(index) {
+    var items = DomHandler.find(elementRef.current, '[data-pc-section="menuitem"]');
+    var filteredItems = _toConsumableArray(items).filter(function (item) {
+      return !DomHandler.hasClass(DomHandler.findSingle(item, 'a'), 'p-disabled');
+    });
+    var newIndex = index === -1 ? filteredItems[0].id : index;
+    var matchedOptionIndex = filteredItems.findIndex(function (link) {
+      return link.getAttribute('id') === newIndex;
+    });
+    matchedOptionIndex = index === -1 ? 0 : matchedOptionIndex + 1;
+    return matchedOptionIndex;
+  };
   var isOutsideClicked = function isOutsideClicked(event) {
     return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target));
   };
+  var isItemActive = function isItemActive(id) {
+    return focusedOptionIndex === id;
+  };
+  var focusedOptionId = function focusedOptionId() {
+    return focusedOptionIndex !== -1 ? focusedOptionIndex : null;
+  };
   var calculateTransitionDelay = function calculateTransitionDelay(index) {
     var length = props.model.length;
     return (visible ? index : length - index - 1) * props.transitionDelay;
@@ -406,8 +630,10 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: classNames(_itemClassName, cx('action', {
         disabled: disabled
       })),
+      'aria-label': item.label,
       style: _itemStyle,
       target: target,
+      tabIndex: '-1',
       'data-pr-tooltip': label,
       onClick: function onClick(e) {
         return onItemClick(e, item);
@@ -432,9 +658,13 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
     var menuItemProps = mergeProps({
       key: index,
-      className: cx('menuitem'),
+      id: "".concat(idState, "_").concat(index),
+      className: cx('menuitem', {
+        active: isItemActive("".concat(idState, "_").concat(index))
+      }),
       style: getItemStyle(index),
-      role: 'none'
+      'aria-controls': idState + '_item',
+      role: 'menuitem'
     }, ptm('menuitem'));
     return /*#__PURE__*/React.createElement("li", menuItemProps, content);
   };
@@ -447,7 +677,12 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       ref: listRef,
       className: cx('menu'),
       style: sx('menu'),
-      role: 'menu'
+      role: 'menu',
+      tabIndex: '-1',
+      onFocus: onFocus,
+      onKeyDown: onKeyDown,
+      onBlur: onBlur,
+      'aria-activedescendant': focused ? focusedOptionId() : undefined
     }, ptm('menu'));
     return /*#__PURE__*/React.createElement("ul", menuProps, items);
   };
@@ -472,7 +707,12 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         return _onClick(e);
       },
       disabled: props.disabled,
+      onKeyDown: onTogglerKeydown,
       'aria-label': props['aria-label'],
+      'aria-expanded': visible,
+      'aria-haspopup': true,
+      'aria-controls': idState + '_list',
+      'aria-labelledby': props.ariaLabelledby,
       pt: ptm('button'),
       unstyled: props.unstyled,
       __parentMetadata: {
@@ -505,6 +745,9 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
     return null;
   };
+  React.useEffect(function () {
+    setIdState(props.id || UniqueComponentId());
+  }, [props.id]);
   var button = createButton();
   var list = createList();
   var mask = createMask();
@@ -512,10 +755,10 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     className: classNames(props.className, cx('root', {
       visible: visible
     })),
-    style: _objectSpread(_objectSpread({}, props.style), sx('root'))
+    style: _objectSpread(_objectSpread({}, props.style), sx('root')),
+    id: idState
   }, SpeedDialBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-    id: props.id,
     ref: elementRef
   }, rootProps), button, list), mask);
 }));

package/speeddial/speeddial.esm.min.js

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