primereact 9.2.0 → 9.2.2

package/resources/themes/nano/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.125rem 0.25rem;
   margin-right: 0.5rem;
-  background: #44A1D9;
-  color: #ffffff;
-  border-radius: 1px;
+  background: #dee2e6;
+  color: #343a3f;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.125rem 0.25rem;
   margin-right: 0.5rem;
-  background: #44A1D9;
-  color: #ffffff;
-  border-radius: 1px;
+  background: #dee2e6;
+  color: #343a3f;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/nova/theme.css

@@ -694,9 +694,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/nova-accent/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #e02365;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #e02365;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/nova-alt/theme.css

@@ -694,9 +694,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/rhea/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #AFD3C8;
-  color: #385048;
-  border-radius: 2px;
+  background: #dadada;
+  color: #666666;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #AFD3C8;
-  color: #385048;
-  border-radius: 2px;
+  background: #dadada;
+  color: #666666;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/saga-blue/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E3F2FD;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E3F2FD;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/saga-green/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E8F5E9;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E8F5E9;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/saga-orange/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #FFF3E0;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #FFF3E0;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/saga-purple/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #F3E5F5;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #F3E5F5;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/soho-dark/theme.css

@@ -714,9 +714,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(177, 157, 247, 0.16);
-  color: #b19df7;
-  border-radius: 6px;
+  background: #3e4053;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(177, 157, 247, 0.16);
-  color: #b19df7;
-  border-radius: 6px;
+  background: #3e4053;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/soho-light/theme.css

@@ -714,9 +714,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: #e2dcfc;
-  color: #7254f3;
-  border-radius: 6px;
+  background: #dfe7ef;
+  color: #043d75;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: #e2dcfc;
-  color: #7254f3;
-  border-radius: 6px;
+  background: #dfe7ef;
+  color: #043d75;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/tailwind-light/theme.css

@@ -725,9 +725,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: #EEF2FF;
-  color: #312E81;
-  border-radius: 0.375rem;
+  background: #e5e7eb;
+  color: #3f3f46;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1322,9 +1322,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: #EEF2FF;
-  color: #312E81;
-  border-radius: 0.375rem;
+  background: #e5e7eb;
+  color: #3f3f46;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/vela-blue/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/vela-green/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/vela-orange/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/vela-purple/theme.css

@@ -690,9 +690,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/viva-dark/theme.css

@@ -722,9 +722,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(158, 173, 230, 0.16);
-  color: #9eade6;
-  border-radius: 6px;
+  background: #263238;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1319,9 +1319,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(158, 173, 230, 0.16);
-  color: #9eade6;
-  border-radius: 6px;
+  background: #263238;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/resources/themes/viva-light/theme.css

@@ -722,9 +722,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #ced6f1;
-  color: #585858;
-  border-radius: 6px;
+  background: #ebebeb;
+  color: #6c6c6c;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -1319,9 +1319,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #ced6f1;
-  color: #585858;
-  border-radius: 6px;
+  background: #ebebeb;
+  color: #6c6c6c;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;

package/ripple/ripple.cjs.js

@@ -69,11 +69,7 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       return;
     }
     utils.DomHandler.removeClass(inkRef.current, 'p-ink-active');
-    if (!utils.DomHandler.getHeight(inkRef.current) && !utils.DomHandler.getWidth(inkRef.current)) {
-      var d = Math.max(utils.DomHandler.getOuterWidth(targetRef.current), utils.DomHandler.getOuterHeight(targetRef.current));
-      inkRef.current.style.height = d + 'px';
-      inkRef.current.style.width = d + 'px';
-    }
+    setDimensions();
     inkRef.current.style.top = offsetY + 'px';
     inkRef.current.style.left = offsetX + 'px';
     utils.DomHandler.addClass(inkRef.current, 'p-ink-active');
@@ -81,15 +77,24 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var onAnimationEnd = function onAnimationEnd(event) {
     utils.DomHandler.removeClass(event.currentTarget, 'p-ink-active');
   };
+  var setDimensions = function setDimensions() {
+    if (inkRef.current && !utils.DomHandler.getHeight(inkRef.current) && !utils.DomHandler.getWidth(inkRef.current)) {
+      var d = Math.max(utils.DomHandler.getOuterWidth(targetRef.current), utils.DomHandler.getOuterHeight(targetRef.current));
+      inkRef.current.style.height = d + 'px';
+      inkRef.current.style.width = d + 'px';
+    }
+  };
   hooks.useMountEffect(function () {
     if (inkRef.current) {
       targetRef.current = getTarget();
+      setDimensions();
       bindEvents();
     }
   });
   hooks.useUpdateEffect(function () {
     if (inkRef.current && !targetRef.current) {
       targetRef.current = getTarget();
+      setDimensions();
       bindEvents();
     }
   });

package/ripple/ripple.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=c(e),a=u(t),i=o.memo(o.forwardRef((function(){var e=o.useRef(null),t=o.useRef(null),u=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",i))},i=function(r){var u=n.DomHandler.getOffset(t.current),c=r.targetTouches[0].pageX-u.left+document.body.scrollTop-n.DomHandler.getWidth(e.current)/2,o=r.targetTouches[0].pageY-u.top+document.body.scrollLeft-n.DomHandler.getHeight(e.current)/2;d(c,o)},l=function(r){if(!n.DomHandler.isTouchDevice()){var u=n.DomHandler.getOffset(t.current),c=r.pageX-u.left+document.body.scrollTop-n.DomHandler.getWidth(e.current)/2,o=r.pageY-u.top+document.body.scrollLeft-n.DomHandler.getHeight(e.current)/2;d(c,o)}},d=function(r,u){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(n.DomHandler.removeClass(e.current,"p-ink-active"),!n.DomHandler.getHeight(e.current)&&!n.DomHandler.getWidth(e.current)){var c=Math.max(n.DomHandler.getOuterWidth(t.current),n.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=u+"px",e.current.style.left=r+"px",n.DomHandler.addClass(e.current,"p-ink-active")}};return r.useMountEffect((function(){e.current&&(t.current=u(),c())})),r.useUpdateEffect((function(){e.current&&!t.current&&(t.current=u(),c())})),r.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",i)))})),a.default.ripple?o.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple",exports.Ripple=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=c(e),a=u(t),i=o.memo(o.forwardRef((function(){var e=o.useRef(null),t=o.useRef(null),u=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",i))},i=function(r){var u=n.DomHandler.getOffset(t.current),c=r.targetTouches[0].pageX-u.left+document.body.scrollTop-n.DomHandler.getWidth(e.current)/2,o=r.targetTouches[0].pageY-u.top+document.body.scrollLeft-n.DomHandler.getHeight(e.current)/2;d(c,o)},l=function(r){if(!n.DomHandler.isTouchDevice()){var u=n.DomHandler.getOffset(t.current),c=r.pageX-u.left+document.body.scrollTop-n.DomHandler.getWidth(e.current)/2,o=r.pageY-u.top+document.body.scrollLeft-n.DomHandler.getHeight(e.current)/2;d(c,o)}},d=function(t,r){e.current&&"none"!==getComputedStyle(e.current,null).display&&(n.DomHandler.removeClass(e.current,"p-ink-active"),s(),e.current.style.top=r+"px",e.current.style.left=t+"px",n.DomHandler.addClass(e.current,"p-ink-active"))},s=function(){if(e.current&&!n.DomHandler.getHeight(e.current)&&!n.DomHandler.getWidth(e.current)){var r=Math.max(n.DomHandler.getOuterWidth(t.current),n.DomHandler.getOuterHeight(t.current));e.current.style.height=r+"px",e.current.style.width=r+"px"}};return r.useMountEffect((function(){e.current&&(t.current=u(),s(),c())})),r.useUpdateEffect((function(){e.current&&!t.current&&(t.current=u(),s(),c())})),r.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",i)))})),a.default.ripple?o.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple",exports.Ripple=i;

package/ripple/ripple.esm.js

@@ -42,11 +42,7 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
       return;
     }
     DomHandler.removeClass(inkRef.current, 'p-ink-active');
-    if (!DomHandler.getHeight(inkRef.current) && !DomHandler.getWidth(inkRef.current)) {
-      var d = Math.max(DomHandler.getOuterWidth(targetRef.current), DomHandler.getOuterHeight(targetRef.current));
-      inkRef.current.style.height = d + 'px';
-      inkRef.current.style.width = d + 'px';
-    }
+    setDimensions();
     inkRef.current.style.top = offsetY + 'px';
     inkRef.current.style.left = offsetX + 'px';
     DomHandler.addClass(inkRef.current, 'p-ink-active');
@@ -54,15 +50,24 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
   var onAnimationEnd = function onAnimationEnd(event) {
     DomHandler.removeClass(event.currentTarget, 'p-ink-active');
   };
+  var setDimensions = function setDimensions() {
+    if (inkRef.current && !DomHandler.getHeight(inkRef.current) && !DomHandler.getWidth(inkRef.current)) {
+      var d = Math.max(DomHandler.getOuterWidth(targetRef.current), DomHandler.getOuterHeight(targetRef.current));
+      inkRef.current.style.height = d + 'px';
+      inkRef.current.style.width = d + 'px';
+    }
+  };
   useMountEffect(function () {
     if (inkRef.current) {
       targetRef.current = getTarget();
+      setDimensions();
       bindEvents();
     }
   });
   useUpdateEffect(function () {
     if (inkRef.current && !targetRef.current) {
       targetRef.current = getTarget();
+      setDimensions();
       bindEvents();
     }
   });

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{useMountEffect as r,useUpdateEffect as n,useUnmountEffect as c}from"primereact/hooks";import{DomHandler as u}from"primereact/utils";var o=e.memo(e.forwardRef((function(){var o=e.useRef(null),i=e.useRef(null),a=function(){return o.current&&o.current.parentElement},s=function(){i.current&&(i.current.addEventListener("mousedown",p),u.isTouchDevice()&&i.current.addEventListener("touchstart",l))},l=function(e){var t=u.getOffset(i.current),r=e.targetTouches[0].pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.targetTouches[0].pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)},p=function(e){if(!u.isTouchDevice()){var t=u.getOffset(i.current),r=e.pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)}},f=function(e,t){if(o.current&&"none"!==getComputedStyle(o.current,null).display){if(u.removeClass(o.current,"p-ink-active"),!u.getHeight(o.current)&&!u.getWidth(o.current)){var r=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=r+"px",o.current.style.width=r+"px"}o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active")}};return r((function(){o.current&&(i.current=a(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),s())})),c((function(){o.current&&(i.current=null,i.current&&(i.current.removeEventListener("mousedown",p),u.isTouchDevice()&&i.current.removeEventListener("touchstart",l)))})),t.ripple?e.createElement("span",{role:"presentation",ref:o,className:"p-ink",onAnimationEnd:function(e){u.removeClass(e.currentTarget,"p-ink-active")}}):null})));o.displayName="Ripple";export{o as Ripple};
+import*as e from"react";import t from"primereact/api";import{useMountEffect as r,useUpdateEffect as n,useUnmountEffect as c}from"primereact/hooks";import{DomHandler as u}from"primereact/utils";var o=e.memo(e.forwardRef((function(){var o=e.useRef(null),i=e.useRef(null),a=function(){return o.current&&o.current.parentElement},s=function(){i.current&&(i.current.addEventListener("mousedown",p),u.isTouchDevice()&&i.current.addEventListener("touchstart",l))},l=function(e){var t=u.getOffset(i.current),r=e.targetTouches[0].pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.targetTouches[0].pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)},p=function(e){if(!u.isTouchDevice()){var t=u.getOffset(i.current),r=e.pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)}},f=function(e,t){o.current&&"none"!==getComputedStyle(o.current,null).display&&(u.removeClass(o.current,"p-ink-active"),m(),o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active"))},m=function(){if(o.current&&!u.getHeight(o.current)&&!u.getWidth(o.current)){var e=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=e+"px",o.current.style.width=e+"px"}};return r((function(){o.current&&(i.current=a(),m(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),m(),s())})),c((function(){o.current&&(i.current=null,i.current&&(i.current.removeEventListener("mousedown",p),u.isTouchDevice()&&i.current.removeEventListener("touchstart",l)))})),t.ripple?e.createElement("span",{role:"presentation",ref:o,className:"p-ink",onAnimationEnd:function(e){u.removeClass(e.currentTarget,"p-ink-active")}}):null})));o.displayName="Ripple";export{o as Ripple};

package/ripple/ripple.js

@@ -64,11 +64,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
           return;
         }
         utils.DomHandler.removeClass(inkRef.current, 'p-ink-active');
-        if (!utils.DomHandler.getHeight(inkRef.current) && !utils.DomHandler.getWidth(inkRef.current)) {
-          var d = Math.max(utils.DomHandler.getOuterWidth(targetRef.current), utils.DomHandler.getOuterHeight(targetRef.current));
-          inkRef.current.style.height = d + 'px';
-          inkRef.current.style.width = d + 'px';
-        }
+        setDimensions();
         inkRef.current.style.top = offsetY + 'px';
         inkRef.current.style.left = offsetX + 'px';
         utils.DomHandler.addClass(inkRef.current, 'p-ink-active');
@@ -76,15 +72,24 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
       var onAnimationEnd = function onAnimationEnd(event) {
         utils.DomHandler.removeClass(event.currentTarget, 'p-ink-active');
       };
+      var setDimensions = function setDimensions() {
+        if (inkRef.current && !utils.DomHandler.getHeight(inkRef.current) && !utils.DomHandler.getWidth(inkRef.current)) {
+          var d = Math.max(utils.DomHandler.getOuterWidth(targetRef.current), utils.DomHandler.getOuterHeight(targetRef.current));
+          inkRef.current.style.height = d + 'px';
+          inkRef.current.style.width = d + 'px';
+        }
+      };
       hooks.useMountEffect(function () {
         if (inkRef.current) {
           targetRef.current = getTarget();
+          setDimensions();
           bindEvents();
         }
       });
       hooks.useUpdateEffect(function () {
         if (inkRef.current && !targetRef.current) {
           targetRef.current = getTarget();
+          setDimensions();
           bindEvents();
         }
       });

package/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(t),i=c(r),l=a.memo(a.forwardRef((function(){var e=a.useRef(null),t=a.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",o))},o=function(r){var n=u.DomHandler.getOffset(t.current),c=r.targetTouches[0].pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.targetTouches[0].pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)},l=function(r){if(!u.DomHandler.isTouchDevice()){var n=u.DomHandler.getOffset(t.current),c=r.pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)}},d=function(r,n){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var c=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=n+"px",e.current.style.left=r+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",o)))})),i.default.ripple?a.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(t),i=c(r),l=a.memo(a.forwardRef((function(){var e=a.useRef(null),t=a.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",o))},o=function(r){var n=u.DomHandler.getOffset(t.current),c=r.targetTouches[0].pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.targetTouches[0].pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)},l=function(r){if(!u.DomHandler.isTouchDevice()){var n=u.DomHandler.getOffset(t.current),c=r.pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)}},d=function(t,r){e.current&&"none"!==getComputedStyle(e.current,null).display&&(u.DomHandler.removeClass(e.current,"p-ink-active"),s(),e.current.style.top=r+"px",e.current.style.left=t+"px",u.DomHandler.addClass(e.current,"p-ink-active"))},s=function(){if(e.current&&!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var r=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=r+"px",e.current.style.width=r+"px"}};return n.useMountEffect((function(){e.current&&(t.current=r(),s(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),s(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",o)))})),i.default.ripple?a.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);

package/sidebar/sidebar.min.css

@@ -1 +1 @@
-.p-sidebar-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;pointer-events:none;background-color:transparent;transition-property:background-color}.p-sidebar-visible{display:flex}.p-sidebar-mask.p-component-overlay{pointer-events:auto}.p-sidebar{display:flex;flex-direction:column;pointer-events:auto;transform:translate3d(0,0,0);position:relative}.p-sidebar:not([class*="p-sidebar-"]){display:none}.p-sidebar-content{overflow-y:auto;flex-grow:1}.p-sidebar-header{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.p-sidebar-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-sidebar-full .p-sidebar{transition:none;transform:none;width:100vw !important;height:100vh !important;max-height:100%;top:0 !important;left:0 !important}.p-sidebar-top .p-sidebar-enter,.p-sidebar-top .p-sidebar-exit-active{transform:translate3d(0,-100%,0)}.p-sidebar-bottom .p-sidebar-enter,.p-sidebar-bottom .p-sidebar-exit-active{transform:translate3d(0,100%,0)}.p-sidebar-left .p-sidebar-enter,.p-sidebar-left .p-sidebar-exit-active{transform:translate3d(-100%,0,0)}.p-sidebar-right .p-sidebar-enter,.p-sidebar-right .p-sidebar-exit-active{transform:translate3d(100%,0,0)}.p-sidebar-top .p-sidebar-enter-active,.p-sidebar-bottom .p-sidebar-enter-active,.p-sidebar-left .p-sidebar-enter-active,.p-sidebar-right .p-sidebar-enter-active{transform:translate3d(0,0,0);transition:all .3s}.p-sidebar-top .p-sidebar-enter-done,.p-sidebar-bottom .p-sidebar-enter-done,.p-sidebar-left .p-sidebar-enter-done,.p-sidebar-right .p-sidebar-enter-done{transform:none}.p-sidebar-top .p-sidebar-exit-active,.p-sidebar-bottom .p-sidebar-exit-active,.p-sidebar-left .p-sidebar-exit-active,.p-sidebar-right .p-sidebar-exit-active{transition:all .3s}.p-sidebar-full .p-sidebar-enter{opacity:0;transform:scale(0.5)}.p-sidebar-full .p-sidebar-enter-active{opacity:1;transform:scale(1);transition:all .15s cubic-bezier(0,0,0.2,1)}.p-sidebar-full .p-sidebar-enter-done{transform:none}.p-sidebar-full .p-sidebar-exit-active{opacity:0;transform:scale(0.5);transition:all .15s cubic-bezier(0.4,0.0,0.2,1)}.p-sidebar-left{justify-content:flex-start}.p-sidebar-right{justify-content:flex-end}.p-sidebar-top{align-items:flex-start}.p-sidebar-bottom{align-items:flex-end}.p-sidebar-left .p-sidebar{width:20rem;height:100%}.p-sidebar-right .p-sidebar{width:20rem;height:100%}.p-sidebar-top .p-sidebar{height:10rem;width:100%}.p-sidebar-bottom .p-sidebar{height:10rem;width:100%}.p-sidebar-left .p-sidebar-sm,.p-sidebar-right .p-sidebar-sm{width:20rem}.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-md{width:40rem}.p-sidebar-left .p-sidebar-lg,.p-sidebar-right .p-sidebar-lg{width:60rem}.p-sidebar-top .p-sidebar-sm,.p-sidebar-bottom .p-sidebar-sm{height:10rem}.p-sidebar-top .p-sidebar-md,.p-sidebar-bottom .p-sidebar-md{height:20rem}.p-sidebar-top .p-sidebar-lg,.p-sidebar-bottom .p-sidebar-lg{height:30rem}.p-sidebar-left .p-sidebar-view,.p-sidebar-right .p-sidebar-view,.p-sidebar-top .p-sidebar-view,.p-sidebar-bottom .p-sidebar-view{width:100%;height:100%}.p-sidebar-left .p-sidebar-content,.p-sidebar-right .p-sidebar-content,.p-sidebar-top .p-sidebar-content,.p-sidebar-bottom .p-sidebar-content{width:100%;height:100%}@media screen and (max-width:64em){.p-sidebar-left .p-sidebar-lg,.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-lg,.p-sidebar-right .p-sidebar-md{width:20rem}}
+.p-sidebar-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;pointer-events:none;background-color:transparent;transition-property:background-color}.p-sidebar-visible{display:flex}.p-sidebar-mask.p-component-overlay{pointer-events:auto}.p-sidebar{display:flex;flex-direction:column;pointer-events:auto;transform:translate3d(0,0,0);position:relative}.p-sidebar-content{overflow-y:auto;flex-grow:1}.p-sidebar-header{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.p-sidebar-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-sidebar-full .p-sidebar{transition:none;transform:none;width:100vw !important;height:100vh !important;max-height:100%;top:0 !important;left:0 !important}.p-sidebar-top .p-sidebar-enter,.p-sidebar-top .p-sidebar-exit-active{transform:translate3d(0,-100%,0)}.p-sidebar-bottom .p-sidebar-enter,.p-sidebar-bottom .p-sidebar-exit-active{transform:translate3d(0,100%,0)}.p-sidebar-left .p-sidebar-enter,.p-sidebar-left .p-sidebar-exit-active{transform:translate3d(-100%,0,0)}.p-sidebar-right .p-sidebar-enter,.p-sidebar-right .p-sidebar-exit-active{transform:translate3d(100%,0,0)}.p-sidebar-top .p-sidebar-enter-active,.p-sidebar-bottom .p-sidebar-enter-active,.p-sidebar-left .p-sidebar-enter-active,.p-sidebar-right .p-sidebar-enter-active{transform:translate3d(0,0,0);transition:all .3s}.p-sidebar-top .p-sidebar-enter-done,.p-sidebar-bottom .p-sidebar-enter-done,.p-sidebar-left .p-sidebar-enter-done,.p-sidebar-right .p-sidebar-enter-done{transform:none}.p-sidebar-top .p-sidebar-exit-active,.p-sidebar-bottom .p-sidebar-exit-active,.p-sidebar-left .p-sidebar-exit-active,.p-sidebar-right .p-sidebar-exit-active{transition:all .3s}.p-sidebar-full .p-sidebar-enter{opacity:0;transform:scale(0.5)}.p-sidebar-full .p-sidebar-enter-active{opacity:1;transform:scale(1);transition:all .15s cubic-bezier(0,0,0.2,1)}.p-sidebar-full .p-sidebar-enter-done{transform:none}.p-sidebar-full .p-sidebar-exit-active{opacity:0;transform:scale(0.5);transition:all .15s cubic-bezier(0.4,0,0.2,1)}.p-sidebar-left{justify-content:flex-start}.p-sidebar-right{justify-content:flex-end}.p-sidebar-top{align-items:flex-start}.p-sidebar-bottom{align-items:flex-end}.p-sidebar-left .p-sidebar{width:20rem;height:100%}.p-sidebar-right .p-sidebar{width:20rem;height:100%}.p-sidebar-top .p-sidebar{height:10rem;width:100%}.p-sidebar-bottom .p-sidebar{height:10rem;width:100%}.p-sidebar-left .p-sidebar-sm,.p-sidebar-right .p-sidebar-sm{width:20rem}.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-md{width:40rem}.p-sidebar-left .p-sidebar-lg,.p-sidebar-right .p-sidebar-lg{width:60rem}.p-sidebar-top .p-sidebar-sm,.p-sidebar-bottom .p-sidebar-sm{height:10rem}.p-sidebar-top .p-sidebar-md,.p-sidebar-bottom .p-sidebar-md{height:20rem}.p-sidebar-top .p-sidebar-lg,.p-sidebar-bottom .p-sidebar-lg{height:30rem}.p-sidebar-left .p-sidebar-view,.p-sidebar-right .p-sidebar-view,.p-sidebar-top .p-sidebar-view,.p-sidebar-bottom .p-sidebar-view{width:100%;height:100%}.p-sidebar-left .p-sidebar-content,.p-sidebar-right .p-sidebar-content,.p-sidebar-top .p-sidebar-content,.p-sidebar-bottom .p-sidebar-content{width:100%;height:100%}@media screen and (max-width:64em){.p-sidebar-left .p-sidebar-lg,.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-lg,.p-sidebar-right .p-sidebar-md{width:20rem}}