primereact 7.0.0-rc.2 → 7.2.0

package/speeddial/speeddial.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
+import {IconType} from "../utils";
 
 type SpeedDialDirectionType = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right';
 
@@ -34,8 +35,8 @@ export interface SpeedDialProps {
     buttonTemplate?: SpeedDialButtonTemplateType;
     maskStyle?: object;
     maskClassName?: string;
-    showIcon?: string;
-    hideIcon?: string;
+    showIcon?: IconType<SpeedDialProps>;
+    hideIcon?: IconType<SpeedDialProps>;
     rotateAnimation?: boolean;
     onVisibleChange?(visible: boolean): void;
     onClick?(event: React.MouseEvent<HTMLElement>): void;

package/speeddial/speeddial.esm.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { Button } from 'primereact/button';
-import { DomHandler, classNames, ObjectUtils, Ripple } from 'primereact/core';
+import { Ripple } from 'primereact/ripple';
+import { DomHandler, classNames, ObjectUtils } from 'primereact/utils';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -21,6 +22,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -53,23 +57,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -104,9 +105,9 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/speeddial/speeddial.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{Button as i}from"primereact/button";import{DomHandler as n,classNames as r,ObjectUtils as o,Ripple as s}from"primereact/core";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}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})(e)}function f(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function y(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function b(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){m(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(p){u(w,t);var h,y,k,C,g,O=(h=w,y=v(),function(){var e,t=d(h);if(y){var i=d(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return f(this,e)});function w(e){var t;return l(this,w),(t=O.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(a(t)),t.onItemClick=t.onItemClick.bind(a(t)),t}return k=w,(C=[{key:"isVisible",value:function(){return this.props.onVisibleChange?this.props.visible:this.state.visible}},{key:"show",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!0):this.setState({visible:!0}),this.props.onShow&&this.props.onShow()}},{key:"hide",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!1):this.setState({visible:!1}),this.props.onHide&&this.props.onHide()}},{key:"onClick",value:function(e){this.isVisible()?this.hide():this.show(),this.props.onClick&&this.props.onClick(e),this.isItemClicked=!0}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),this.hide(),this.isItemClicked=!0,e.preventDefault()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isVisible()&&e.isOutsideClicked(t)&&e.hide(),e.isItemClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.isItemClicked)}},{key:"calculateTransitionDelay",value:function(e){var t=this.props.model.length;return(this.isVisible()?e:t-e-1)*this.props.transitionDelay}},{key:"calculatePointStyle",value:function(e){var t=this.props.type;if("linear"!==t){var i=this.props.model.length,n=this.props.radius||20*i;if("circle"===t){var r=2*Math.PI/i;return{left:"calc(".concat(n*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(n*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=this.props.direction,s=Math.PI/(i-1),l="calc(".concat(n*Math.cos(s*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(n*Math.sin(s*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 a=this.props.direction,p=Math.PI/(2*(i-1)),u="calc(".concat(n*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),h="calc(".concat(n*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===a)return{right:u,bottom:h};if("up-right"===a)return{left:u,bottom:h};if("down-left"===a)return{right:h,top:u};if("down-right"===a)return{left:h,top:u}}}return{}}},{key:"getItemStyle",value:function(e){var t=this.calculateTransitionDelay(e),i=this.calculatePointStyle(e);return b({transitionDelay:"".concat(t,"ms")},i)}},{key:"componentDidMount",value:function(){if("linear"!==this.props.type){var e=n.findSingle(this.container,".p-speeddial-button"),t=n.findSingle(this.list,".p-speeddial-item");if(e&&t){var i=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);this.list.style.setProperty("--item-diff-x","".concat(i/2,"px")),this.list.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}this.props.hideOnClickOutside&&this.bindDocumentClickListener()}},{key:"componentWillUnmount",value:function(){this.props.hideOnClickOutside&&this.unbindDocumentClickListener()}},{key:"renderItem",value:function(t,i){var n=this,l=this.getItemStyle(i),c=t.icon,a=t.label,p=t.template,u=t.url,h=t.target,f=r("p-speeddial-action",{"p-disabled":t.disabled}),d=r("p-speeddial-action-icon",c),m=e.createElement("a",{href:u||"#",role:"menuitem",className:f,target:h,"data-pr-tooltip":a,onClick:function(e){return n.onItemClick(e,t)}},c&&e.createElement("span",{className:d}),e.createElement(s,null));if(p){var y={onClick:function(e){return n.onItemClick(e,t)},className:f,iconClassName:d,element:m,props:this.props,visible:this.isVisible()};m=o.getJSXElement(p,t,y)}return e.createElement("li",{key:i,className:"p-speeddial-item",style:l,role:"none"},m)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,i){return e.renderItem(t,i)})):null}},{key:"renderList",value:function(){var t=this,i=this.renderItems();return e.createElement("ul",{ref:function(e){return t.list=e},className:"p-speeddial-list",role:"menu"},i)}},{key:"renderButton",value:function(){var t,n=this,s=this.isVisible(),l=r("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":this.props.rotateAnimation&&!this.props.hideIcon},this.props.buttonClassName),c=r((m(t={},"".concat(this.props.showIcon),!s&&!!this.props.showIcon||!this.props.hideIcon),m(t,"".concat(this.props.hideIcon),s&&!!this.props.hideIcon),t)),a=e.createElement(i,{type:"button",style:this.props.buttonStyle,className:l,icon:c,onClick:this.onClick,disabled:this.props.disabled});return this.props.buttonTemplate?o.getJSXElement(this.props.buttonTemplate,{onClick:function(e){return n.onClick(e)},className:l,iconClassName:c,element:a,props:this.props,visible:s}):a}},{key:"renderMask",value:function(){if(this.props.mask){var t=this.isVisible(),i=r("p-speeddial-mask",{"p-speeddial-mask-visible":t},this.props.maskClassName);return e.createElement("div",{className:i,style:this.props.maskStyle})}return null}},{key:"render",value:function(){var t,i=this,n=r("p-speeddial p-component p-speeddial-".concat(this.props.type),(m(t={},"p-speeddial-direction-".concat(this.props.direction),"circle"!==this.props.type),m(t,"p-speeddial-opened",this.isVisible()),m(t,"p-disabled",this.props.disabled),t),this.props.className),o=this.renderButton(),s=this.renderList(),l=this.renderMask();return e.createElement(e.Fragment,null,e.createElement("div",{ref:function(e){return i.container=e},id:this.props.id,className:n,style:this.props.style},o,s),l)}}])&&c(k.prototype,C),g&&c(k,g),w}();m(k,"defaultProps",{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,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null});export{k as SpeedDial};
+import e,{Component as t}from"react";import{Button as i}from"primereact/button";import{Ripple as n}from"primereact/ripple";import{DomHandler as r,classNames as o,ObjectUtils as s}from"primereact/utils";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}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 h(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function m(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function y(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function b(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){m(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(p){u(w,t);var f,y,k,C,g,O=(f=w,y=v(),function(){var e,t=d(f);if(y){var i=d(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return h(this,e)});function w(e){var t;return l(this,w),(t=O.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(a(t)),t.onItemClick=t.onItemClick.bind(a(t)),t}return k=w,(C=[{key:"isVisible",value:function(){return this.props.onVisibleChange?this.props.visible:this.state.visible}},{key:"show",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!0):this.setState({visible:!0}),this.props.onShow&&this.props.onShow()}},{key:"hide",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!1):this.setState({visible:!1}),this.props.onHide&&this.props.onHide()}},{key:"onClick",value:function(e){this.isVisible()?this.hide():this.show(),this.props.onClick&&this.props.onClick(e),this.isItemClicked=!0}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),this.hide(),this.isItemClicked=!0,e.preventDefault()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isVisible()&&e.isOutsideClicked(t)&&e.hide(),e.isItemClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.isItemClicked)}},{key:"calculateTransitionDelay",value:function(e){var t=this.props.model.length;return(this.isVisible()?e:t-e-1)*this.props.transitionDelay}},{key:"calculatePointStyle",value:function(e){var t=this.props.type;if("linear"!==t){var i=this.props.model.length,n=this.props.radius||20*i;if("circle"===t){var r=2*Math.PI/i;return{left:"calc(".concat(n*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(n*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=this.props.direction,s=Math.PI/(i-1),l="calc(".concat(n*Math.cos(s*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(n*Math.sin(s*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 a=this.props.direction,p=Math.PI/(2*(i-1)),u="calc(".concat(n*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(n*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===a)return{right:u,bottom:f};if("up-right"===a)return{left:u,bottom:f};if("down-left"===a)return{right:f,top:u};if("down-right"===a)return{left:f,top:u}}}return{}}},{key:"getItemStyle",value:function(e){var t=this.calculateTransitionDelay(e),i=this.calculatePointStyle(e);return b({transitionDelay:"".concat(t,"ms")},i)}},{key:"componentDidMount",value:function(){if("linear"!==this.props.type){var e=r.findSingle(this.container,".p-speeddial-button"),t=r.findSingle(this.list,".p-speeddial-item");if(e&&t){var i=Math.abs(e.offsetWidth-t.offsetWidth),n=Math.abs(e.offsetHeight-t.offsetHeight);this.list.style.setProperty("--item-diff-x","".concat(i/2,"px")),this.list.style.setProperty("--item-diff-y","".concat(n/2,"px"))}}this.props.hideOnClickOutside&&this.bindDocumentClickListener()}},{key:"componentWillUnmount",value:function(){this.props.hideOnClickOutside&&this.unbindDocumentClickListener()}},{key:"renderItem",value:function(t,i){var r=this,l=this.getItemStyle(i),c=t.icon,a=t.label,p=t.template,u=t.url,f=t.target,h=o("p-speeddial-action",{"p-disabled":t.disabled}),d=o("p-speeddial-action-icon",c),m=e.createElement("a",{href:u||"#",role:"menuitem",className:h,target:f,"data-pr-tooltip":a,onClick:function(e){return r.onItemClick(e,t)}},c&&e.createElement("span",{className:d}),e.createElement(n,null));if(p){var y={onClick:function(e){return r.onItemClick(e,t)},className:h,iconClassName:d,element:m,props:this.props,visible:this.isVisible()};m=s.getJSXElement(p,t,y)}return e.createElement("li",{key:i,className:"p-speeddial-item",style:l,role:"none"},m)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,i){return e.renderItem(t,i)})):null}},{key:"renderList",value:function(){var t=this,i=this.renderItems();return e.createElement("ul",{ref:function(e){return t.list=e},className:"p-speeddial-list",role:"menu"},i)}},{key:"renderButton",value:function(){var t,n=this,r=this.isVisible(),l=o("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":this.props.rotateAnimation&&!this.props.hideIcon},this.props.buttonClassName),c=o((m(t={},"".concat(this.props.showIcon),!r&&!!this.props.showIcon||!this.props.hideIcon),m(t,"".concat(this.props.hideIcon),r&&!!this.props.hideIcon),t)),a=e.createElement(i,{type:"button",style:this.props.buttonStyle,className:l,icon:c,onClick:this.onClick,disabled:this.props.disabled});return this.props.buttonTemplate?s.getJSXElement(this.props.buttonTemplate,{onClick:function(e){return n.onClick(e)},className:l,iconClassName:c,element:a,props:this.props,visible:r}):a}},{key:"renderMask",value:function(){if(this.props.mask){var t=this.isVisible(),i=o("p-speeddial-mask",{"p-speeddial-mask-visible":t},this.props.maskClassName);return e.createElement("div",{className:i,style:this.props.maskStyle})}return null}},{key:"render",value:function(){var t,i=this,n=o("p-speeddial p-component p-speeddial-".concat(this.props.type),(m(t={},"p-speeddial-direction-".concat(this.props.direction),"circle"!==this.props.type),m(t,"p-speeddial-opened",this.isVisible()),m(t,"p-disabled",this.props.disabled),t),this.props.className),r=this.renderButton(),s=this.renderList(),l=this.renderMask();return e.createElement(e.Fragment,null,e.createElement("div",{ref:function(e){return i.container=e},id:this.props.id,className:n,style:this.props.style},r,s),l)}}])&&c(k.prototype,C),g&&c(k,g),Object.defineProperty(k,"prototype",{writable:!1}),w}();m(k,"defaultProps",{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,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null});export{k as SpeedDial};

package/speeddial/speeddial.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.speeddial = (function (exports, React, button, core) {
+this.primereact.speeddial = (function (exports, React, button, ripple, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.speeddial = (function (exports, React, button, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +60,20 @@ this.primereact.speeddial = (function (exports, React, button, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -108,9 +108,9 @@ this.primereact.speeddial = (function (exports, React, button, core) {
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -315,8 +315,8 @@ this.primereact.speeddial = (function (exports, React, button, core) {
       key: "componentDidMount",
       value: function componentDidMount() {
         if (this.props.type !== 'linear') {
-          var button = core.DomHandler.findSingle(this.container, '.p-speeddial-button');
-          var firstItem = core.DomHandler.findSingle(this.list, '.p-speeddial-item');
+          var button = utils.DomHandler.findSingle(this.container, '.p-speeddial-button');
+          var firstItem = utils.DomHandler.findSingle(this.list, '.p-speeddial-item');
 
           if (button && firstItem) {
             var wDiff = Math.abs(button.offsetWidth - firstItem.offsetWidth);
@@ -349,16 +349,16 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             template = item.template,
             url = item.url,
             target = item.target;
-        var contentClassName = core.classNames('p-speeddial-action', {
+        var contentClassName = utils.classNames('p-speeddial-action', {
           'p-disabled': disabled
         });
-        var iconClassName = core.classNames('p-speeddial-action-icon', _icon);
+        var iconClassName = utils.classNames('p-speeddial-action-icon', _icon);
 
-        var icon = _icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var icon = _icon && /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
         });
 
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: url || '#',
           role: "menuitem",
           className: contentClassName,
@@ -367,7 +367,7 @@ this.primereact.speeddial = (function (exports, React, button, core) {
           onClick: function onClick(e) {
             return _this3.onItemClick(e, item);
           }
-        }, icon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, icon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
         if (template) {
           var defaultContentOptions = {
@@ -380,10 +380,10 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             props: this.props,
             visible: this.isVisible()
           };
-          content = core.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: index,
           className: "p-speeddial-item",
           style: style,
@@ -409,7 +409,7 @@ this.primereact.speeddial = (function (exports, React, button, core) {
         var _this5 = this;
 
         var items = this.renderItems();
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: function ref(el) {
             return _this5.list = el;
           },
@@ -424,11 +424,11 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             _this6 = this;
 
         var visible = this.isVisible();
-        var className = core.classNames('p-speeddial-button p-button-rounded', {
+        var className = utils.classNames('p-speeddial-button p-button-rounded', {
           'p-speeddial-rotate': this.props.rotateAnimation && !this.props.hideIcon
         }, this.props.buttonClassName);
-        var iconClassName = core.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(this.props.showIcon), !visible && !!this.props.showIcon || !this.props.hideIcon), _defineProperty(_classNames, "".concat(this.props.hideIcon), visible && !!this.props.hideIcon), _classNames));
-        var content = /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        var iconClassName = utils.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(this.props.showIcon), !visible && !!this.props.showIcon || !this.props.hideIcon), _defineProperty(_classNames, "".concat(this.props.hideIcon), visible && !!this.props.hideIcon), _classNames));
+        var content = /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           style: this.props.buttonStyle,
           className: className,
@@ -448,7 +448,7 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             props: this.props,
             visible: visible
           };
-          return core.ObjectUtils.getJSXElement(this.props.buttonTemplate, defaultContentOptions);
+          return utils.ObjectUtils.getJSXElement(this.props.buttonTemplate, defaultContentOptions);
         }
 
         return content;
@@ -458,10 +458,10 @@ this.primereact.speeddial = (function (exports, React, button, core) {
       value: function renderMask() {
         if (this.props.mask) {
           var visible = this.isVisible();
-          var className = core.classNames('p-speeddial-mask', {
+          var className = utils.classNames('p-speeddial-mask', {
             'p-speeddial-mask-visible': visible
           }, this.props.maskClassName);
-          return /*#__PURE__*/React__default['default'].createElement("div", {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             className: className,
             style: this.props.maskStyle
           });
@@ -475,11 +475,11 @@ this.primereact.speeddial = (function (exports, React, button, core) {
         var _classNames2,
             _this7 = this;
 
-        var className = core.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type), (_classNames2 = {}, _defineProperty(_classNames2, "p-speeddial-direction-".concat(this.props.direction), this.props.type !== 'circle'), _defineProperty(_classNames2, 'p-speeddial-opened', this.isVisible()), _defineProperty(_classNames2, 'p-disabled', this.props.disabled), _classNames2), this.props.className);
+        var className = utils.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type), (_classNames2 = {}, _defineProperty(_classNames2, "p-speeddial-direction-".concat(this.props.direction), this.props.type !== 'circle'), _defineProperty(_classNames2, 'p-speeddial-opened', this.isVisible()), _defineProperty(_classNames2, 'p-disabled', this.props.disabled), _classNames2), this.props.className);
         var button = this.renderButton();
         var list = this.renderList();
         var mask = this.renderMask();
-        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this7.container = el;
           },
@@ -526,4 +526,4 @@ this.primereact.speeddial = (function (exports, React, button, core) {
 
   return exports;
 
-}({}, React, primereact.button, primereact.core));
+})({}, React, primereact.button, primereact.ripple, primereact.utils);

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,i,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function p(e){return(p="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})(e)}function f(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function h(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function m(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function y(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?m(Object(i),!0).forEach((function(t){h(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(e){u(k,e);var t,r,c,p,m,v=(t=k,r=b(),function(){var e,i=d(t);if(r){var n=d(this).constructor;e=Reflect.construct(i,arguments,n)}else e=i.apply(this,arguments);return f(this,e)});function k(e){var t;return o(this,k),(t=v.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(a(t)),t.onItemClick=t.onItemClick.bind(a(t)),t}return c=k,(p=[{key:"isVisible",value:function(){return this.props.onVisibleChange?this.props.visible:this.state.visible}},{key:"show",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!0):this.setState({visible:!0}),this.props.onShow&&this.props.onShow()}},{key:"hide",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!1):this.setState({visible:!1}),this.props.onHide&&this.props.onHide()}},{key:"onClick",value:function(e){this.isVisible()?this.hide():this.show(),this.props.onClick&&this.props.onClick(e),this.isItemClicked=!0}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),this.hide(),this.isItemClicked=!0,e.preventDefault()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isVisible()&&e.isOutsideClicked(t)&&e.hide(),e.isItemClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.isItemClicked)}},{key:"calculateTransitionDelay",value:function(e){var t=this.props.model.length;return(this.isVisible()?e:t-e-1)*this.props.transitionDelay}},{key:"calculatePointStyle",value:function(e){var t=this.props.type;if("linear"!==t){var i=this.props.model.length,n=this.props.radius||20*i;if("circle"===t){var r=2*Math.PI/i;return{left:"calc(".concat(n*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(n*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var s=this.props.direction,o=Math.PI/(i-1),l="calc(".concat(n*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),a="calc(".concat(n*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===s)return{left:l,bottom:a};if("down"===s)return{left:l,top:a};if("left"===s)return{right:a,top:l};if("right"===s)return{left:a,top:l}}else if("quarter-circle"===t){var c=this.props.direction,u=Math.PI/(2*(i-1)),p="calc(".concat(n*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(n*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===c)return{right:p,bottom:f};if("up-right"===c)return{left:p,bottom:f};if("down-left"===c)return{right:f,top:p};if("down-right"===c)return{left:f,top:p}}}return{}}},{key:"getItemStyle",value:function(e){var t=this.calculateTransitionDelay(e),i=this.calculatePointStyle(e);return y({transitionDelay:"".concat(t,"ms")},i)}},{key:"componentDidMount",value:function(){if("linear"!==this.props.type){var e=n.DomHandler.findSingle(this.container,".p-speeddial-button"),t=n.DomHandler.findSingle(this.list,".p-speeddial-item");if(e&&t){var i=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);this.list.style.setProperty("--item-diff-x","".concat(i/2,"px")),this.list.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}this.props.hideOnClickOutside&&this.bindDocumentClickListener()}},{key:"componentWillUnmount",value:function(){this.props.hideOnClickOutside&&this.unbindDocumentClickListener()}},{key:"renderItem",value:function(e,t){var i=this,r=this.getItemStyle(t),o=e.icon,l=e.label,a=e.template,c=e.url,u=e.target,p=n.classNames("p-speeddial-action",{"p-disabled":e.disabled}),f=n.classNames("p-speeddial-action-icon",o),d=s.default.createElement("a",{href:c||"#",role:"menuitem",className:p,target:u,"data-pr-tooltip":l,onClick:function(t){return i.onItemClick(t,e)}},o&&s.default.createElement("span",{className:f}),s.default.createElement(n.Ripple,null));if(a){var h={onClick:function(t){return i.onItemClick(t,e)},className:p,iconClassName:f,element:d,props:this.props,visible:this.isVisible()};d=n.ObjectUtils.getJSXElement(a,e,h)}return s.default.createElement("li",{key:t,className:"p-speeddial-item",style:r,role:"none"},d)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,i){return e.renderItem(t,i)})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return s.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-speeddial-list",role:"menu"},t)}},{key:"renderButton",value:function(){var e,t=this,r=this.isVisible(),o=n.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":this.props.rotateAnimation&&!this.props.hideIcon},this.props.buttonClassName),l=n.classNames((h(e={},"".concat(this.props.showIcon),!r&&!!this.props.showIcon||!this.props.hideIcon),h(e,"".concat(this.props.hideIcon),r&&!!this.props.hideIcon),e)),a=s.default.createElement(i.Button,{type:"button",style:this.props.buttonStyle,className:o,icon:l,onClick:this.onClick,disabled:this.props.disabled});return this.props.buttonTemplate?n.ObjectUtils.getJSXElement(this.props.buttonTemplate,{onClick:function(e){return t.onClick(e)},className:o,iconClassName:l,element:a,props:this.props,visible:r}):a}},{key:"renderMask",value:function(){if(this.props.mask){var e=this.isVisible(),t=n.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e},this.props.maskClassName);return s.default.createElement("div",{className:t,style:this.props.maskStyle})}return null}},{key:"render",value:function(){var e,t=this,i=n.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type),(h(e={},"p-speeddial-direction-".concat(this.props.direction),"circle"!==this.props.type),h(e,"p-speeddial-opened",this.isVisible()),h(e,"p-disabled",this.props.disabled),e),this.props.className),r=this.renderButton(),o=this.renderList(),l=this.renderMask();return s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:i,style:this.props.style},r,o),l)}}])&&l(c.prototype,p),m&&l(c,m),k}(t.Component);return h(v,"defaultProps",{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,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null}),e.SpeedDial=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.core);
+this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,i,n,r){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t);function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}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 d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function m(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function y(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function b(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){m(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(e){u(C,e);var t,s,p,f,y,k=(t=C,s=v(),function(){var e,i=h(t);if(s){var n=h(this).constructor;e=Reflect.construct(i,arguments,n)}else e=i.apply(this,arguments);return d(this,e)});function C(e){var t;return l(this,C),(t=k.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(c(t)),t.onItemClick=t.onItemClick.bind(c(t)),t}return p=C,f=[{key:"isVisible",value:function(){return this.props.onVisibleChange?this.props.visible:this.state.visible}},{key:"show",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!0):this.setState({visible:!0}),this.props.onShow&&this.props.onShow()}},{key:"hide",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!1):this.setState({visible:!1}),this.props.onHide&&this.props.onHide()}},{key:"onClick",value:function(e){this.isVisible()?this.hide():this.show(),this.props.onClick&&this.props.onClick(e),this.isItemClicked=!0}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),this.hide(),this.isItemClicked=!0,e.preventDefault()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isVisible()&&e.isOutsideClicked(t)&&e.hide(),e.isItemClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.isItemClicked)}},{key:"calculateTransitionDelay",value:function(e){var t=this.props.model.length;return(this.isVisible()?e:t-e-1)*this.props.transitionDelay}},{key:"calculatePointStyle",value:function(e){var t=this.props.type;if("linear"!==t){var i=this.props.model.length,n=this.props.radius||20*i;if("circle"===t){var r=2*Math.PI/i;return{left:"calc(".concat(n*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(n*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var s=this.props.direction,o=Math.PI/(i-1),l="calc(".concat(n*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),a="calc(".concat(n*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===s)return{left:l,bottom:a};if("down"===s)return{left:l,top:a};if("left"===s)return{right:a,top:l};if("right"===s)return{left:a,top:l}}else if("quarter-circle"===t){var c=this.props.direction,p=Math.PI/(2*(i-1)),u="calc(".concat(n*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(n*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===c)return{right:u,bottom:f};if("up-right"===c)return{left:u,bottom:f};if("down-left"===c)return{right:f,top:u};if("down-right"===c)return{left:f,top:u}}}return{}}},{key:"getItemStyle",value:function(e){var t=this.calculateTransitionDelay(e),i=this.calculatePointStyle(e);return b({transitionDelay:"".concat(t,"ms")},i)}},{key:"componentDidMount",value:function(){if("linear"!==this.props.type){var e=r.DomHandler.findSingle(this.container,".p-speeddial-button"),t=r.DomHandler.findSingle(this.list,".p-speeddial-item");if(e&&t){var i=Math.abs(e.offsetWidth-t.offsetWidth),n=Math.abs(e.offsetHeight-t.offsetHeight);this.list.style.setProperty("--item-diff-x","".concat(i/2,"px")),this.list.style.setProperty("--item-diff-y","".concat(n/2,"px"))}}this.props.hideOnClickOutside&&this.bindDocumentClickListener()}},{key:"componentWillUnmount",value:function(){this.props.hideOnClickOutside&&this.unbindDocumentClickListener()}},{key:"renderItem",value:function(e,t){var i=this,s=this.getItemStyle(t),l=e.icon,a=e.label,c=e.template,p=e.url,u=e.target,f=r.classNames("p-speeddial-action",{"p-disabled":e.disabled}),d=r.classNames("p-speeddial-action-icon",l),h=o.default.createElement("a",{href:p||"#",role:"menuitem",className:f,target:u,"data-pr-tooltip":a,onClick:function(t){return i.onItemClick(t,e)}},l&&o.default.createElement("span",{className:d}),o.default.createElement(n.Ripple,null));if(c){var m={onClick:function(t){return i.onItemClick(t,e)},className:f,iconClassName:d,element:h,props:this.props,visible:this.isVisible()};h=r.ObjectUtils.getJSXElement(c,e,m)}return o.default.createElement("li",{key:t,className:"p-speeddial-item",style:s,role:"none"},h)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,i){return e.renderItem(t,i)})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return o.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-speeddial-list",role:"menu"},t)}},{key:"renderButton",value:function(){var e,t=this,n=this.isVisible(),s=r.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":this.props.rotateAnimation&&!this.props.hideIcon},this.props.buttonClassName),l=r.classNames((m(e={},"".concat(this.props.showIcon),!n&&!!this.props.showIcon||!this.props.hideIcon),m(e,"".concat(this.props.hideIcon),n&&!!this.props.hideIcon),e)),a=o.default.createElement(i.Button,{type:"button",style:this.props.buttonStyle,className:s,icon:l,onClick:this.onClick,disabled:this.props.disabled});return this.props.buttonTemplate?r.ObjectUtils.getJSXElement(this.props.buttonTemplate,{onClick:function(e){return t.onClick(e)},className:s,iconClassName:l,element:a,props:this.props,visible:n}):a}},{key:"renderMask",value:function(){if(this.props.mask){var e=this.isVisible(),t=r.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e},this.props.maskClassName);return o.default.createElement("div",{className:t,style:this.props.maskStyle})}return null}},{key:"render",value:function(){var e,t=this,i=r.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type),(m(e={},"p-speeddial-direction-".concat(this.props.direction),"circle"!==this.props.type),m(e,"p-speeddial-opened",this.isVisible()),m(e,"p-disabled",this.props.disabled),e),this.props.className),n=this.renderButton(),s=this.renderList(),l=this.renderMask();return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:i,style:this.props.style},n,s),l)}}],f&&a(p.prototype,f),y&&a(p,y),Object.defineProperty(p,"prototype",{writable:!1}),C}(t.Component);return m(k,"defaultProps",{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,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null}),e.SpeedDial=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.ripple,primereact.utils);