arengibook 2.4.658 → 2.4.661

package/dist/index.js

@@ -4000,7 +4000,7 @@ function _defineProperty$g(e, r, t) {
 function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$g(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0;\n    pointer-events: none;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
-var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon {\n    pointer-events: none;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n    border-top-right-radius: var(--border-radius) !important;\n    border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n    border-top-left-radius: var(--border-radius) !important;\n    border-bottom-left-radius: var(--border-radius) !important;\n}\n";
+var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n    border-top-right-radius: var(--border-radius) !important;\n    border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n    border-top-left-radius: var(--border-radius) !important;\n    border-bottom-left-radius: var(--border-radius) !important;\n}\n";
 var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
 var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
 var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
@@ -5959,17 +5959,19 @@ function _regeneratorDefine(e, r, n, t) {
     i = 0;
   }
   _regeneratorDefine = function (e, r, n, t) {
-    function o(r, n) {
-      _regeneratorDefine(e, r, function (e) {
-        return this._invoke(r, n, e);
-      });
-    }
-    r ? i ? i(e, r, {
+    if (r) i ? i(e, r, {
       value: n,
       enumerable: !t,
       configurable: !t,
       writable: !t
-    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+    }) : e[r] = n;else {
+      function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
+        });
+      }
+      o("next", 0), o("throw", 1), o("return", 2);
+    }
   }, _regeneratorDefine(e, r, n, t);
 }
 function _slicedToArray$9(r, e) {
@@ -9162,8 +9164,7 @@ var CalendarPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       'aria-label': localeOption('chooseDate', props.locale),
       'aria-modal': props.inline ? null : 'true',
       onClick: props.onClick,
-      onMouseUp: props.onMouseUp,
-      'data-pr-is-overlay': true
+      onMouseUp: props.onMouseUp
     }, props.ptm('panel', {
       hostName: props.hostName
     }));
@@ -9563,14 +9564,14 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         newViewDate.setMonth(11);
         newViewDate.setFullYear(newYear);
         props.onMonthChange && props.onMonthChange({
-          month: 12,
+          month: 11,
           year: newYear
         });
         setCurrentMonth(11);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() - 1);
         props.onMonthChange && props.onMonthChange({
-          month: currentMonth,
+          month: currentMonth - 1,
           year: currentYear
         });
         setCurrentMonth(function (prevState) {
@@ -9608,14 +9609,14 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         newViewDate.setMonth(0);
         newViewDate.setFullYear(newYear);
         props.onMonthChange && props.onMonthChange({
-          month: 1,
+          month: 0,
           year: newYear
         });
         setCurrentMonth(0);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() + 1);
         props.onMonthChange && props.onMonthChange({
-          month: currentMonth + 2,
+          month: currentMonth + 1,
           year: currentYear
         });
         setCurrentMonth(function (prevState) {
@@ -9692,8 +9693,8 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     var timeMeta = {
       hours: today.getHours(),
       minutes: today.getMinutes(),
-      seconds: props.showSeconds ? today.getSeconds() : 0,
-      milliseconds: props.showMillisec ? today.getMilliseconds() : 0
+      seconds: today.getSeconds(),
+      milliseconds: today.getMilliseconds()
     };
     updateViewDate(event, today);
     onDateSelect(event, dateMeta, timeMeta);
@@ -10678,7 +10679,7 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         milliseconds = timeMeta.milliseconds;
       } else {
         var time = getCurrentDateTime();
-        var _ref5 = [time.getHours(), time.getMinutes(), props.showSeconds ? time.getSeconds() : 0, props.showMillisec ? time.getMilliseconds() : 0];
+        var _ref5 = [time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds()];
         hours = _ref5[0];
         minutes = _ref5[1];
         seconds = _ref5[2];
@@ -12997,8 +12998,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$1 = "/* Force une largeur à 100% de l'input Calendar */\n.datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n    text-align: center !important;\n}\n\n/* Neutralise les styles hérités */\n.datepickerbook table,\n.datepickerbook tbody,\n.datepickerbook tr,\n.datepickerbook td,\n.datepickerbook th {\n    background-color: unset !important;\n    color: inherit !important;\n    border: none;\n}\n\n/* Restaure les couleurs et l'entete du calendrier  */\n.datepickerbook .p-datepicker {\n    background-color: #fff !important;\n    color: #333 !important;\n    border-radius: 6px;\n    box-shadow: 0 0 8px rgba(0,0,0,0.1);\n}\n\n.datepickerbook .p-datepicker-calendar td {\n    text-align: center;\n    background-color: transparent !important;\n    color: #333;\n}\n\n.datepickerbook .p-datepicker-calendar td.p-highlight {\n    background-color: #6366f1 !important;\n    color: #fff !important;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n    text-align: center !important;\n    color: #000;\n}\n\nbody .p-datepicker {\n    width: 405px !important;\n    min-width: 405px !important;\n    max-width: 405px !important;\n}\n\n\n";
-styleInject(css_248z$1);
+var css_248z$2 = "/* Force une largeur à 100% de l'input Calendar */\n.datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n    text-align: center !important;\n}\n\n/* Neutralise les styles hérités */\n.datepickerbook table,\n.datepickerbook tbody,\n.datepickerbook tr,\n.datepickerbook td,\n.datepickerbook th {\n    background-color: unset !important;\n    color: inherit !important;\n    border: none;\n}\n\n/* Restaure les couleurs et l'entete du calendrier  */\n.datepickerbook .p-datepicker {\n    background-color: #fff !important;\n    color: #333 !important;\n    border-radius: 6px;\n    box-shadow: 0 0 8px rgba(0,0,0,0.1);\n}\n\n.datepickerbook .p-datepicker-calendar td {\n    text-align: center;\n    background-color: transparent !important;\n    color: #333;\n}\n\n.datepickerbook .p-datepicker-calendar td.p-highlight {\n    background-color: #6366f1 !important;\n    color: #fff !important;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n    text-align: center !important;\n    color: #000;\n}\n\nbody .p-datepicker {\n    width: 405px !important;\n    min-width: 405px !important;\n    max-width: 405px !important;\n}\n\n\n";
+styleInject(css_248z$2);
 
 var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullWidth", "inputProps", "onBlur", "onSelect", "onClick"];
 var normalizeDate = function normalizeDate(v) {
@@ -19708,15 +19709,14 @@ function requireLib$1 () {
 
 var utilities$1 = {};
 
-var cjs$2 = {};
-
-var cjs$1;
-var hasRequiredCjs$2;
+var cjs$1 = {};
 
-function requireCjs$2 () {
-	if (hasRequiredCjs$2) return cjs$1;
-	hasRequiredCjs$2 = 1;
+var inlineStyleParser;
+var hasRequiredInlineStyleParser;
 
+function requireInlineStyleParser () {
+	if (hasRequiredInlineStyleParser) return inlineStyleParser;
+	hasRequiredInlineStyleParser = 1;
 	// http://www.w3.org/TR/CSS21/grammar.html
 	// https://github.com/visionmedia/css-parse/pull/49#issuecomment-30088027
 	var COMMENT_REGEX = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
@@ -19750,7 +19750,7 @@ function requireCjs$2 () {
 	 * @throws {TypeError}
 	 * @throws {Error}
 	 */
-	function index (style, options) {
+	inlineStyleParser = function (style, options) {
 	  if (typeof style !== 'string') {
 	    throw new TypeError('First argument must be a string');
 	  }
@@ -19963,7 +19963,7 @@ function requireCjs$2 () {
 
 	  whitespace();
 	  return declarations();
-	}
+	};
 
 	/**
 	 * Trim `str`.
@@ -19974,23 +19974,20 @@ function requireCjs$2 () {
 	function trim(str) {
 	  return str ? str.replace(TRIM_REGEX, EMPTY_STRING) : EMPTY_STRING;
 	}
-
-	cjs$1 = index;
-	
-	return cjs$1;
+	return inlineStyleParser;
 }
 
 var hasRequiredCjs$1;
 
 function requireCjs$1 () {
-	if (hasRequiredCjs$1) return cjs$2;
+	if (hasRequiredCjs$1) return cjs$1;
 	hasRequiredCjs$1 = 1;
-	var __importDefault = (cjs$2 && cjs$2.__importDefault) || function (mod) {
+	var __importDefault = (cjs$1 && cjs$1.__importDefault) || function (mod) {
 	    return (mod && mod.__esModule) ? mod : { "default": mod };
 	};
-	Object.defineProperty(cjs$2, "__esModule", { value: true });
-	cjs$2.default = StyleToObject;
-	const inline_style_parser_1 = __importDefault(requireCjs$2());
+	Object.defineProperty(cjs$1, "__esModule", { value: true });
+	cjs$1.default = StyleToObject;
+	var inline_style_parser_1 = __importDefault(requireInlineStyleParser());
 	/**
 	 * Parses inline style to object.
 	 *
@@ -20006,17 +20003,17 @@ function requireCjs$1 () {
 	 * ```
 	 */
 	function StyleToObject(style, iterator) {
-	    let styleObject = null;
+	    var styleObject = null;
 	    if (!style || typeof style !== 'string') {
 	        return styleObject;
 	    }
-	    const declarations = (0, inline_style_parser_1.default)(style);
-	    const hasIterator = typeof iterator === 'function';
-	    declarations.forEach((declaration) => {
+	    var declarations = (0, inline_style_parser_1.default)(style);
+	    var hasIterator = typeof iterator === 'function';
+	    declarations.forEach(function (declaration) {
 	        if (declaration.type !== 'declaration') {
 	            return;
 	        }
-	        const { property, value } = declaration;
+	        var property = declaration.property, value = declaration.value;
 	        if (hasIterator) {
 	            iterator(property, value, declaration);
 	        }
@@ -20028,7 +20025,7 @@ function requireCjs$1 () {
 	    return styleObject;
 	}
 	
-	return cjs$2;
+	return cjs$1;
 }
 
 var utilities = {};
@@ -20226,7 +20223,7 @@ function requireUtilities () {
 		 * @param arg - The argument to be returned.
 		 * @returns - The input argument `arg`.
 		 */
-		var returnFirstArg = function (arg) { return arg; }; // eslint-disable-line @typescript-eslint/no-explicit-any
+		var returnFirstArg = function (arg) { return arg; };
 		exports.returnFirstArg = returnFirstArg;
 		
 	} (utilities$1));
@@ -21104,13 +21101,12 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       var tabHeader = createTabHeader(tab, selected, index);
       var tabContent = createTabContent(tab, selected, index);
       var _rootProps = mergeProps({
+        key: key,
         className: cx('accordiontab.root', {
           selected: selected
         })
       }, AccordionTabBase.getCOtherProps(tab), getTabPT(tab, 'root', index));
-      return /*#__PURE__*/React.createElement("div", _extends$t({}, _rootProps, {
-        key: key
-      }), tabHeader, tabContent);
+      return /*#__PURE__*/React.createElement("div", _rootProps, tabHeader, tabContent);
     }
     return null;
   };
@@ -21706,10 +21702,6 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     }
     return null;
   };
-  var addWithPrecision = function addWithPrecision(base, increment) {
-    var precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-    return Math.round((base + increment) * precision) / precision;
-  };
   var _repeat = function repeat(event, interval, dir) {
     var i = interval || 500;
     clearTimer();
@@ -21722,7 +21714,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     if (inputRef.current) {
       var step = props.step * dir;
       var currentValue = parseValue(inputRef.current.value) || 0;
-      var newValue = validateValue(addWithPrecision(currentValue, step));
+      var newValue = validateValue(currentValue + step);
       if (props.maxLength && props.maxLength < formatValue(newValue).length) {
         return;
       }
@@ -24397,9 +24389,8 @@ var DropdownPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
           return item && createItem(item, options.index, options);
         },
         contentTemplate: function contentTemplate(options) {
-          var children = options.children || [];
           var emptyMessage = props.hasFilter ? props.emptyFilterMessage : props.emptyMessage;
-          var content = isEmptyFilter || (children === null || children === void 0 ? void 0 : children.length) === 0 ? createEmptyMessage(emptyMessage) : children;
+          var content = isEmptyFilter ? createEmptyMessage(emptyMessage) : options.children;
           var listProps = mergeProps({
             ref: options.contentRef,
             style: options.style,
@@ -24439,8 +24430,7 @@ var DropdownPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
         context: context
       })),
       style: sx('panel'),
-      onClick: props.onClick,
-      'data-pr-is-overlay': true
+      onClick: props.onClick
     }, getPTOptions('panel'));
     var transitionProps = mergeProps({
       classNames: cx('transition'),
@@ -27393,9 +27383,6 @@ var DataTableBase = ComponentBase.extend({
     alwaysShowPaginator: true,
     breakpoint: '960px',
     cellClassName: null,
-    cellMemo: true,
-    cellMemoProps: ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'],
-    cellMemoPropsDepth: 1,
     cellSelection: false,
     checkIcon: null,
     className: null,
@@ -28098,6 +28085,8 @@ var Cell = function Cell(props) {
     setStyleObjectState = _React$useState6[1];
   var elementRef = React.useRef(null);
   var keyHelperRef = React.useRef(null);
+  var overlayEventListener = React.useRef(null);
+  var selfClick = React.useRef(false);
   var focusTimeout = React.useRef(null);
   var initFocusTimeout = React.useRef(null);
   var editingRowDataStateRef = React.useRef(null);
@@ -28134,20 +28123,17 @@ var Cell = function Cell(props) {
   var cellEditValidateOnClose = function cellEditValidateOnClose() {
     return getColumnProp('cellEditValidateOnClose');
   };
-  var isIgnoredElement = function isIgnoredElement(element) {
-    var isOverlay = function isOverlay(el) {
-      return el.getAttribute && el.getAttribute('data-pr-is-overlay');
-    };
-    return isOverlay(element) || DomHandler.getParents(element).find(function (el) {
-      return isOverlay(el);
-    });
-  };
   var _useEventListener = useEventListener({
       type: 'click',
       listener: function listener(e) {
-        if (!isIgnoredElement(e.target) && isOutsideClicked(e.target)) {
-          switchCellToViewMode(e, true);
-        }
+        setTimeout(function () {
+          if (!selfClick.current && isOutsideClicked(e.target)) {
+            // #2666 for overlay components and outside is clicked
+
+            switchCellToViewMode(e, true);
+          }
+        }, 0);
+        selfClick.current = false;
       },
       options: true,
       when: isEditable()
@@ -28192,6 +28178,10 @@ var Cell = function Cell(props) {
     setTimeout(function () {
       setEditingState(false);
       unbindDocumentClickListener();
+      OverlayService.off('overlay-click', overlayEventListener.current);
+      overlayEventListener.current = null;
+      editingRowDataStateRef.current = null;
+      selfClick.current = false;
     }, 1);
   };
   var switchCellToViewMode = function switchCellToViewMode(event, submit) {
@@ -28235,7 +28225,7 @@ var Cell = function Cell(props) {
     editingRowDataStateRef.current = editingRowData;
   };
   var _onClick = function onClick(event) {
-    props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, props.column, bindDocumentClickListener);
+    props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener, isOutsideClicked);
   };
   var _onMouseDown = function onMouseDown(event) {
     var params = getCellCallbackParams(event);
@@ -28307,6 +28297,7 @@ var Cell = function Cell(props) {
     }
   };
   var _onBlur = function onBlur(event) {
+    selfClick.current = false;
     if (props.editMode !== 'row' && editingState && getColumnProp('cellEditValidatorEvent') === 'blur') {
       switchCellToViewMode(event, true);
     }
@@ -28387,8 +28378,9 @@ var Cell = function Cell(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editingState]);
   useUnmountEffect(function () {
-    if (editingRowDataStateRef.current) {
-      editingRowDataStateRef.current = null;
+    if (overlayEventListener.current) {
+      OverlayService.off('overlay-click', overlayEventListener.current);
+      overlayEventListener.current = null;
     }
   });
   var createLoading = function createLoading() {
@@ -28692,7 +28684,6 @@ var Cell = function Cell(props) {
 var RadioCheckCell = /*#__PURE__*/React.memo(function (props) {
   return /*#__PURE__*/React.createElement(Cell, props);
 }, function (prevProps, nextProps) {
-  if (nextProps.cellMemo === false) return false;
   var keysToCompare = ['isRowSelected', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData'];
   return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
 });
@@ -29176,13 +29167,8 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
       } else {
         var left = 0;
         var prev = elementRef.current && elementRef.current.previousElementSibling;
-        while (prev) {
-          if (prev.classList.contains('p-frozen-column')) {
-            left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
-            elementRef.current.style.left = left + 'px';
-            break;
-          }
-          prev = prev.previousElementSibling;
+        if (prev && prev.classList.contains('p-frozen-column')) {
+          left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
       }
@@ -29190,8 +29176,9 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
       !isSameStyle && setStyleObjectState(styleObject);
     }
   }, []);
-  var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, column, bindDocumentClickListener) {
+  var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener, isOutsideClicked) {
     if (props.editMode !== 'row' && isEditable && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.isRowSelected)) {
+      selfClick.current = true;
       var onBeforeCellEditShow = getColumnProp(column, 'onBeforeCellEditShow');
       var onCellEditInit = getColumnProp(column, 'onCellEditInit');
       var cellEditValidatorEvent = getColumnProp(column, 'cellEditValidatorEvent');
@@ -29222,6 +29209,12 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
         }
         if (cellEditValidatorEvent === 'click') {
           bindDocumentClickListener();
+          overlayEventListener.current = function (e) {
+            if (!isOutsideClicked(e.target)) {
+              selfClick.current = true;
+            }
+          };
+          OverlayService.on('overlay-click', overlayEventListener.current);
         }
       }, 1);
     }
@@ -30581,21 +30574,16 @@ var FooterCell = /*#__PURE__*/React.memo(function (props) {
       var _align = getColumnProp('alignFrozen');
       if (_align === 'right') {
         var right = 0;
-        var next = elementRef.current && elementRef.current.nextElementSibling;
+        var next = elementRef.current.nextElementSibling;
         if (next && next.classList.contains('p-frozen-column')) {
           right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject.right = right + 'px';
       } else {
         var left = 0;
-        var prev = elementRef.current && elementRef.current.previousElementSibling;
-        while (prev) {
-          if (prev && prev.classList.contains('p-frozen-column')) {
-            left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
-            elementRef.current.style.left = left + 'px';
-            break;
-          }
-          prev = prev.previousElementSibling;
+        var prev = elementRef.current.previousElementSibling;
+        if (prev && prev.classList.contains('p-frozen-column')) {
+          left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
       }
@@ -31271,7 +31259,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       };
     } else {
       filters[field].value = null;
-      filters[field].matchMode = defaultConstraint ? defaultConstraint.matchMode : filters[field].matchMode;
+      filters[field].matchMode = defaultConstraint.matchMode;
     }
     filterClearCallback && filterClearCallback();
     props.onFilterChange(filters);
@@ -31338,7 +31326,6 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var onRowMatchModeChange = function onRowMatchModeChange(matchMode) {
-    var _iconRef$current;
     var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
     var filters = _objectSpread$4$1({}, props.filters);
     filters[field].matchMode = matchMode;
@@ -31349,7 +31336,6 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     props.onFilterChange(filters);
     props.onFilterApply();
     hide();
-    (_iconRef$current = iconRef.current) === null || _iconRef$current === void 0 || _iconRef$current.focus();
   };
   var onRowMatchModeKeyDown = function onRowMatchModeKeyDown(event, matchMode, clear) {
     var item = event.target;
@@ -32109,21 +32095,16 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
       var align = getColumnProp('alignFrozen');
       if (align === 'right') {
         var right = 0;
-        var next = elementRef.current && elementRef.current.nextElementSibling;
+        var next = elementRef.current.nextElementSibling;
         if (next && next.classList.contains('p-frozen-column')) {
           right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject.right = right + 'px';
       } else {
         var left = 0;
-        var prev = elementRef.current && elementRef.current.previousElementSibling;
-        while (prev) {
-          if (prev && prev.classList.contains('p-frozen-column')) {
-            left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
-            elementRef.current.style.left = left + 'px';
-            break;
-          }
-          prev = prev.previousElementSibling;
+        var prev = elementRef.current.previousElementSibling;
+        if (prev && prev.classList.contains('p-frozen-column')) {
+          left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
       }
@@ -32974,20 +32955,6 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
             multiSortMeta: restoredState.multiSortMeta
           }));
         } else {
-          var lastMeta = restoredState.multiSortMeta[restoredState.multiSortMeta.length - 1];
-          var field = lastMeta && lastMeta.field ? lastMeta.field : null;
-          if (field) {
-            var sortColumn = findColumnByKey(getColumns(), field);
-            if (sortColumn) {
-              var sortFunction = getColumnProp(sortColumn, 'sortFunction');
-              var sortable = getColumnProp(sortColumn, 'sortable');
-              if (sortFunction && sortable) {
-                columnSortFunction.current = sortFunction;
-                columnSortable.current = sortable;
-                columnField.current = field;
-              }
-            }
-          }
           setMultiSortMetaState(restoredState.multiSortMeta);
         }
       }
@@ -34103,9 +34070,6 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       },
       getVirtualScroller: function getVirtualScroller() {
         return virtualScrollerRef.current;
-      },
-      getProcessedData: function getProcessedData() {
-        return processedData();
       }
     };
   });
@@ -35282,7 +35246,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
           lastPageX.current = event.pageX;
           dialogRef.current.style.left = leftPos - leftMargin + 'px';
         }
-        if (topPos >= props.minY && (deltaY < 0 || topPos + height < viewport.height)) {
+        if (topPos >= props.minY && topPos + height < viewport.height) {
           lastPageY.current = event.pageY;
           dialogRef.current.style.top = topPos - topMargin + 'px';
         }
@@ -35336,10 +35300,10 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         newWidth = newWidth + deltaX;
         newHeight = newHeight + deltaY;
       }
-      if ((!minWidth || newWidth > minWidth) && (deltaX < 0 || offset.left + newWidth < viewport.width)) {
+      if ((!minWidth || newWidth > minWidth) && offset.left + newWidth < viewport.width) {
         dialogRef.current.style.width = newWidth + 'px';
       }
-      if ((!minHeight || newHeight > minHeight) && (deltaY < 0 || offset.top + newHeight < viewport.height)) {
+      if ((!minHeight || newHeight > minHeight) && offset.top + newHeight < viewport.height) {
         dialogRef.current.style.height = newHeight + 'px';
       }
       lastPageX.current = event.pageX;
@@ -37562,7 +37526,6 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
           element: content,
           filterOptions: filterOptions,
           onFilter: onFilter,
-          filterInputKeyDown: props.onFilterKeyDown,
           filterIconClassName: props.filterIconClassName,
           props: props
         };
@@ -37938,8 +37901,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
         allowOptionSelect: allowOptionSelect
       })),
       style: props.panelStyle,
-      onClick: props.onClick,
-      'data-pr-is-overlay': true
+      onClick: props.onClick
     }, getPTOptions('panel'));
     if (props.inline) {
       return /*#__PURE__*/React.createElement("div", _extends({
@@ -39215,10 +39177,11 @@ var Badge = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPr
 }));
 Badge.displayName = 'Badge';
 
-var css_248z = ".multiselect-container {\n    position: relative;\n    display: inline-block;\n}\n\n.selected-options-tooltip {\n    position: absolute;\n    background-color: #ffffff;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    padding: 8px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    z-index: 1000;\n    width: 400px;\n    top: 100%;\n    left: 0;\n}\n\n.selected-options-tooltip div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n";
-styleInject(css_248z);
+var css_248z$1 = ".multiselect-container {\n    position: relative;\n    display: inline-block;\n}\n\n.selected-options-tooltip {\n    position: absolute;\n    background-color: #ffffff;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    padding: 8px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    z-index: 1000;\n    width: 400px;\n    top: 100%;\n    left: 0;\n}\n\n.selected-options-tooltip div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n";
+styleInject(css_248z$1);
 
 var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
+  var _BADGE_SIZES$badgeSiz;
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
     options = _ref.options,
@@ -39259,7 +39222,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     _ref$classInput = _ref.classInput,
     classInput = _ref$classInput === void 0 ? null : _ref$classInput,
     _ref$displayNbOption = _ref.displayNbOption,
-    displayNbOption = _ref$displayNbOption === void 0 ? false : _ref$displayNbOption;
+    displayNbOption = _ref$displayNbOption === void 0 ? false : _ref$displayNbOption,
+    badgeSize = _ref.badgeSize;
   var _useState = useState(null),
     _useState2 = _slicedToArray$9(_useState, 2),
     selectedOptions = _useState2[0],
@@ -39297,7 +39261,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
         _args = arguments,
         _t;
       return _regenerator().w(function (_context) {
-        while (1) switch (_context.p = _context.n) {
+        while (1) switch (_context.n) {
           case 0:
             search = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
             _ref3 = _args.length > 2 ? _args[2] : undefined, _ref3$page = _ref3.page, page = _ref3$page === void 0 ? 1 : _ref3$page;
@@ -39631,7 +39595,30 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       }, _callee3);
     })), 500);
   };
-  selectedOptions ? selectedOptions.length : 0;
+  var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
+  var BADGE_SIZES = {
+    small: {
+      fontSize: '10px',
+      size: '18px'
+    },
+    medium: {
+      fontSize: '12px',
+      size: '22px'
+    },
+    large: {
+      fontSize: '14px',
+      size: '26px'
+    },
+    xlarge: {
+      fontSize: '16px',
+      size: '32px'
+    },
+    xxlarge: {
+      fontSize: '18px',
+      size: '38px'
+    }
+  };
+  var badgeStyle = (_BADGE_SIZES$badgeSiz = BADGE_SIZES[badgeSize]) !== null && _BADGE_SIZES$badgeSiz !== void 0 ? _BADGE_SIZES$badgeSiz : BADGE_SIZES.medium;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1",
     style: {
@@ -39681,13 +39668,21 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       loading: loading,
       delay: 25
     }
-  }), displayNbOption && selectedOptions && /*#__PURE__*/React__default.createElement(Badge, {
-    value: selectedOptions.length,
-    severity: "warning",
+  }), displayNbOption && selectedOptionsCount > 1 && /*#__PURE__*/React__default.createElement(Badge, {
+    value: selectedOptionsCount,
+    className: "custom-badge",
     style: {
-      position: 'absolute',
-      top: '-10px',
-      right: '-10px'
+      position: "absolute",
+      top: "-8px",
+      right: "-8px",
+      backgroundColor: "red",
+      fontSize: badgeStyle.fontSize,
+      height: badgeStyle.size,
+      minWidth: badgeStyle.size,
+      lineHeight: badgeStyle.size,
+      borderRadius: "50%",
+      textAlign: "center",
+      padding: 0
     }
   }), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(selectedOptions) ? selectedOptions : []).filter(function (opt) {
     return opt && (_typeof$c(opt) === 'object' || typeof opt === 'number' || typeof opt === 'string');
@@ -39712,7 +39707,11 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   }, errorMessage || 'Sélection invalide'))));
 };
 
+var css_248z = ".badge-base {\n    position: absolute;\n    top: -8px;\n    right: -8px;\n    background: red !important;\n    border-radius: 50% !important;\n    text-align: center;\n    padding: 0 !important;\n}\n\n/* Small */\n.badge-small {\n    font-size: 10px !important;\n    width: 18px !important;\n    height: 18px !important;\n    line-height: 18px !important;\n}\n\n/* Medium */\n.badge-medium {\n    font-size: 12px !important;\n    width: 22px !important;\n    height: 22px !important;\n    line-height: 22px !important;\n}\n\n/* Large */\n.badge-large {\n    font-size: 14px !important;\n    width: 26px !important;\n    height: 26px !important;\n    line-height: 26px !important;\n}\n\n/* XLarge */\n.badge-xlarge {\n    font-size: 16px !important;\n    width: 32px !important;\n    height: 32px !important;\n    line-height: 32px !important;\n}\n\n/* XXLarge */\n.badge-xxlarge {\n    font-size: 18px !important;\n    width: 38px !important;\n    height: 38px !important;\n    line-height: 38px !important;\n}\n";
+styleInject(css_248z);
+
 var MultiSelect = function MultiSelect(props) {
+  var _BADGE_SIZES$badgeSiz;
   var _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     _props$isGroupedOptio = props.isGroupedOption,
@@ -39768,7 +39767,8 @@ var MultiSelect = function MultiSelect(props) {
     _props$isSelectMeta = props.isSelectMeta,
     isSelectMeta = _props$isSelectMeta === void 0 ? false : _props$isSelectMeta,
     _props$ongletID = props.ongletID,
-    ongletID = _props$ongletID === void 0 ? null : _props$ongletID;
+    ongletID = _props$ongletID === void 0 ? null : _props$ongletID,
+    badgeSize = props.badgeSize;
   var isAsyncOptions = typeof options === 'function';
   if (isAsyncOptions) {
     return /*#__PURE__*/React__default.createElement(MultiSelectMetaAsync, props);
@@ -39848,6 +39848,13 @@ var MultiSelect = function MultiSelect(props) {
     setSelectedOptions(e.value);
     if (onChange) onChange(e.value);
   };
+
+  // const handleChange = (e) => {
+  //     const ids = Array.isArray(e.value) ? e.value : [e.value];
+  //     setSelectedOptions(ids);
+  //     if (onChange) onChange(ids);
+  // };
+
   var selectedItemTemplate = function selectedItemTemplate(option) {
     if (isSelectMeta) {
       var selectedOption = options.find(function (opt) {
@@ -39970,6 +39977,29 @@ var MultiSelect = function MultiSelect(props) {
       return opt;
     }).join('\n');
   };
+  var BADGE_SIZES = {
+    small: {
+      fontSize: '10px',
+      size: '18px'
+    },
+    medium: {
+      fontSize: '12px',
+      size: '22px'
+    },
+    large: {
+      fontSize: '14px',
+      size: '26px'
+    },
+    xlarge: {
+      fontSize: '16px',
+      size: '32px'
+    },
+    xxlarge: {
+      fontSize: '18px',
+      size: '38px'
+    }
+  };
+  var badgeStyle = (_BADGE_SIZES$badgeSiz = BADGE_SIZES[badgeSize]) !== null && _BADGE_SIZES$badgeSiz !== void 0 ? _BADGE_SIZES$badgeSiz : BADGE_SIZES.medium;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1",
     style: {
@@ -40021,11 +40051,19 @@ var MultiSelect = function MultiSelect(props) {
     optionGroupChildren: 'items'
   })), displayNbOption && selectedOptions.length > 0 && /*#__PURE__*/React__default.createElement(Badge, {
     value: selectedOptions.length,
-    severity: "warning",
+    className: "custom-badge",
     style: {
-      position: 'absolute',
-      top: '-10px',
-      right: '-10px'
+      position: "absolute",
+      top: "-8px",
+      right: "-8px",
+      backgroundColor: "red",
+      fontSize: badgeStyle.fontSize,
+      height: badgeStyle.size,
+      minWidth: badgeStyle.size,
+      lineHeight: badgeStyle.size,
+      borderRadius: "50%",
+      textAlign: "center",
+      padding: 0
     }
   })), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(selectedOptions) ? selectedOptions : []).filter(function (opt) {
     return opt && (_typeof$c(opt) === 'object' || typeof opt === 'number' || typeof opt === 'string');
@@ -40201,7 +40239,8 @@ var MultiSelectPresets = {
   NbOption: {
     placeholder: 'Nombre d\'options sélectionnées',
     options: optionsExample,
-    displayNbOption: true
+    displayNbOption: true,
+    badgeSize: 'large'
   },
   SelectMetaSync: {
     isSelectMeta: true,
@@ -40279,7 +40318,7 @@ var MultiSelectPresets = {
                 return opt.nom.toLowerCase().includes(search.toLowerCase());
               });
               length = 25;
-              start = (page - 1) * length; // Simule la réponse de votre API Symfony
+              start = (page - 1) * length;
               paginatedOptions = filtered.slice(start, start + length);
               return _context2.a(2, {
                 options: paginatedOptions,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.4.658",
+  "version": "2.4.661",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {