primereact 10.2.1 → 10.3.1

package/speeddial/speeddial.js

@@ -78,6 +78,37 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     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;
   }
@@ -110,21 +141,6 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     }
   }
 
-  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.");
   }
@@ -133,7 +149,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     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,
@@ -163,19 +179,24 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       return utils.classNames('p-speeddial-action-icon', _icon);
     },
     menu: 'p-speeddial-list',
-    menuitem: 'p-speeddial-item'
+    menuitem: function menuitem(_ref6) {
+      var active = _ref6.active;
+      return utils.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
       };
@@ -200,6 +221,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       buttonClassName: null,
       buttonTemplate: null,
       'aria-label': null,
+      ariaLabelledby: null,
       maskStyle: null,
       maskClassName: null,
       showIcon: null,
@@ -225,9 +247,25 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
+    var _React$useState3 = React__namespace.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      idState = _React$useState4[0],
+      setIdState = _React$useState4[1];
+    var _React$useState5 = React__namespace.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      focused = _React$useState6[0],
+      setFocused = _React$useState6[1];
+    var _React$useState7 = React__namespace.useState(-1),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      focusedOptionIndex = _React$useState8[0],
+      setFocusedOptionIndex = _React$useState8[1];
+    var isItemClicked = React__namespace.useRef(false);
+    var elementRef = React__namespace.useRef(null);
+    var listRef = React__namespace.useRef(null);
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SpeedDialBase.getProps(inProps, context);
     var visible = props.onVisibleChange ? props.visible : visibleState;
+    var speedDialDisplayOrder = hooks.useDisplayOrder('speed-dial', visible);
     var metaData = {
       props: props,
       state: {
@@ -242,9 +280,13 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
     componentbase.useHandleStyle(SpeedDialBase.css.styles, isUnstyled, {
       name: 'speeddial'
     });
-    var isItemClicked = React__namespace.useRef(false);
-    var elementRef = React__namespace.useRef(null);
-    var listRef = React__namespace.useRef(null);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback() {
+        hide();
+      },
+      when: visible,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL, speedDialDisplayOrder]
+    });
     var _useEventListener = hooks.useEventListener({
         type: 'click',
         listener: function listener(event) {
@@ -258,13 +300,17 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindDocumentClickListener = _useEventListener2[0],
       unbindDocumentClickListener = _useEventListener2[1];
-    hooks.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();
@@ -283,9 +329,187 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       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);
+      utils.DomHandler.focus(listRef.current);
+      show();
+      navigatePrevItem(event);
+      event.preventDefault();
+    };
+    var onTogglerArrowDown = function onTogglerArrowDown(event) {
+      setFocused(true);
+      utils.DomHandler.focus(listRef.current);
+      show();
+      navigateNextItem(event);
+      event.preventDefault();
+    };
+    var onEnterKey = function onEnterKey(event) {
+      var items = utils.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 = utils.DomHandler.findSingle(elementRef.current, 'button');
+      buttonEl && utils.DomHandler.focus(buttonEl);
+    };
+    var onEscapeKey = function onEscapeKey() {
+      hide();
+      var buttonEl = utils.DomHandler.findSingle(elementRef.current, 'button');
+      buttonEl && utils.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 = utils.DomHandler.find(elementRef.current, '[data-pc-section="menuitem"]');
+      var filteredItems = _toConsumableArray(items).filter(function (item) {
+        return !utils.DomHandler.hasClass(utils.DomHandler.findSingle(item, 'a'), 'p-disabled');
+      });
+      if (filteredItems[index]) {
+        setFocusedOptionIndex(filteredItems[index].getAttribute('id'));
+      }
+    };
+    var findPrevOptionIndex = function findPrevOptionIndex(index) {
+      var items = utils.DomHandler.find(elementRef.current, '[data-pc-section="menuitem"]');
+      var filteredItems = _toConsumableArray(items).filter(function (item) {
+        return !utils.DomHandler.hasClass(utils.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 = utils.DomHandler.find(elementRef.current, '[data-pc-section="menuitem"]');
+      var filteredItems = _toConsumableArray(items).filter(function (item) {
+        return !utils.DomHandler.hasClass(utils.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;
@@ -419,8 +643,10 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
         className: utils.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);
@@ -445,9 +671,13 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       }
       var menuItemProps = utils.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__namespace.createElement("li", menuItemProps, content);
     };
@@ -460,7 +690,12 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
         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__namespace.createElement("ul", menuProps, items);
     };
@@ -485,7 +720,12 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
           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: {
@@ -518,6 +758,9 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       }
       return null;
     };
+    React__namespace.useEffect(function () {
+      setIdState(props.id || utils.UniqueComponentId());
+    }, [props.id]);
     var button$1 = createButton();
     var list = createList();
     var mask = createMask();
@@ -525,10 +768,10 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       className: utils.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__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-      id: props.id,
       ref: elementRef
     }, rootProps), button$1, list), mask);
   }));

package/speeddial/speeddial.min.js

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