primereact 10.0.0 → 10.0.1

package/speeddial/speeddial.esm.js

@@ -1,521 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { Button } from 'primereact/button';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { 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';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-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.");
-}
-
-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 classes = {
-  root: function root(_ref) {
-    var _classNames;
-    var props = _ref.props,
-      visible = _ref.visible;
-    return classNames("p-speeddial p-component p-speeddial-".concat(props.type), (_classNames = {}, _defineProperty(_classNames, "p-speeddial-direction-".concat(props.direction), props.type !== 'circle'), _defineProperty(_classNames, 'p-speeddial-opened', visible), _defineProperty(_classNames, 'p-disabled', props.disabled), _classNames));
-  },
-  button: function button(_ref2) {
-    var props = _ref2.props;
-    return classNames('p-speeddial-button p-button-rounded', {
-      'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
-    });
-  },
-  mask: function mask(_ref3) {
-    var visible = _ref3.visible;
-    return classNames('p-speeddial-mask', {
-      'p-speeddial-mask-visible': visible
-    });
-  },
-  action: function action(_ref4) {
-    var disabled = _ref4.disabled;
-    return classNames('p-speeddial-action', {
-      'p-disabled': disabled
-    });
-  },
-  actionIcon: function actionIcon(_ref5) {
-    var _icon = _ref5._icon;
-    return classNames('p-speeddial-action-icon', _icon);
-  },
-  menu: 'p-speeddial-list',
-  menuitem: 'p-speeddial-item'
-};
-var inlineStyles = {
-  root: function root(_ref6) {
-    var props = _ref6.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;
-    return {
-      flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null
-    };
-  }
-};
-var SpeedDialBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'SpeedDial',
-    id: null,
-    model: null,
-    visible: false,
-    style: null,
-    className: null,
-    direction: 'up',
-    transitionDelay: 30,
-    type: 'linear',
-    radius: 0,
-    mask: false,
-    disabled: false,
-    hideOnClickOutside: true,
-    buttonStyle: null,
-    buttonClassName: null,
-    buttonTemplate: null,
-    'aria-label': null,
-    maskStyle: null,
-    maskClassName: null,
-    showIcon: null,
-    hideIcon: null,
-    rotateAnimation: true,
-    onVisibleChange: null,
-    onClick: null,
-    onShow: null,
-    onHide: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles,
-    inlineStyles: inlineStyles
-  }
-});
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visibleState = _React$useState2[0],
-    setVisibleState = _React$useState2[1];
-  var context = React.useContext(PrimeReactContext);
-  var props = SpeedDialBase.getProps(inProps, context);
-  var visible = props.onVisibleChange ? props.visible : visibleState;
-  var metaData = {
-    props: props,
-    state: {
-      visible: visible
-    }
-  };
-  var _SpeedDialBase$setMet = SpeedDialBase.setMetaData(metaData),
-    ptm = _SpeedDialBase$setMet.ptm,
-    cx = _SpeedDialBase$setMet.cx,
-    sx = _SpeedDialBase$setMet.sx,
-    isUnstyled = _SpeedDialBase$setMet.isUnstyled;
-  useHandleStyle(SpeedDialBase.css.styles, isUnstyled, {
-    name: 'speeddial'
-  });
-  var isItemClicked = React.useRef(false);
-  var elementRef = React.useRef(null);
-  var listRef = React.useRef(null);
-  var _useEventListener = useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (!isItemClicked.current && isOutsideClicked(event)) {
-          hide();
-        }
-        isItemClicked.current = false;
-      },
-      when: visibleState
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindDocumentClickListener = _useEventListener2[0],
-    unbindDocumentClickListener = _useEventListener2[1];
-  var show = function show() {
-    props.onVisibleChange ? props.onVisibleChange(true) : setVisibleState(true);
-    props.onShow && props.onShow();
-  };
-  var hide = function hide() {
-    props.onVisibleChange ? props.onVisibleChange(false) : setVisibleState(false);
-    props.onHide && props.onHide();
-  };
-  var _onClick = function onClick(e) {
-    visible ? hide() : show();
-    props.onClick && props.onClick(e);
-    isItemClicked.current = true;
-  };
-  var onItemClick = function onItemClick(e, item) {
-    item.command && item.command({
-      originalEvent: e,
-      item: item
-    });
-    hide();
-    isItemClicked.current = true;
-    e.preventDefault();
-  };
-  var isOutsideClicked = function isOutsideClicked(event) {
-    return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target));
-  };
-  var calculateTransitionDelay = function calculateTransitionDelay(index) {
-    var length = props.model.length;
-    return (visible ? index : length - index - 1) * props.transitionDelay;
-  };
-  var calculatePointStyle = function calculatePointStyle(index) {
-    var type = props.type;
-    if (type !== 'linear') {
-      var length = props.model.length;
-      var radius = props.radius || length * 20;
-      if (type === 'circle') {
-        var step = 2 * Math.PI / length;
-        return {
-          left: "calc(".concat(radius * Math.cos(step * index), "px + var(--item-diff-x, 0px))"),
-          top: "calc(".concat(radius * Math.sin(step * index), "px + var(--item-diff-y, 0px))")
-        };
-      } else if (type === 'semi-circle') {
-        var direction = props.direction;
-        var _step = Math.PI / (length - 1);
-        var x = "calc(".concat(radius * Math.cos(_step * index), "px + var(--item-diff-x, 0px))");
-        var y = "calc(".concat(radius * Math.sin(_step * index), "px + var(--item-diff-y, 0px))");
-        if (direction === 'up') {
-          return {
-            left: x,
-            bottom: y
-          };
-        } else if (direction === 'down') {
-          return {
-            left: x,
-            top: y
-          };
-        } else if (direction === 'left') {
-          return {
-            right: y,
-            top: x
-          };
-        } else if (direction === 'right') {
-          return {
-            left: y,
-            top: x
-          };
-        }
-      } else if (type === 'quarter-circle') {
-        var _direction = props.direction;
-        var _step2 = Math.PI / (2 * (length - 1));
-        var _x = "calc(".concat(radius * Math.cos(_step2 * index), "px + var(--item-diff-x, 0px))");
-        var _y = "calc(".concat(radius * Math.sin(_step2 * index), "px + var(--item-diff-y, 0px))");
-        if (_direction === 'up-left') {
-          return {
-            right: _x,
-            bottom: _y
-          };
-        } else if (_direction === 'up-right') {
-          return {
-            left: _x,
-            bottom: _y
-          };
-        } else if (_direction === 'down-left') {
-          return {
-            right: _y,
-            top: _x
-          };
-        } else if (_direction === 'down-right') {
-          return {
-            left: _y,
-            top: _x
-          };
-        }
-      }
-    }
-    return {};
-  };
-  var getItemStyle = function getItemStyle(index) {
-    var transitionDelay = calculateTransitionDelay(index);
-    var pointStyle = calculatePointStyle(index);
-    return _objectSpread({
-      transitionDelay: "".concat(transitionDelay, "ms")
-    }, pointStyle);
-  };
-  useMountEffect(function () {
-    if (props.type !== 'linear') {
-      var _button = DomHandler.findSingle(elementRef.current, '.p-speeddial-button');
-      var firstItem = DomHandler.findSingle(listRef.current, '.p-speeddial-item');
-      if (_button && firstItem) {
-        var wDiff = Math.abs(_button.offsetWidth - firstItem.offsetWidth);
-        var hDiff = Math.abs(_button.offsetHeight - firstItem.offsetHeight);
-        listRef.current.style.setProperty('--item-diff-x', "".concat(wDiff / 2, "px"));
-        listRef.current.style.setProperty('--item-diff-y', "".concat(hDiff / 2, "px"));
-      }
-    }
-  });
-  useUpdateEffect(function () {
-    if (visibleState) {
-      props.hideOnClickOutside && bindDocumentClickListener();
-    }
-    return function () {
-      props.hideOnClickOutside && unbindDocumentClickListener();
-    };
-  }, [visibleState]);
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      show: show,
-      hide: hide,
-      getElement: function getElement() {
-        return elementRef.current;
-      }
-    };
-  });
-  var createItem = function createItem(item, index) {
-    if (item.visible === false) {
-      return null;
-    }
-    var disabled = item.disabled,
-      _icon = item.icon,
-      label = item.label,
-      template = item.template,
-      url = item.url,
-      target = item.target;
-    var contentClassName = classNames('p-speeddial-action', {
-      'p-disabled': disabled
-    });
-    var iconClassName = classNames('p-speeddial-action-icon', _icon);
-    var actionIconProps = mergeProps({
-      className: cx('actionIcon')
-    }, ptm('actionIcon'));
-    var actionProps = mergeProps({
-      href: url || '#',
-      role: 'menuitem',
-      className: cx('action', {
-        disabled: disabled
-      }),
-      target: target,
-      'data-pr-tooltip': label,
-      onClick: function onClick(e) {
-        return onItemClick(e, item);
-      }
-    }, ptm('action'));
-    var icon = IconUtils.getJSXIcon(_icon, _objectSpread({}, actionIconProps), {
-      props: props
-    });
-    var content = /*#__PURE__*/React.createElement("a", actionProps, icon, /*#__PURE__*/React.createElement(Ripple, null));
-    if (template) {
-      var defaultContentOptions = {
-        onClick: function onClick(e) {
-          return onItemClick(e, item);
-        },
-        className: contentClassName,
-        iconClassName: iconClassName,
-        element: content,
-        props: props,
-        visible: visible
-      };
-      content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
-    }
-    var menuItemProps = mergeProps({
-      key: index,
-      className: cx('menuitem'),
-      style: getItemStyle(index),
-      role: 'none'
-    }, ptm('menuitem'));
-    return /*#__PURE__*/React.createElement("li", menuItemProps, content);
-  };
-  var createItems = function createItems() {
-    return props.model ? props.model.map(createItem) : null;
-  };
-  var createList = function createList() {
-    var items = createItems();
-    var menuProps = mergeProps({
-      ref: listRef,
-      className: cx('menu'),
-      style: sx('menu'),
-      role: 'menu'
-    }, ptm('menu'));
-    return /*#__PURE__*/React.createElement("ul", menuProps, items);
-  };
-  var createButton = function createButton() {
-    var _classNames;
-    var showIconVisible = !visible && !!props.showIcon || !props.hideIcon;
-    var hideIconVisible = visible && !!props.hideIcon;
-    var className = classNames('p-speeddial-button p-button-rounded', {
-      'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
-    }, props.buttonClassName);
-    var iconClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(props.showIcon), !visible && !!props.showIcon || !props.hideIcon), _defineProperty(_classNames, "".concat(props.hideIcon), visible && !!props.hideIcon), _classNames));
-    var icon = showIconVisible ? props.showIcon || /*#__PURE__*/React.createElement(PlusIcon, null) : hideIconVisible ? props.hideIcon || /*#__PURE__*/React.createElement(MinusIcon, null) : null;
-    var toggleIcon = IconUtils.getJSXIcon(icon, undefined, {
-      props: props,
-      visible: visible
-    });
-    var buttonProps = mergeProps({
-      type: 'button',
-      style: props.buttonStyle,
-      className: classNames(props.buttonClassName, cx('button')),
-      icon: toggleIcon,
-      onClick: function onClick(e) {
-        return _onClick(e);
-      },
-      disabled: props.disabled,
-      'aria-label': props['aria-label'],
-      pt: ptm('button'),
-      unstyled: props.unstyled,
-      __parentMetadata: {
-        parent: metaData
-      }
-    });
-    var content = /*#__PURE__*/React.createElement(Button, buttonProps);
-    if (props.buttonTemplate) {
-      var defaultContentOptions = {
-        onClick: _onClick,
-        className: className,
-        iconClassName: iconClassName,
-        element: content,
-        props: props,
-        visible: visible
-      };
-      return ObjectUtils.getJSXElement(props.buttonTemplate, defaultContentOptions);
-    }
-    return content;
-  };
-  var createMask = function createMask() {
-    if (props.mask) {
-      var maskProps = mergeProps({
-        className: classNames(props.maskClassName, cx('mask', {
-          visible: visible
-        })),
-        style: props.maskStyle
-      }, ptm('mask'));
-      return /*#__PURE__*/React.createElement("div", maskProps);
-    }
-    return null;
-  };
-  var button = createButton();
-  var list = createList();
-  var mask = createMask();
-  var rootProps = mergeProps({
-    className: classNames(props.className, cx('root', {
-      visible: visible
-    })),
-    style: _objectSpread(_objectSpread({}, props.style), sx('root'))
-  }, 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);
-}));
-SpeedDial.displayName = 'SpeedDial';
-
-export { SpeedDial };

package/speeddial/speeddial.esm.min.js

@@ -1 +0,0 @@
-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,useMountEffect as a,useUpdateEffect as l}from"primereact/hooks";import{MinusIcon as c}from"primereact/icons/minus";import{PlusIcon as s}from"primereact/icons/plus";import{Ripple as p}from"primereact/ripple";import{classNames as u,DomHandler as d,mergeProps as m,IconUtils as f,ObjectUtils as b}from"primereact/utils";function y(){return y=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},y.apply(this,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function v(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==h(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=v(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function S(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 x(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 k(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return O(e)||S(e,t)||k(e,t)||I()}var j=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,n=e.props,i=e.visible;return u("p-speeddial p-component p-speeddial-".concat(n.type),(w(t={},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),w(t,"p-speeddial-opened",i),w(t,"p-disabled",n.disabled),t))},button:function(e){var t=e.props;return u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return u("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return u("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return u("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 N(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=e.memo(e.forwardRef((function(i,h){var v=C(e.useState(!1),2),g=v[0],O=v[1],S=e.useContext(t),x=j.getProps(i,S),k=x.onVisibleChange?x.visible:g,I={props:x,state:{visible:k}},N=j.setMetaData(I),E=N.ptm,M=N.cx,D=N.sx;r(j.css.styles,N.isUnstyled,{name:"speeddial"});var A=e.useRef(!1),H=e.useRef(null),T=e.useRef(null),V=C(o({type:"click",listener:function(e){!A.current&&U(e)&&R(),A.current=!1},when:g}),2),z=V[0],_=V[1],J=function(){x.onVisibleChange?x.onVisibleChange(!0):O(!0),x.onShow&&x.onShow()},R=function(){x.onVisibleChange?x.onVisibleChange(!1):O(!1),x.onHide&&x.onHide()},X=function(e){k?R():J(),x.onClick&&x.onClick(e),A.current=!0},q=function(e,t){t.command&&t.command({originalEvent:e,item:t}),R(),A.current=!0,e.preventDefault()},U=function(e){return H.current&&!(H.current.isSameNode(e.target)||H.current.contains(e.target))},W=function(e){return(k?e:x.model.length-e-1)*x.transitionDelay},F=function(e){var t=x.type;if("linear"!==t){var n=x.model.length,i=x.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=x.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=x.direction,p=Math.PI/(2*(n-1)),u="calc(".concat(i*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:u,bottom:d};if("up-right"===s)return{left:u,bottom:d};if("down-left"===s)return{right:d,top:u};if("down-right"===s)return{left:d,top:u}}}return{}},Y=function(e){var t=W(e),n=F(e);return P({transitionDelay:"".concat(t,"ms")},n)};a((function(){if("linear"!==x.type){var e=d.findSingle(H.current,".p-speeddial-button"),t=d.findSingle(T.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),i=Math.abs(e.offsetHeight-t.offsetHeight);T.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),T.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),l((function(){return g&&x.hideOnClickOutside&&z(),function(){x.hideOnClickOutside&&_()}}),[g]),e.useImperativeHandle(h,(function(){return{props:x,show:J,hide:R,getElement:function(){return H.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=u("p-speeddial-action",{"p-disabled":i}),d=u("p-speeddial-action-icon",r),y=m({className:M("actionIcon")},E("actionIcon")),h=m({href:l||"#",role:"menuitem",className:M("action",{disabled:i}),target:c,"data-pr-tooltip":o,onClick:function(e){return q(e,t)}},E("action")),v=f.getJSXIcon(r,P({},y),{props:x}),g=e.createElement("a",h,v,e.createElement(p,null));a&&(g=b.getJSXElement(a,t,{onClick:function(e){return q(e,t)},className:s,iconClassName:d,element:g,props:x,visible:k}));var w=m({key:n,className:M("menuitem"),style:Y(n),role:"none"},E("menuitem"));return e.createElement("li",w,g)},re=(B=!k&&!!x.showIcon||!x.hideIcon,G=k&&!!x.hideIcon,K=u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":x.rotateAnimation&&!x.hideIcon},x.buttonClassName),L=u((w($={},"".concat(x.showIcon),!k&&!!x.showIcon||!x.hideIcon),w($,"".concat(x.hideIcon),k&&!!x.hideIcon),$)),Q=f.getJSXIcon(B?x.showIcon||e.createElement(s,null):G?x.hideIcon||e.createElement(c,null):null,void 0,{props:x,visible:k}),Z=m({type:"button",style:x.buttonStyle,className:u(x.buttonClassName,M("button")),icon:Q,onClick:function(e){return X(e)},disabled:x.disabled,"aria-label":x["aria-label"],pt:E("button"),unstyled:x.unstyled,__parentMetadata:{parent:I}}),ee=e.createElement(n,Z),x.buttonTemplate?b.getJSXElement(x.buttonTemplate,{onClick:X,className:K,iconClassName:L,element:ee,props:x,visible:k}):ee),oe=(te=x.model?x.model.map(ie):null,ne=m({ref:T,className:M("menu"),style:D("menu"),role:"menu"},E("menu")),e.createElement("ul",ne,te)),ae=function(){if(x.mask){var t=m({className:u(x.maskClassName,M("mask",{visible:k})),style:x.maskStyle},E("mask"));return e.createElement("div",t)}return null}(),le=m({className:u(x.className,M("root",{visible:k})),style:P(P({},x.style),D("root"))},j.getOtherProps(x),E("root"));return e.createElement(e.Fragment,null,e.createElement("div",y({id:x.id,ref:H},le),re,oe),ae)})));E.displayName="SpeedDial";export{E as SpeedDial};