@coreui/react-pro 4.9.0-next.0 → 4.9.0

package/dist/index.js

@@ -1330,10 +1330,9 @@ var classNames$1 = classnamesExports;
 
 var CAccordionContext = React$1.createContext({});
 var CAccordion = React$1.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.activeItemKey, activeItemKey = _b === void 0 ? undefined : _b, _c = _a.alwaysOpen, alwaysOpen = _c === void 0 ? false : _c, className = _a.className, flush = _a.flush, rest = __rest$1(_a, ["children", "activeItemKey", "alwaysOpen", "className", "flush"]);
-    var _d = React$1.useState(activeItemKey), _activeItemKey = _d[0], setActiveKey = _d[1];
-    var _className = classNames$1('accordion', { 'accordion-flush': flush }, className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    var children = _a.children, activeItemKey = _a.activeItemKey, _b = _a.alwaysOpen, alwaysOpen = _b === void 0 ? false : _b, className = _a.className, flush = _a.flush, rest = __rest$1(_a, ["children", "activeItemKey", "alwaysOpen", "className", "flush"]);
+    var _c = React$1.useState(activeItemKey), _activeItemKey = _c[0], setActiveKey = _c[1];
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('accordion', { 'accordion-flush': flush }, className) }, rest, { ref: ref }),
         React$1.createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
 });
 CAccordion.propTypes = {
@@ -1348,7 +1347,7 @@ CAccordion.displayName = 'CAccordion';
 var CAccordionItemContext = React$1.createContext({});
 var CAccordionItem = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, itemKey = _a.itemKey, rest = __rest$1(_a, ["children", "className", "itemKey"]);
-    var _itemKey = React$1.useRef(itemKey ? itemKey : Math.random().toString(36).substr(2, 9));
+    var _itemKey = React$1.useRef(itemKey !== null && itemKey !== void 0 ? itemKey : Math.random().toString(36).slice(2, 11));
     var _b = React$1.useContext(CAccordionContext), _activeItemKey = _b._activeItemKey, alwaysOpen = _b.alwaysOpen, setActiveKey = _b.setActiveKey;
     var _c = React$1.useState(Boolean(_activeItemKey === _itemKey.current)), visible = _c[0], setVisible = _c[1];
     React$1.useEffect(function () {
@@ -1357,8 +1356,7 @@ var CAccordionItem = React$1.forwardRef(function (_a, ref) {
     React$1.useEffect(function () {
         setVisible(Boolean(_activeItemKey === _itemKey.current));
     }, [_activeItemKey]);
-    var _className = classNames$1('accordion-item', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('accordion-item', className) }, rest, { ref: ref }),
         React$1.createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
 });
 CAccordionItem.propTypes = {
@@ -2553,19 +2551,10 @@ var useStateWithCallback = function (initialState, handler, runHandler) {
 
 var CCollapse = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, horizontal = _a.horizontal, onHide = _a.onHide, onShow = _a.onShow, visible = _a.visible, rest = __rest$1(_a, ["children", "className", "horizontal", "onHide", "onShow", "visible"]);
-    var _b = React$1.useState(), height = _b[0], setHeight = _b[1];
-    var _c = React$1.useState(), width = _c[0], setWidth = _c[1];
     var collapseRef = React$1.useRef(null);
     var forkedRef = useForkedRef(ref, collapseRef);
-    var getTransitionClass = function (state) {
-        return state === 'entering'
-            ? 'collapsing'
-            : state === 'entered'
-                ? 'collapse show'
-                : state === 'exiting'
-                    ? 'collapsing'
-                    : 'collapse';
-    };
+    var _b = React$1.useState(), height = _b[0], setHeight = _b[1];
+    var _c = React$1.useState(), width = _c[0], setWidth = _c[1];
     var onEntering = function () {
         onShow && onShow();
         if (horizontal) {
@@ -2603,14 +2592,15 @@ var CCollapse = React$1.forwardRef(function (_a, ref) {
         }
         setHeight(0);
     };
-    var _className = classNames$1({
-        'collapse-horizontal': horizontal,
-    }, className);
     return (React$1.createElement(CSSTransition$1, { in: visible, nodeRef: collapseRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 350 }, function (state) {
-        var transitionClass = getTransitionClass(state);
         var currentHeight = height === 0 ? null : { height: height };
         var currentWidth = width === 0 ? null : { width: width };
-        return (React$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), style: __assign$1(__assign$1({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
+        return (React$1.createElement("div", __assign$1({ className: classNames$1(className, {
+                'collapse-horizontal': horizontal,
+                collapsing: state === 'entering' || state === 'exiting',
+                'collapse show': state === 'entered',
+                collapse: state === 'exited',
+            }), style: __assign$1(__assign$1({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
     }));
 });
 CCollapse.propTypes = {
@@ -2626,9 +2616,8 @@ CCollapse.displayName = 'CCollapse';
 var CAccordionBody = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var visible = React$1.useContext(CAccordionItemContext).visible;
-    var _className = classNames$1('accordion-body', className);
     return (React$1.createElement(CCollapse, { className: "accordion-collapse", visible: visible },
-        React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children)));
+        React$1.createElement("div", __assign$1({ className: classNames$1('accordion-body', className) }, rest, { ref: ref }), children)));
 });
 CAccordionBody.propTypes = {
     children: propTypesExports.node,
@@ -2639,8 +2628,7 @@ CAccordionBody.displayName = 'CAccordionBody';
 var CAccordionButton = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _b = React$1.useContext(CAccordionItemContext), visible = _b.visible, setVisible = _b.setVisible;
-    var _className = classNames$1('accordion-button', { collapsed: !visible }, className);
-    return (React$1.createElement("button", __assign$1({ type: "button", className: _className, "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
+    return (React$1.createElement("button", __assign$1({ type: "button", className: classNames$1('accordion-button', { collapsed: !visible }, className), "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
 });
 CAccordionButton.propTypes = {
     children: propTypesExports.node,
@@ -2659,8 +2647,7 @@ CAccordionCollapse.displayName = 'CAccordionCollapse';
 
 var CAccordionHeader = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('accordion-header', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('accordion-header', className) }, rest, { ref: ref }),
         React$1.createElement(CAccordionButton, null, children)));
 });
 CAccordionHeader.propTypes = {
@@ -2669,6 +2656,19 @@ CAccordionHeader.propTypes = {
 };
 CAccordionHeader.displayName = 'CAccordionHeader';
 
+var CCloseButton = React$1.forwardRef(function (_a, ref) {
+    var className = _a.className, disabled = _a.disabled, white = _a.white, rest = __rest$1(_a, ["className", "disabled", "white"]);
+    return (React$1.createElement("button", __assign$1({ type: "button", className: classNames$1('btn', 'btn-close', {
+            'btn-close-white': white,
+        }, disabled, className), "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
+});
+CCloseButton.propTypes = {
+    className: propTypesExports.string,
+    disabled: propTypesExports.bool,
+    white: propTypesExports.bool,
+};
+CCloseButton.displayName = 'CCloseButton';
+
 var colorPropType = propTypesExports.oneOfType([
     propTypesExports.oneOf([
         'primary',
@@ -2732,20 +2732,6 @@ var textColorsPropType = propTypesExports.oneOfType([
 ]);
 var triggerPropType = propTypesExports.oneOf(['hover', 'focus', 'click']);
 
-var CCloseButton = React$1.forwardRef(function (_a, ref) {
-    var className = _a.className, disabled = _a.disabled, white = _a.white, rest = __rest$1(_a, ["className", "disabled", "white"]);
-    var _className = classNames$1('btn', 'btn-close', {
-        'btn-close-white': white,
-    }, disabled, className);
-    return (React$1.createElement("button", __assign$1({ type: "button", className: _className, "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
-});
-CCloseButton.propTypes = {
-    className: propTypesExports.string,
-    disabled: propTypesExports.bool,
-    white: propTypesExports.bool,
-};
-CCloseButton.displayName = 'CCloseButton';
-
 var CAlert = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.color, color = _b === void 0 ? 'primary' : _b, dismissible = _a.dismissible, variant = _a.variant, _c = _a.visible, visible = _c === void 0 ? true : _c, onClose = _a.onClose, rest = __rest$1(_a, ["children", "className", "color", "dismissible", "variant", "visible", "onClose"]);
     var alertRef = React$1.useRef(null);
@@ -2754,18 +2740,12 @@ var CAlert = React$1.forwardRef(function (_a, ref) {
     React$1.useEffect(function () {
         setVisible(visible);
     }, [visible]);
-    var _className = classNames$1('alert', variant === 'solid' ? "bg-".concat(color, " text-white") : "alert-".concat(color), {
-        'alert-dismissible fade': dismissible,
-    }, className);
-    var getTransitionClass = function (state) {
-        return state === 'entered' && 'show';
-    };
-    return (React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: alertRef, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) {
-        var transitionClass = getTransitionClass(state);
-        return (React$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), role: "alert" }, rest, { ref: forkedRef }),
-            children,
-            dismissible && React$1.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
-    }));
+    return (React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: alertRef, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) { return (React$1.createElement("div", __assign$1({ className: classNames$1('alert', variant === 'solid' ? "bg-".concat(color, " text-white") : "alert-".concat(color), {
+            'alert-dismissible fade': dismissible,
+            show: state === 'entered',
+        }, className), role: "alert" }, rest, { ref: forkedRef }),
+        children,
+        dismissible && React$1.createElement(CCloseButton, { onClick: function () { return setVisible(false); } }))); }));
 });
 CAlert.propTypes = {
     children: propTypesExports.node,
@@ -2780,8 +2760,7 @@ CAlert.displayName = 'CAlert';
 
 var CAlertHeading = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'h4' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('alert-heading', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('alert-heading', className) }, rest, { ref: ref }), children));
 });
 CAlertHeading.propTypes = {
     children: propTypesExports.node,
@@ -2792,9 +2771,11 @@ CAlertHeading.displayName = 'CAlertHeading';
 
 var CLink = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, active = _a.active, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'a' : _b, disabled = _a.disabled, rest = __rest$1(_a, ["children", "active", "className", "component", "disabled"]);
+    return (React$1.createElement(Component
     // TODO: remove duplicated classes ex. `active active` in `<CListGroupItem>`
-    var _className = classNames$1(className, { active: active, disabled: disabled });
-    return (React$1.createElement(Component, __assign$1({ className: _className }, (active && { 'aria-current': 'page' }), (Component === 'a' && disabled && { 'aria-disabled': true, tabIndex: -1 }), ((Component === 'a' || Component === 'button') && {
+    , __assign$1({ 
+        // TODO: remove duplicated classes ex. `active active` in `<CListGroupItem>`
+        className: classNames$1(className, { active: active, disabled: disabled }) }, (active && { 'aria-current': 'page' }), (Component === 'a' && disabled && { 'aria-disabled': true, tabIndex: -1 }), ((Component === 'a' || Component === 'button') && {
         onClick: function (event) {
             event.preventDefault;
             !disabled && rest.onClick && rest.onClick(event);
@@ -2812,8 +2793,7 @@ CLink.displayName = 'CLink';
 
 var CAlertLink = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('alert-link', className);
-    return (React$1.createElement(CLink, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(CLink, __assign$1({ className: classNames$1('alert-link', className) }, rest, { ref: ref }), children));
 });
 CAlertLink.propTypes = {
     children: propTypesExports.node,
@@ -2824,13 +2804,12 @@ CAlertLink.displayName = 'CAlertLink';
 var CAvatar = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, shape = _a.shape, size = _a.size, src = _a.src, status = _a.status, textColor = _a.textColor, rest = __rest$1(_a, ["children", "className", "color", "shape", "size", "src", "status", "textColor"]);
-    var _className = classNames$1('avatar', (_b = {},
-        _b["bg-".concat(color)] = color,
-        _b["avatar-".concat(size)] = size,
-        _b["text-".concat(textColor)] = textColor,
-        _b), shape, className);
     var statusClassName = status && classNames$1('avatar-status', "bg-".concat(status));
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('avatar', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b["avatar-".concat(size)] = size,
+            _b["text-".concat(textColor)] = textColor,
+            _b), shape, className) }, rest, { ref: ref }),
         src ? React$1.createElement("img", { src: src, className: "avatar-img" }) : children,
         status && React$1.createElement("span", { className: statusClassName })));
 });
@@ -2850,14 +2829,9 @@ var CBackdrop = React$1.forwardRef(function (_a, ref) {
     var _b = _a.className, className = _b === void 0 ? 'modal-backdrop' : _b, visible = _a.visible, rest = __rest$1(_a, ["className", "visible"]);
     var backdropRef = React$1.useRef(null);
     var forkedRef = useForkedRef(ref, backdropRef);
-    var _className = classNames$1(className, 'fade');
-    var getTransitionClass = function (state) {
-        return state === 'entered' && 'show';
-    };
-    return (React$1.createElement(Transition$1, { in: visible, mountOnEnter: true, nodeRef: backdropRef, timeout: 150, unmountOnExit: true }, function (state) {
-        var transitionClass = getTransitionClass(state);
-        return (React$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: forkedRef })));
-    }));
+    return (React$1.createElement(Transition$1, { in: visible, mountOnEnter: true, nodeRef: backdropRef, timeout: 150, unmountOnExit: true }, function (state) { return (React$1.createElement("div", __assign$1({ className: classNames$1(className, 'fade', {
+            show: state === 'entered',
+        }) }, rest, { ref: forkedRef }))); }));
 });
 CBackdrop.propTypes = {
     className: propTypesExports.string,
@@ -2868,17 +2842,16 @@ CBackdrop.displayName = 'CBackdrop';
 var CBadge = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, _c = _a.component, Component = _c === void 0 ? 'span' : _c, position = _a.position, shape = _a.shape, size = _a.size, textColor = _a.textColor, rest = __rest$1(_a, ["children", "className", "color", "component", "position", "shape", "size", "textColor"]);
-    var _className = classNames$1('badge', (_b = {},
-        _b["bg-".concat(color)] = color,
-        _b['position-absolute translate-middle'] = position,
-        _b['top-0'] = position === null || position === void 0 ? void 0 : position.includes('top'),
-        _b['top-100'] = position === null || position === void 0 ? void 0 : position.includes('bottom'),
-        _b['start-100'] = position === null || position === void 0 ? void 0 : position.includes('end'),
-        _b['start-0'] = position === null || position === void 0 ? void 0 : position.includes('start'),
-        _b["badge-".concat(size)] = size,
-        _b["text-".concat(textColor)] = textColor,
-        _b), shape, className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('badge', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b['position-absolute translate-middle'] = position,
+            _b['top-0'] = position === null || position === void 0 ? void 0 : position.includes('top'),
+            _b['top-100'] = position === null || position === void 0 ? void 0 : position.includes('bottom'),
+            _b['start-100'] = position === null || position === void 0 ? void 0 : position.includes('end'),
+            _b['start-0'] = position === null || position === void 0 ? void 0 : position.includes('start'),
+            _b["badge-".concat(size)] = size,
+            _b["text-".concat(textColor)] = textColor,
+            _b), shape, className) }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
     children: propTypesExports.node,
@@ -2894,9 +2867,8 @@ CBadge.displayName = 'CBadge';
 
 var CBreadcrumb = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('breadcrumb', className);
     return (React$1.createElement("nav", { "aria-label": "breadcrumb" },
-        React$1.createElement("ol", __assign$1({ className: _className }, rest, { ref: ref }), children)));
+        React$1.createElement("ol", __assign$1({ className: classNames$1('breadcrumb', className) }, rest, { ref: ref }), children)));
 });
 CBreadcrumb.propTypes = {
     children: propTypesExports.node,
@@ -2906,10 +2878,9 @@ CBreadcrumb.displayName = 'CBreadcrumb';
 
 var CBreadcrumbItem = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, active = _a.active, className = _a.className, href = _a.href, rest = __rest$1(_a, ["children", "active", "className", "href"]);
-    var _className = classNames$1('breadcrumb-item', {
-        active: active,
-    }, className);
-    return (React$1.createElement("li", __assign$1({ className: _className }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React$1.createElement(CLink, { href: href }, children) : children));
+    return (React$1.createElement("li", __assign$1({ className: classNames$1('breadcrumb-item', {
+            active: active,
+        }, className) }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React$1.createElement(CLink, { href: href }, children) : children));
 });
 CBreadcrumbItem.propTypes = {
     active: propTypesExports.bool,
@@ -2922,8 +2893,7 @@ CBreadcrumbItem.displayName = 'CBreadcrumbItem';
 var CButton = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, _d = _a.component, component = _d === void 0 ? 'button' : _d, shape = _a.shape, size = _a.size, _e = _a.type, type = _e === void 0 ? 'button' : _e, variant = _a.variant, rest = __rest$1(_a, ["children", "className", "color", "component", "shape", "size", "type", "variant"]);
-    var _className = classNames$1('btn', variant ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(color), (_b = {}, _b["btn-".concat(size)] = size, _b), shape, className);
-    return (React$1.createElement(CLink, __assign$1({ component: rest.href ? 'a' : component, type: type, className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(CLink, __assign$1({ component: rest.href ? 'a' : component, type: type, className: classNames$1('btn', variant ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(color), (_b = {}, _b["btn-".concat(size)] = size, _b), shape, className) }, rest, { ref: ref }), children));
 });
 CButton.propTypes = {
     children: propTypesExports.node,
@@ -2939,8 +2909,7 @@ CButton.displayName = 'CButton';
 
 var CButtonToolbar = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('btn-toolbar', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('btn-toolbar', className) }, rest, { ref: ref }), children));
 });
 CButtonToolbar.propTypes = {
     children: propTypesExports.node,
@@ -2951,8 +2920,7 @@ CButtonToolbar.displayName = 'CButtonToolbar';
 var CButtonGroup = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, size = _a.size, vertical = _a.vertical, rest = __rest$1(_a, ["children", "className", "size", "vertical"]);
-    var _className = classNames$1(vertical ? 'btn-group-vertical' : 'btn-group', (_b = {}, _b["btn-group-".concat(size)] = size, _b), className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1(vertical ? 'btn-group-vertical' : 'btn-group', (_b = {}, _b["btn-group-".concat(size)] = size, _b), className) }, rest, { ref: ref }), children));
 });
 CButtonGroup.propTypes = {
     children: propTypesExports.node,
@@ -2965,10 +2933,9 @@ CButtonGroup.displayName = 'CButtonGroup';
 var CCallout = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "className", "color"]);
-    var _className = classNames$1('callout', (_b = {},
-        _b["callout-".concat(color)] = color,
-        _b), className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('callout', (_b = {},
+            _b["callout-".concat(color)] = color,
+            _b), className) }, rest, { ref: ref }), children));
 });
 CCallout.propTypes = {
     children: propTypesExports.node,
@@ -2980,11 +2947,10 @@ CCallout.displayName = 'CCallout';
 var CCard = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, textColor = _a.textColor, rest = __rest$1(_a, ["children", "className", "color", "textColor"]);
-    var _className = classNames$1('card', (_b = {},
-        _b["bg-".concat(color)] = color,
-        _b["text-".concat(textColor)] = textColor,
-        _b), className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('card', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b["text-".concat(textColor)] = textColor,
+            _b), className) }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
     children: propTypesExports.node,
@@ -2996,8 +2962,7 @@ CCard.displayName = 'CCard';
 
 var CCardBody = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('card-body', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('card-body', className) }, rest, { ref: ref }), children));
 });
 CCardBody.propTypes = {
     children: propTypesExports.node,
@@ -3007,8 +2972,7 @@ CCardBody.displayName = 'CCardBody';
 
 var CCardFooter = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('card-footer', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('card-footer', className) }, rest, { ref: ref }), children));
 });
 CCardFooter.propTypes = {
     children: propTypesExports.node,
@@ -3018,8 +2982,7 @@ CCardFooter.displayName = 'CCardFooter';
 
 var CCardGroup = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('card-group', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('card-group', className) }, rest, { ref: ref }), children));
 });
 CCardGroup.propTypes = {
     children: propTypesExports.node,
@@ -3029,8 +2992,7 @@ CCardGroup.displayName = 'CCardGroup';
 
 var CCardHeader = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'div' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('card-header', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-header', className) }, rest, { ref: ref }), children));
 });
 CCardHeader.propTypes = {
     children: propTypesExports.node,
@@ -3041,8 +3003,7 @@ CCardHeader.displayName = 'CCardHeader';
 
 var CCardImage = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'img' : _b, orientation = _a.orientation, rest = __rest$1(_a, ["children", "className", "component", "orientation"]);
-    var _className = classNames$1(orientation ? "card-img-".concat(orientation) : 'card-img', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1(orientation ? "card-img-".concat(orientation) : 'card-img', className) }, rest, { ref: ref }), children));
 });
 CCardImage.propTypes = {
     children: propTypesExports.node,
@@ -3054,8 +3015,7 @@ CCardImage.displayName = 'CCardImage';
 
 var CCardImageOverlay = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('card-img-overlay', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('card-img-overlay', className) }, rest, { ref: ref }), children));
 });
 CCardImageOverlay.propTypes = {
     children: propTypesExports.node,
@@ -3065,8 +3025,7 @@ CCardImageOverlay.displayName = 'CCardImageOverlay';
 
 var CCardLink = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('card-link', className);
-    return (React$1.createElement(CLink, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(CLink, __assign$1({ className: classNames$1('card-link', className) }, rest, { ref: ref }), children));
 });
 CCardLink.propTypes = {
     children: propTypesExports.node,
@@ -3076,8 +3035,7 @@ CCardLink.displayName = 'CCardLink';
 
 var CCardSubtitle = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h6' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('card-subtitle', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-subtitle', className) }, rest, { ref: ref }), children));
 });
 CCardSubtitle.propTypes = {
     children: propTypesExports.node,
@@ -3088,8 +3046,7 @@ CCardSubtitle.displayName = 'CCardSubtitle';
 
 var CCardText = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'p' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('card-text', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-text', className) }, rest, { ref: ref }), children));
 });
 CCardText.propTypes = {
     children: propTypesExports.node,
@@ -3100,8 +3057,7 @@ CCardText.displayName = 'CCardText';
 
 var CCardTitle = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('card-title', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-title', className) }, rest, { ref: ref }), children));
 });
 CCardTitle.propTypes = {
     children: propTypesExports.node,
@@ -3110,38 +3066,6 @@ CCardTitle.propTypes = {
 };
 CCardTitle.displayName = 'CCardTitle';
 
-var getNextSibling = function (elem, selector) {
-    // Get the next sibling element
-    var sibling = elem.nextElementSibling;
-    // If there's no selector, return the first sibling
-    if (!selector)
-        return sibling;
-    // If the sibling matches our selector, use it
-    // If not, jump to the next sibling and continue the loop
-    while (sibling) {
-        if (sibling.matches(selector))
-            return sibling;
-        sibling = sibling.nextElementSibling;
-    }
-    return;
-};
-
-var getPreviousSibling = function (elem, selector) {
-    // Get the next sibling element
-    var sibling = elem.previousElementSibling;
-    // If there's no selector, return the first sibling
-    if (!selector)
-        return sibling;
-    // If the sibling matches our selector, use it
-    // If not, jump to the next sibling and continue the loop
-    while (sibling) {
-        if (sibling.matches(selector))
-            return sibling;
-        sibling = sibling.previousElementSibling;
-    }
-    return;
-};
-
 var isInViewport = function (element) {
     var rect = element.getBoundingClientRect();
     return (Math.floor(rect.top) >= 0 &&
@@ -3194,7 +3118,6 @@ var CCarousel = React$1.forwardRef(function (_a, ref) {
             window.removeEventListener('scroll', handleScroll);
         };
     });
-    var _className = classNames$1('carousel slide', transition === 'crossfade' && 'carousel-fade', dark && 'carousel-dark', className);
     var cycle = function () {
         _pause();
         if (!wrap && active === itemsNumber - 1) {
@@ -3268,7 +3191,10 @@ var CCarousel = React$1.forwardRef(function (_a, ref) {
         var touchDown = e.touches[0].clientX;
         setTouchPosition(touchDown);
     };
-    return (React$1.createElement("div", __assign$1({ className: _className, onMouseEnter: _pause, onMouseLeave: cycle }, (touch && { onTouchStart: handleTouchStart, onTouchMove: handleTouchMove }), rest, { ref: forkedRef }),
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('carousel slide', {
+            'carousel-dark': dark,
+            'carousel-fade': transition === 'crossfade',
+        }, className), onMouseEnter: _pause, onMouseLeave: cycle }, (touch && { onTouchStart: handleTouchStart, onTouchMove: handleTouchMove }), rest, { ref: forkedRef }),
         React$1.createElement(CCarouselContext.Provider, { value: {
                 setAnimating: setAnimating,
                 setCustomInterval: setCustomInterval,
@@ -3313,8 +3239,7 @@ CCarousel.displayName = 'CCarousel';
 
 var CCarouselCaption = React$1.forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
-    var _className = classNames$1('carousel-caption', className);
-    return React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }));
+    return React$1.createElement("div", __assign$1({ className: classNames$1('carousel-caption', className) }, rest, { ref: ref }));
 });
 CCarouselCaption.propTypes = {
     className: propTypesExports.string,
@@ -3389,8 +3314,7 @@ var CCarouselItem = React$1.forwardRef(function (_a, ref) {
             });
         };
     });
-    var _className = classNames$1('carousel-item', activeClassName, directionClassName, orderClassName, className);
-    return (React$1.createElement("div", __assign$1({ className: _className, ref: forkedRef }, rest), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('carousel-item', activeClassName, directionClassName, orderClassName, className), ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {
     active: propTypesExports.bool,
@@ -3401,6 +3325,16 @@ CCarouselItem.propTypes = {
 };
 CCarouselItem.displayName = 'CCarouselItem';
 
+var CConditionalPortal = function (_a) {
+    var children = _a.children, portal = _a.portal;
+    return typeof window !== 'undefined' && portal ? (ReactDOM.createPortal(children, document.body)) : (React$1.createElement(React$1.Fragment, null, children));
+};
+CConditionalPortal.propTypes = {
+    children: propTypesExports.node,
+    portal: propTypesExports.bool.isRequired,
+};
+CConditionalPortal.displayName = 'CConditionalPortal';
+
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
     return NaN;
@@ -5764,12 +5698,12 @@ var uaParser_min = {
   set exports(v){ uaParser_minExports = v; },
 };
 
-/* UAParser.js v1.0.33
+/* UAParser.js v1.0.34
    Copyright © 2012-2021 Faisal Salman <f@faisalman.com>
    MIT License */
 
 (function (module, exports) {
-	(function(window,undefined$1){var LIBVERSION="0.7.33",EMPTY="",UNKNOWN="?",FUNC_TYPE="function",UNDEF_TYPE="undefined",OBJ_TYPE="object",STR_TYPE="string",MAJOR="major",MODEL="model",NAME="name",TYPE="type",VENDOR="vendor",VERSION="version",ARCHITECTURE="architecture",CONSOLE="console",MOBILE="mobile",TABLET="tablet",SMARTTV="smarttv",WEARABLE="wearable",EMBEDDED="embedded",UA_MAX_LENGTH=350;var AMAZON="Amazon",APPLE="Apple",ASUS="ASUS",BLACKBERRY="BlackBerry",BROWSER="Browser",CHROME="Chrome",EDGE="Edge",FIREFOX="Firefox",GOOGLE="Google",HUAWEI="Huawei",LG="LG",MICROSOFT="Microsoft",MOTOROLA="Motorola",OPERA="Opera",SAMSUNG="Samsung",SHARP="Sharp",SONY="Sony",XIAOMI="Xiaomi",ZEBRA="Zebra",FACEBOOK="Facebook";var extend=function(regexes,extensions){var mergedRegexes={};for(var i in regexes){if(extensions[i]&&extensions[i].length%2===0){mergedRegexes[i]=extensions[i].concat(regexes[i]);}else {mergedRegexes[i]=regexes[i];}}return mergedRegexes},enumerize=function(arr){var enums={};for(var i=0;i<arr.length;i++){enums[arr[i].toUpperCase()]=arr[i];}return enums},has=function(str1,str2){return typeof str1===STR_TYPE?lowerize(str2).indexOf(lowerize(str1))!==-1:false},lowerize=function(str){return str.toLowerCase()},majorize=function(version){return typeof version===STR_TYPE?version.replace(/[^\d\.]/g,EMPTY).split(".")[0]:undefined$1},trim=function(str,len){if(typeof str===STR_TYPE){str=str.replace(/^\s\s*/,EMPTY);return typeof len===UNDEF_TYPE?str:str.substring(0,UA_MAX_LENGTH)}};var rgxMapper=function(ua,arrays){var i=0,j,k,p,q,matches,match;while(i<arrays.length&&!matches){var regex=arrays[i],props=arrays[i+1];j=k=0;while(j<regex.length&&!matches){matches=regex[j++].exec(ua);if(!!matches){for(p=0;p<props.length;p++){match=matches[++k];q=props[p];if(typeof q===OBJ_TYPE&&q.length>0){if(q.length===2){if(typeof q[1]==FUNC_TYPE){this[q[0]]=q[1].call(this,match);}else {this[q[0]]=q[1];}}else if(q.length===3){if(typeof q[1]===FUNC_TYPE&&!(q[1].exec&&q[1].test)){this[q[0]]=match?q[1].call(this,match,q[2]):undefined$1;}else {this[q[0]]=match?match.replace(q[1],q[2]):undefined$1;}}else if(q.length===4){this[q[0]]=match?q[3].call(this,match.replace(q[1],q[2])):undefined$1;}}else {this[q]=match?match:undefined$1;}}}}i+=2;}},strMapper=function(str,map){for(var i in map){if(typeof map[i]===OBJ_TYPE&&map[i].length>0){for(var j=0;j<map[i].length;j++){if(has(map[i][j],str)){return i===UNKNOWN?undefined$1:i}}}else if(has(map[i],str)){return i===UNKNOWN?undefined$1:i}}return str};var oldSafariMap={"1.0":"/8",1.2:"/1",1.3:"/3","2.0":"/412","2.0.2":"/416","2.0.3":"/417","2.0.4":"/419","?":"/"},windowsVersionMap={ME:"4.90","NT 3.11":"NT3.51","NT 4.0":"NT4.0",2e3:"NT 5.0",XP:["NT 5.1","NT 5.2"],Vista:"NT 6.0",7:"NT 6.1",8:"NT 6.2",8.1:"NT 6.3",10:["NT 6.4","NT 10.0"],RT:"ARM"};var regexes={browser:[[/\b(?:crmo|crios)\/([\w\.]+)/i],[VERSION,[NAME,"Chrome"]],[/edg(?:e|ios|a)?\/([\w\.]+)/i],[VERSION,[NAME,"Edge"]],[/(opera mini)\/([-\w\.]+)/i,/(opera [mobiletab]{3,6})\b.+version\/([-\w\.]+)/i,/(opera)(?:.+version\/|[\/ ]+)([\w\.]+)/i],[NAME,VERSION],[/opios[\/ ]+([\w\.]+)/i],[VERSION,[NAME,OPERA+" Mini"]],[/\bopr\/([\w\.]+)/i],[VERSION,[NAME,OPERA]],[/(kindle)\/([\w\.]+)/i,/(lunascape|maxthon|netfront|jasmine|blazer)[\/ ]?([\w\.]*)/i,/(avant |iemobile|slim)(?:browser)?[\/ ]?([\w\.]*)/i,/(ba?idubrowser)[\/ ]?([\w\.]+)/i,/(?:ms|\()(ie) ([\w\.]+)/i,/(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale|qqbrowserlite|qq|duckduckgo)\/([-\w\.]+)/i,/(weibo)__([\d\.]+)/i],[NAME,VERSION],[/(?:\buc? ?browser|(?:juc.+)ucweb)[\/ ]?([\w\.]+)/i],[VERSION,[NAME,"UC"+BROWSER]],[/microm.+\bqbcore\/([\w\.]+)/i,/\bqbcore\/([\w\.]+).+microm/i],[VERSION,[NAME,"WeChat(Win) Desktop"]],[/micromessenger\/([\w\.]+)/i],[VERSION,[NAME,"WeChat"]],[/konqueror\/([\w\.]+)/i],[VERSION,[NAME,"Konqueror"]],[/trident.+rv[: ]([\w\.]{1,9})\b.+like gecko/i],[VERSION,[NAME,"IE"]],[/yabrowser\/([\w\.]+)/i],[VERSION,[NAME,"Yandex"]],[/(avast|avg)\/([\w\.]+)/i],[[NAME,/(.+)/,"$1 Secure "+BROWSER],VERSION],[/\bfocus\/([\w\.]+)/i],[VERSION,[NAME,FIREFOX+" Focus"]],[/\bopt\/([\w\.]+)/i],[VERSION,[NAME,OPERA+" Touch"]],[/coc_coc\w+\/([\w\.]+)/i],[VERSION,[NAME,"Coc Coc"]],[/dolfin\/([\w\.]+)/i],[VERSION,[NAME,"Dolphin"]],[/coast\/([\w\.]+)/i],[VERSION,[NAME,OPERA+" Coast"]],[/miuibrowser\/([\w\.]+)/i],[VERSION,[NAME,"MIUI "+BROWSER]],[/fxios\/([-\w\.]+)/i],[VERSION,[NAME,FIREFOX]],[/\bqihu|(qi?ho?o?|360)browser/i],[[NAME,"360 "+BROWSER]],[/(oculus|samsung|sailfish|huawei)browser\/([\w\.]+)/i],[[NAME,/(.+)/,"$1 "+BROWSER],VERSION],[/(comodo_dragon)\/([\w\.]+)/i],[[NAME,/_/g," "],VERSION],[/(electron)\/([\w\.]+) safari/i,/(tesla)(?: qtcarbrowser|\/(20\d\d\.[-\w\.]+))/i,/m?(qqbrowser|baiduboxapp|2345Explorer)[\/ ]?([\w\.]+)/i],[NAME,VERSION],[/(metasr)[\/ ]?([\w\.]+)/i,/(lbbrowser)/i,/\[(linkedin)app\]/i],[NAME],[/((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w\.]+);)/i],[[NAME,FACEBOOK],VERSION],[/safari (line)\/([\w\.]+)/i,/\b(line)\/([\w\.]+)\/iab/i,/(chromium|instagram)[\/ ]([-\w\.]+)/i],[NAME,VERSION],[/\bgsa\/([\w\.]+) .*safari\//i],[VERSION,[NAME,"GSA"]],[/headlesschrome(?:\/([\w\.]+)| )/i],[VERSION,[NAME,CHROME+" Headless"]],[/ wv\).+(chrome)\/([\w\.]+)/i],[[NAME,CHROME+" WebView"],VERSION],[/droid.+ version\/([\w\.]+)\b.+(?:mobile safari|safari)/i],[VERSION,[NAME,"Android "+BROWSER]],[/(chrome|omniweb|arora|[tizenoka]{5} ?browser)\/v?([\w\.]+)/i],[NAME,VERSION],[/version\/([\w\.\,]+) .*mobile\/\w+ (safari)/i],[VERSION,[NAME,"Mobile Safari"]],[/version\/([\w(\.|\,)]+) .*(mobile ?safari|safari)/i],[VERSION,NAME],[/webkit.+?(mobile ?safari|safari)(\/[\w\.]+)/i],[NAME,[VERSION,strMapper,oldSafariMap]],[/(webkit|khtml)\/([\w\.]+)/i],[NAME,VERSION],[/(navigator|netscape\d?)\/([-\w\.]+)/i],[[NAME,"Netscape"],VERSION],[/mobile vr; rv:([\w\.]+)\).+firefox/i],[VERSION,[NAME,FIREFOX+" Reality"]],[/ekiohf.+(flow)\/([\w\.]+)/i,/(swiftfox)/i,/(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[\/ ]?([\w\.\+]+)/i,/(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\/([-\w\.]+)$/i,/(firefox)\/([\w\.]+)/i,/(mozilla)\/([\w\.]+) .+rv\:.+gecko\/\d+/i,/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[\. ]?browser)[-\/ ]?v?([\w\.]+)/i,/(links) \(([\w\.]+)/i],[NAME,VERSION],[/(cobalt)\/([\w\.]+)/i],[NAME,[VERSION,/master.|lts./,""]]],cpu:[[/(?:(amd|x(?:(?:86|64)[-_])?|wow|win)64)[;\)]/i],[[ARCHITECTURE,"amd64"]],[/(ia32(?=;))/i],[[ARCHITECTURE,lowerize]],[/((?:i[346]|x)86)[;\)]/i],[[ARCHITECTURE,"ia32"]],[/\b(aarch64|arm(v?8e?l?|_?64))\b/i],[[ARCHITECTURE,"arm64"]],[/\b(arm(?:v[67])?ht?n?[fl]p?)\b/i],[[ARCHITECTURE,"armhf"]],[/windows (ce|mobile); ppc;/i],[[ARCHITECTURE,"arm"]],[/((?:ppc|powerpc)(?:64)?)(?: mac|;|\))/i],[[ARCHITECTURE,/ower/,EMPTY,lowerize]],[/(sun4\w)[;\)]/i],[[ARCHITECTURE,"sparc"]],[/((?:avr32|ia64(?=;))|68k(?=\))|\barm(?=v(?:[1-7]|[5-7]1)l?|;|eabi)|(?=atmel )avr|(?:irix|mips|sparc)(?:64)?\b|pa-risc)/i],[[ARCHITECTURE,lowerize]]],device:[[/\b(sch-i[89]0\d|shw-m380s|sm-[ptx]\w{2,4}|gt-[pn]\d{2,4}|sgh-t8[56]9|nexus 10)/i],[MODEL,[VENDOR,SAMSUNG],[TYPE,TABLET]],[/\b((?:s[cgp]h|gt|sm)-\w+|galaxy nexus)/i,/samsung[- ]([-\w]+)/i,/sec-(sgh\w+)/i],[MODEL,[VENDOR,SAMSUNG],[TYPE,MOBILE]],[/\((ip(?:hone|od)[\w ]*);/i],[MODEL,[VENDOR,APPLE],[TYPE,MOBILE]],[/\((ipad);[-\w\),; ]+apple/i,/applecoremedia\/[\w\.]+ \((ipad)/i,/\b(ipad)\d\d?,\d\d?[;\]].+ios/i],[MODEL,[VENDOR,APPLE],[TYPE,TABLET]],[/(macintosh);/i],[MODEL,[VENDOR,APPLE]],[/\b((?:ag[rs][23]?|bah2?|sht?|btv)-a?[lw]\d{2})\b(?!.+d\/s)/i],[MODEL,[VENDOR,HUAWEI],[TYPE,TABLET]],[/(?:huawei|honor)([-\w ]+)[;\)]/i,/\b(nexus 6p|\w{2,4}e?-[atu]?[ln][\dx][012359c][adn]?)\b(?!.+d\/s)/i],[MODEL,[VENDOR,HUAWEI],[TYPE,MOBILE]],[/\b(poco[\w ]+)(?: bui|\))/i,/\b; (\w+) build\/hm\1/i,/\b(hm[-_ ]?note?[_ ]?(?:\d\w)?) bui/i,/\b(redmi[\-_ ]?(?:note|k)?[\w_ ]+)(?: bui|\))/i,/\b(mi[-_ ]?(?:a\d|one|one[_ ]plus|note lte|max|cc)?[_ ]?(?:\d?\w?)[_ ]?(?:plus|se|lite)?)(?: bui|\))/i],[[MODEL,/_/g," "],[VENDOR,XIAOMI],[TYPE,MOBILE]],[/\b(mi[-_ ]?(?:pad)(?:[\w_ ]+))(?: bui|\))/i],[[MODEL,/_/g," "],[VENDOR,XIAOMI],[TYPE,TABLET]],[/; (\w+) bui.+ oppo/i,/\b(cph[12]\d{3}|p(?:af|c[al]|d\w|e[ar])[mt]\d0|x9007|a101op)\b/i],[MODEL,[VENDOR,"OPPO"],[TYPE,MOBILE]],[/vivo (\w+)(?: bui|\))/i,/\b(v[12]\d{3}\w?[at])(?: bui|;)/i],[MODEL,[VENDOR,"Vivo"],[TYPE,MOBILE]],[/\b(rmx[12]\d{3})(?: bui|;|\))/i],[MODEL,[VENDOR,"Realme"],[TYPE,MOBILE]],[/\b(milestone|droid(?:[2-4x]| (?:bionic|x2|pro|razr))?:?( 4g)?)\b[\w ]+build\//i,/\bmot(?:orola)?[- ](\w*)/i,/((?:moto[\w\(\) ]+|xt\d{3,4}|nexus 6)(?= bui|\)))/i],[MODEL,[VENDOR,MOTOROLA],[TYPE,MOBILE]],[/\b(mz60\d|xoom[2 ]{0,2}) build\//i],[MODEL,[VENDOR,MOTOROLA],[TYPE,TABLET]],[/((?=lg)?[vl]k\-?\d{3}) bui| 3\.[-\w; ]{10}lg?-([06cv9]{3,4})/i],[MODEL,[VENDOR,LG],[TYPE,TABLET]],[/(lm(?:-?f100[nv]?|-[\w\.]+)(?= bui|\))|nexus [45])/i,/\blg[-e;\/ ]+((?!browser|netcast|android tv)\w+)/i,/\blg-?([\d\w]+) bui/i],[MODEL,[VENDOR,LG],[TYPE,MOBILE]],[/(ideatab[-\w ]+)/i,/lenovo ?(s[56]000[-\w]+|tab(?:[\w ]+)|yt[-\d\w]{6}|tb[-\d\w]{6})/i],[MODEL,[VENDOR,"Lenovo"],[TYPE,TABLET]],[/(?:maemo|nokia).*(n900|lumia \d+)/i,/nokia[-_ ]?([-\w\.]*)/i],[[MODEL,/_/g," "],[VENDOR,"Nokia"],[TYPE,MOBILE]],[/(pixel c)\b/i],[MODEL,[VENDOR,GOOGLE],[TYPE,TABLET]],[/droid.+; (pixel[\daxl ]{0,6})(?: bui|\))/i],[MODEL,[VENDOR,GOOGLE],[TYPE,MOBILE]],[/droid.+ (a?\d[0-2]{2}so|[c-g]\d{4}|so[-gl]\w+|xq-a\w[4-7][12])(?= bui|\).+chrome\/(?![1-6]{0,1}\d\.))/i],[MODEL,[VENDOR,SONY],[TYPE,MOBILE]],[/sony tablet [ps]/i,/\b(?:sony)?sgp\w+(?: bui|\))/i],[[MODEL,"Xperia Tablet"],[VENDOR,SONY],[TYPE,TABLET]],[/ (kb2005|in20[12]5|be20[12][59])\b/i,/(?:one)?(?:plus)? (a\d0\d\d)(?: b|\))/i],[MODEL,[VENDOR,"OnePlus"],[TYPE,MOBILE]],[/(alexa)webm/i,/(kf[a-z]{2}wi)( bui|\))/i,/(kf[a-z]+)( bui|\)).+silk\//i],[MODEL,[VENDOR,AMAZON],[TYPE,TABLET]],[/((?:sd|kf)[0349hijorstuw]+)( bui|\)).+silk\//i],[[MODEL,/(.+)/g,"Fire Phone $1"],[VENDOR,AMAZON],[TYPE,MOBILE]],[/(playbook);[-\w\),; ]+(rim)/i],[MODEL,VENDOR,[TYPE,TABLET]],[/\b((?:bb[a-f]|st[hv])100-\d)/i,/\(bb10; (\w+)/i],[MODEL,[VENDOR,BLACKBERRY],[TYPE,MOBILE]],[/(?:\b|asus_)(transfo[prime ]{4,10} \w+|eeepc|slider \w+|nexus 7|padfone|p00[cj])/i],[MODEL,[VENDOR,ASUS],[TYPE,TABLET]],[/ (z[bes]6[027][012][km][ls]|zenfone \d\w?)\b/i],[MODEL,[VENDOR,ASUS],[TYPE,MOBILE]],[/(nexus 9)/i],[MODEL,[VENDOR,"HTC"],[TYPE,TABLET]],[/(htc)[-;_ ]{1,2}([\w ]+(?=\)| bui)|\w+)/i,/(zte)[- ]([\w ]+?)(?: bui|\/|\))/i,/(alcatel|geeksphone|nexian|panasonic|sony(?!-bra))[-_ ]?([-\w]*)/i],[VENDOR,[MODEL,/_/g," "],[TYPE,MOBILE]],[/droid.+; ([ab][1-7]-?[0178a]\d\d?)/i],[MODEL,[VENDOR,"Acer"],[TYPE,TABLET]],[/droid.+; (m[1-5] note) bui/i,/\bmz-([-\w]{2,})/i],[MODEL,[VENDOR,"Meizu"],[TYPE,MOBILE]],[/\b(sh-?[altvz]?\d\d[a-ekm]?)/i],[MODEL,[VENDOR,SHARP],[TYPE,MOBILE]],[/(blackberry|benq|palm(?=\-)|sonyericsson|acer|asus|dell|meizu|motorola|polytron)[-_ ]?([-\w]*)/i,/(hp) ([\w ]+\w)/i,/(asus)-?(\w+)/i,/(microsoft); (lumia[\w ]+)/i,/(lenovo)[-_ ]?([-\w]+)/i,/(jolla)/i,/(oppo) ?([\w ]+) bui/i],[VENDOR,MODEL,[TYPE,MOBILE]],[/(archos) (gamepad2?)/i,/(hp).+(touchpad(?!.+tablet)|tablet)/i,/(kindle)\/([\w\.]+)/i,/(nook)[\w ]+build\/(\w+)/i,/(dell) (strea[kpr\d ]*[\dko])/i,/(le[- ]+pan)[- ]+(\w{1,9}) bui/i,/(trinity)[- ]*(t\d{3}) bui/i,/(gigaset)[- ]+(q\w{1,9}) bui/i,/(vodafone) ([\w ]+)(?:\)| bui)/i],[VENDOR,MODEL,[TYPE,TABLET]],[/(surface duo)/i],[MODEL,[VENDOR,MICROSOFT],[TYPE,TABLET]],[/droid [\d\.]+; (fp\du?)(?: b|\))/i],[MODEL,[VENDOR,"Fairphone"],[TYPE,MOBILE]],[/(u304aa)/i],[MODEL,[VENDOR,"AT&T"],[TYPE,MOBILE]],[/\bsie-(\w*)/i],[MODEL,[VENDOR,"Siemens"],[TYPE,MOBILE]],[/\b(rct\w+) b/i],[MODEL,[VENDOR,"RCA"],[TYPE,TABLET]],[/\b(venue[\d ]{2,7}) b/i],[MODEL,[VENDOR,"Dell"],[TYPE,TABLET]],[/\b(q(?:mv|ta)\w+) b/i],[MODEL,[VENDOR,"Verizon"],[TYPE,TABLET]],[/\b(?:barnes[& ]+noble |bn[rt])([\w\+ ]*) b/i],[MODEL,[VENDOR,"Barnes & Noble"],[TYPE,TABLET]],[/\b(tm\d{3}\w+) b/i],[MODEL,[VENDOR,"NuVision"],[TYPE,TABLET]],[/\b(k88) b/i],[MODEL,[VENDOR,"ZTE"],[TYPE,TABLET]],[/\b(nx\d{3}j) b/i],[MODEL,[VENDOR,"ZTE"],[TYPE,MOBILE]],[/\b(gen\d{3}) b.+49h/i],[MODEL,[VENDOR,"Swiss"],[TYPE,MOBILE]],[/\b(zur\d{3}) b/i],[MODEL,[VENDOR,"Swiss"],[TYPE,TABLET]],[/\b((zeki)?tb.*\b) b/i],[MODEL,[VENDOR,"Zeki"],[TYPE,TABLET]],[/\b([yr]\d{2}) b/i,/\b(dragon[- ]+touch |dt)(\w{5}) b/i],[[VENDOR,"Dragon Touch"],MODEL,[TYPE,TABLET]],[/\b(ns-?\w{0,9}) b/i],[MODEL,[VENDOR,"Insignia"],[TYPE,TABLET]],[/\b((nxa|next)-?\w{0,9}) b/i],[MODEL,[VENDOR,"NextBook"],[TYPE,TABLET]],[/\b(xtreme\_)?(v(1[045]|2[015]|[3469]0|7[05])) b/i],[[VENDOR,"Voice"],MODEL,[TYPE,MOBILE]],[/\b(lvtel\-)?(v1[12]) b/i],[[VENDOR,"LvTel"],MODEL,[TYPE,MOBILE]],[/\b(ph-1) /i],[MODEL,[VENDOR,"Essential"],[TYPE,MOBILE]],[/\b(v(100md|700na|7011|917g).*\b) b/i],[MODEL,[VENDOR,"Envizen"],[TYPE,TABLET]],[/\b(trio[-\w\. ]+) b/i],[MODEL,[VENDOR,"MachSpeed"],[TYPE,TABLET]],[/\btu_(1491) b/i],[MODEL,[VENDOR,"Rotor"],[TYPE,TABLET]],[/(shield[\w ]+) b/i],[MODEL,[VENDOR,"Nvidia"],[TYPE,TABLET]],[/(sprint) (\w+)/i],[VENDOR,MODEL,[TYPE,MOBILE]],[/(kin\.[onetw]{3})/i],[[MODEL,/\./g," "],[VENDOR,MICROSOFT],[TYPE,MOBILE]],[/droid.+; (cc6666?|et5[16]|mc[239][23]x?|vc8[03]x?)\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,TABLET]],[/droid.+; (ec30|ps20|tc[2-8]\d[kx])\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,MOBILE]],[/(ouya)/i,/(nintendo) ([wids3utch]+)/i],[VENDOR,MODEL,[TYPE,CONSOLE]],[/droid.+; (shield) bui/i],[MODEL,[VENDOR,"Nvidia"],[TYPE,CONSOLE]],[/(playstation [345portablevi]+)/i],[MODEL,[VENDOR,SONY],[TYPE,CONSOLE]],[/\b(xbox(?: one)?(?!; xbox))[\); ]/i],[MODEL,[VENDOR,MICROSOFT],[TYPE,CONSOLE]],[/smart-tv.+(samsung)/i],[VENDOR,[TYPE,SMARTTV]],[/hbbtv.+maple;(\d+)/i],[[MODEL,/^/,"SmartTV"],[VENDOR,SAMSUNG],[TYPE,SMARTTV]],[/(nux; netcast.+smarttv|lg (netcast\.tv-201\d|android tv))/i],[[VENDOR,LG],[TYPE,SMARTTV]],[/(apple) ?tv/i],[VENDOR,[MODEL,APPLE+" TV"],[TYPE,SMARTTV]],[/crkey/i],[[MODEL,CHROME+"cast"],[VENDOR,GOOGLE],[TYPE,SMARTTV]],[/droid.+aft(\w)( bui|\))/i],[MODEL,[VENDOR,AMAZON],[TYPE,SMARTTV]],[/\(dtv[\);].+(aquos)/i,/(aquos-tv[\w ]+)\)/i],[MODEL,[VENDOR,SHARP],[TYPE,SMARTTV]],[/(bravia[\w ]+)( bui|\))/i],[MODEL,[VENDOR,SONY],[TYPE,SMARTTV]],[/(mitv-\w{5}) bui/i],[MODEL,[VENDOR,XIAOMI],[TYPE,SMARTTV]],[/\b(roku)[\dx]*[\)\/]((?:dvp-)?[\d\.]*)/i,/hbbtv\/\d+\.\d+\.\d+ +\([\w ]*; *(\w[^;]*);([^;]*)/i],[[VENDOR,trim],[MODEL,trim],[TYPE,SMARTTV]],[/\b(android tv|smart[- ]?tv|opera tv|tv; rv:)\b/i],[[TYPE,SMARTTV]],[/((pebble))app/i],[VENDOR,MODEL,[TYPE,WEARABLE]],[/droid.+; (glass) \d/i],[MODEL,[VENDOR,GOOGLE],[TYPE,WEARABLE]],[/droid.+; (wt63?0{2,3})\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,WEARABLE]],[/(quest( 2)?)/i],[MODEL,[VENDOR,FACEBOOK],[TYPE,WEARABLE]],[/(tesla)(?: qtcarbrowser|\/[-\w\.]+)/i],[VENDOR,[TYPE,EMBEDDED]],[/droid .+?; ([^;]+?)(?: bui|\) applew).+? mobile safari/i],[MODEL,[TYPE,MOBILE]],[/droid .+?; ([^;]+?)(?: bui|\) applew).+?(?! mobile) safari/i],[MODEL,[TYPE,TABLET]],[/\b((tablet|tab)[;\/]|focus\/\d(?!.+mobile))/i],[[TYPE,TABLET]],[/(phone|mobile(?:[;\/]| [ \w\/\.]*safari)|pda(?=.+windows ce))/i],[[TYPE,MOBILE]],[/(android[-\w\. ]{0,9});.+buil/i],[MODEL,[VENDOR,"Generic"]]],engine:[[/windows.+ edge\/([\w\.]+)/i],[VERSION,[NAME,EDGE+"HTML"]],[/webkit\/537\.36.+chrome\/(?!27)([\w\.]+)/i],[VERSION,[NAME,"Blink"]],[/(presto)\/([\w\.]+)/i,/(webkit|trident|netfront|netsurf|amaya|lynx|w3m|goanna)\/([\w\.]+)/i,/ekioh(flow)\/([\w\.]+)/i,/(khtml|tasman|links)[\/ ]\(?([\w\.]+)/i,/(icab)[\/ ]([23]\.[\d\.]+)/i],[NAME,VERSION],[/rv\:([\w\.]{1,9})\b.+(gecko)/i],[VERSION,NAME]],os:[[/microsoft (windows) (vista|xp)/i],[NAME,VERSION],[/(windows) nt 6\.2; (arm)/i,/(windows (?:phone(?: os)?|mobile))[\/ ]?([\d\.\w ]*)/i,/(windows)[\/ ]?([ntce\d\. ]+\w)(?!.+xbox)/i],[NAME,[VERSION,strMapper,windowsVersionMap]],[/(win(?=3|9|n)|win 9x )([nt\d\.]+)/i],[[NAME,"Windows"],[VERSION,strMapper,windowsVersionMap]],[/ip[honead]{2,4}\b(?:.*os ([\w]+) like mac|; opera)/i,/cfnetwork\/.+darwin/i],[[VERSION,/_/g,"."],[NAME,"iOS"]],[/(mac os x) ?([\w\. ]*)/i,/(macintosh|mac_powerpc\b)(?!.+haiku)/i],[[NAME,"Mac OS"],[VERSION,/_/g,"."]],[/droid ([\w\.]+)\b.+(android[- ]x86|harmonyos)/i],[VERSION,NAME],[/(android|webos|qnx|bada|rim tablet os|maemo|meego|sailfish)[-\/ ]?([\w\.]*)/i,/(blackberry)\w*\/([\w\.]*)/i,/(tizen|kaios)[\/ ]([\w\.]+)/i,/\((series40);/i],[NAME,VERSION],[/\(bb(10);/i],[VERSION,[NAME,BLACKBERRY]],[/(?:symbian ?os|symbos|s60(?=;)|series60)[-\/ ]?([\w\.]*)/i],[VERSION,[NAME,"Symbian"]],[/mozilla\/[\d\.]+ \((?:mobile|tablet|tv|mobile; [\w ]+); rv:.+ gecko\/([\w\.]+)/i],[VERSION,[NAME,FIREFOX+" OS"]],[/web0s;.+rt(tv)/i,/\b(?:hp)?wos(?:browser)?\/([\w\.]+)/i],[VERSION,[NAME,"webOS"]],[/crkey\/([\d\.]+)/i],[VERSION,[NAME,CHROME+"cast"]],[/(cros) [\w]+ ([\w\.]+\w)/i],[[NAME,"Chromium OS"],VERSION],[/(nintendo|playstation) ([wids345portablevuch]+)/i,/(xbox); +xbox ([^\);]+)/i,/\b(joli|palm)\b ?(?:os)?\/?([\w\.]*)/i,/(mint)[\/\(\) ]?(\w*)/i,/(mageia|vectorlinux)[; ]/i,/([kxln]?ubuntu|debian|suse|opensuse|gentoo|arch(?= linux)|slackware|fedora|mandriva|centos|pclinuxos|red ?hat|zenwalk|linpus|raspbian|plan 9|minix|risc os|contiki|deepin|manjaro|elementary os|sabayon|linspire)(?: gnu\/linux)?(?: enterprise)?(?:[- ]linux)?(?:-gnu)?[-\/ ]?(?!chrom|package)([-\w\.]*)/i,/(hurd|linux) ?([\w\.]*)/i,/(gnu) ?([\w\.]*)/i,/\b([-frentopcghs]{0,5}bsd|dragonfly)[\/ ]?(?!amd|[ix346]{1,2}86)([\w\.]*)/i,/(haiku) (\w+)/i],[NAME,VERSION],[/(sunos) ?([\w\.\d]*)/i],[[NAME,"Solaris"],VERSION],[/((?:open)?solaris)[-\/ ]?([\w\.]*)/i,/(aix) ((\d)(?=\.|\)| )[\w\.])*/i,/\b(beos|os\/2|amigaos|morphos|openvms|fuchsia|hp-ux)/i,/(unix) ?([\w\.]*)/i],[NAME,VERSION]]};var UAParser=function(ua,extensions){if(typeof ua===OBJ_TYPE){extensions=ua;ua=undefined$1;}if(!(this instanceof UAParser)){return new UAParser(ua,extensions).getResult()}var _ua=ua||(typeof window!==UNDEF_TYPE&&window.navigator&&window.navigator.userAgent?window.navigator.userAgent:EMPTY);var _rgxmap=extensions?extend(regexes,extensions):regexes;this.getBrowser=function(){var _browser={};_browser[NAME]=undefined$1;_browser[VERSION]=undefined$1;rgxMapper.call(_browser,_ua,_rgxmap.browser);_browser.major=majorize(_browser.version);return _browser};this.getCPU=function(){var _cpu={};_cpu[ARCHITECTURE]=undefined$1;rgxMapper.call(_cpu,_ua,_rgxmap.cpu);return _cpu};this.getDevice=function(){var _device={};_device[VENDOR]=undefined$1;_device[MODEL]=undefined$1;_device[TYPE]=undefined$1;rgxMapper.call(_device,_ua,_rgxmap.device);return _device};this.getEngine=function(){var _engine={};_engine[NAME]=undefined$1;_engine[VERSION]=undefined$1;rgxMapper.call(_engine,_ua,_rgxmap.engine);return _engine};this.getOS=function(){var _os={};_os[NAME]=undefined$1;_os[VERSION]=undefined$1;rgxMapper.call(_os,_ua,_rgxmap.os);return _os};this.getResult=function(){return {ua:this.getUA(),browser:this.getBrowser(),engine:this.getEngine(),os:this.getOS(),device:this.getDevice(),cpu:this.getCPU()}};this.getUA=function(){return _ua};this.setUA=function(ua){_ua=typeof ua===STR_TYPE&&ua.length>UA_MAX_LENGTH?trim(ua,UA_MAX_LENGTH):ua;return this};this.setUA(_ua);return this};UAParser.VERSION=LIBVERSION;UAParser.BROWSER=enumerize([NAME,VERSION,MAJOR]);UAParser.CPU=enumerize([ARCHITECTURE]);UAParser.DEVICE=enumerize([MODEL,VENDOR,TYPE,CONSOLE,MOBILE,SMARTTV,TABLET,WEARABLE,EMBEDDED]);UAParser.ENGINE=UAParser.OS=enumerize([NAME,VERSION]);{if(module.exports){exports=module.exports=UAParser;}exports.UAParser=UAParser;}var $=typeof window!==UNDEF_TYPE&&(window.jQuery||window.Zepto);if($&&!$.ua){var parser=new UAParser;$.ua=parser.getResult();$.ua.get=function(){return parser.getUA()};$.ua.set=function(ua){parser.setUA(ua);var result=parser.getResult();for(var prop in result){$.ua[prop]=result[prop];}};}})(typeof window==="object"?window:commonjsGlobal);
+	(function(window,undefined$1){var LIBVERSION="1.0.34",EMPTY="",UNKNOWN="?",FUNC_TYPE="function",UNDEF_TYPE="undefined",OBJ_TYPE="object",STR_TYPE="string",MAJOR="major",MODEL="model",NAME="name",TYPE="type",VENDOR="vendor",VERSION="version",ARCHITECTURE="architecture",CONSOLE="console",MOBILE="mobile",TABLET="tablet",SMARTTV="smarttv",WEARABLE="wearable",EMBEDDED="embedded",UA_MAX_LENGTH=350;var AMAZON="Amazon",APPLE="Apple",ASUS="ASUS",BLACKBERRY="BlackBerry",BROWSER="Browser",CHROME="Chrome",EDGE="Edge",FIREFOX="Firefox",GOOGLE="Google",HUAWEI="Huawei",LG="LG",MICROSOFT="Microsoft",MOTOROLA="Motorola",OPERA="Opera",SAMSUNG="Samsung",SHARP="Sharp",SONY="Sony",XIAOMI="Xiaomi",ZEBRA="Zebra",FACEBOOK="Facebook",CHROMIUM_OS="Chromium OS",MAC_OS="Mac OS";var extend=function(regexes,extensions){var mergedRegexes={};for(var i in regexes){if(extensions[i]&&extensions[i].length%2===0){mergedRegexes[i]=extensions[i].concat(regexes[i]);}else {mergedRegexes[i]=regexes[i];}}return mergedRegexes},enumerize=function(arr){var enums={};for(var i=0;i<arr.length;i++){enums[arr[i].toUpperCase()]=arr[i];}return enums},has=function(str1,str2){return typeof str1===STR_TYPE?lowerize(str2).indexOf(lowerize(str1))!==-1:false},lowerize=function(str){return str.toLowerCase()},majorize=function(version){return typeof version===STR_TYPE?version.replace(/[^\d\.]/g,EMPTY).split(".")[0]:undefined$1},trim=function(str,len){if(typeof str===STR_TYPE){str=str.replace(/^\s\s*/,EMPTY);return typeof len===UNDEF_TYPE?str:str.substring(0,UA_MAX_LENGTH)}};var rgxMapper=function(ua,arrays){var i=0,j,k,p,q,matches,match;while(i<arrays.length&&!matches){var regex=arrays[i],props=arrays[i+1];j=k=0;while(j<regex.length&&!matches){if(!regex[j]){break}matches=regex[j++].exec(ua);if(!!matches){for(p=0;p<props.length;p++){match=matches[++k];q=props[p];if(typeof q===OBJ_TYPE&&q.length>0){if(q.length===2){if(typeof q[1]==FUNC_TYPE){this[q[0]]=q[1].call(this,match);}else {this[q[0]]=q[1];}}else if(q.length===3){if(typeof q[1]===FUNC_TYPE&&!(q[1].exec&&q[1].test)){this[q[0]]=match?q[1].call(this,match,q[2]):undefined$1;}else {this[q[0]]=match?match.replace(q[1],q[2]):undefined$1;}}else if(q.length===4){this[q[0]]=match?q[3].call(this,match.replace(q[1],q[2])):undefined$1;}}else {this[q]=match?match:undefined$1;}}}}i+=2;}},strMapper=function(str,map){for(var i in map){if(typeof map[i]===OBJ_TYPE&&map[i].length>0){for(var j=0;j<map[i].length;j++){if(has(map[i][j],str)){return i===UNKNOWN?undefined$1:i}}}else if(has(map[i],str)){return i===UNKNOWN?undefined$1:i}}return str};var oldSafariMap={"1.0":"/8",1.2:"/1",1.3:"/3","2.0":"/412","2.0.2":"/416","2.0.3":"/417","2.0.4":"/419","?":"/"},windowsVersionMap={ME:"4.90","NT 3.11":"NT3.51","NT 4.0":"NT4.0",2e3:"NT 5.0",XP:["NT 5.1","NT 5.2"],Vista:"NT 6.0",7:"NT 6.1",8:"NT 6.2",8.1:"NT 6.3",10:["NT 6.4","NT 10.0"],RT:"ARM"};var regexes={browser:[[/\b(?:crmo|crios)\/([\w\.]+)/i],[VERSION,[NAME,"Chrome"]],[/edg(?:e|ios|a)?\/([\w\.]+)/i],[VERSION,[NAME,"Edge"]],[/(opera mini)\/([-\w\.]+)/i,/(opera [mobiletab]{3,6})\b.+version\/([-\w\.]+)/i,/(opera)(?:.+version\/|[\/ ]+)([\w\.]+)/i],[NAME,VERSION],[/opios[\/ ]+([\w\.]+)/i],[VERSION,[NAME,OPERA+" Mini"]],[/\bopr\/([\w\.]+)/i],[VERSION,[NAME,OPERA]],[/(kindle)\/([\w\.]+)/i,/(lunascape|maxthon|netfront|jasmine|blazer)[\/ ]?([\w\.]*)/i,/(avant |iemobile|slim)(?:browser)?[\/ ]?([\w\.]*)/i,/(ba?idubrowser)[\/ ]?([\w\.]+)/i,/(?:ms|\()(ie) ([\w\.]+)/i,/(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale(?!.+naver)|qqbrowserlite|qq|duckduckgo)\/([-\w\.]+)/i,/(weibo)__([\d\.]+)/i],[NAME,VERSION],[/(?:\buc? ?browser|(?:juc.+)ucweb)[\/ ]?([\w\.]+)/i],[VERSION,[NAME,"UC"+BROWSER]],[/microm.+\bqbcore\/([\w\.]+)/i,/\bqbcore\/([\w\.]+).+microm/i],[VERSION,[NAME,"WeChat(Win) Desktop"]],[/micromessenger\/([\w\.]+)/i],[VERSION,[NAME,"WeChat"]],[/konqueror\/([\w\.]+)/i],[VERSION,[NAME,"Konqueror"]],[/trident.+rv[: ]([\w\.]{1,9})\b.+like gecko/i],[VERSION,[NAME,"IE"]],[/yabrowser\/([\w\.]+)/i],[VERSION,[NAME,"Yandex"]],[/(avast|avg)\/([\w\.]+)/i],[[NAME,/(.+)/,"$1 Secure "+BROWSER],VERSION],[/\bfocus\/([\w\.]+)/i],[VERSION,[NAME,FIREFOX+" Focus"]],[/\bopt\/([\w\.]+)/i],[VERSION,[NAME,OPERA+" Touch"]],[/coc_coc\w+\/([\w\.]+)/i],[VERSION,[NAME,"Coc Coc"]],[/dolfin\/([\w\.]+)/i],[VERSION,[NAME,"Dolphin"]],[/coast\/([\w\.]+)/i],[VERSION,[NAME,OPERA+" Coast"]],[/miuibrowser\/([\w\.]+)/i],[VERSION,[NAME,"MIUI "+BROWSER]],[/fxios\/([-\w\.]+)/i],[VERSION,[NAME,FIREFOX]],[/\bqihu|(qi?ho?o?|360)browser/i],[[NAME,"360 "+BROWSER]],[/(oculus|samsung|sailfish|huawei)browser\/([\w\.]+)/i],[[NAME,/(.+)/,"$1 "+BROWSER],VERSION],[/(comodo_dragon)\/([\w\.]+)/i],[[NAME,/_/g," "],VERSION],[/(electron)\/([\w\.]+) safari/i,/(tesla)(?: qtcarbrowser|\/(20\d\d\.[-\w\.]+))/i,/m?(qqbrowser|baiduboxapp|2345Explorer)[\/ ]?([\w\.]+)/i],[NAME,VERSION],[/(metasr)[\/ ]?([\w\.]+)/i,/(lbbrowser)/i,/\[(linkedin)app\]/i],[NAME],[/((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w\.]+);)/i],[[NAME,FACEBOOK],VERSION],[/(kakao(?:talk|story))[\/ ]([\w\.]+)/i,/(naver)\(.*?(\d+\.[\w\.]+).*\)/i,/safari (line)\/([\w\.]+)/i,/\b(line)\/([\w\.]+)\/iab/i,/(chromium|instagram)[\/ ]([-\w\.]+)/i],[NAME,VERSION],[/\bgsa\/([\w\.]+) .*safari\//i],[VERSION,[NAME,"GSA"]],[/headlesschrome(?:\/([\w\.]+)| )/i],[VERSION,[NAME,CHROME+" Headless"]],[/ wv\).+(chrome)\/([\w\.]+)/i],[[NAME,CHROME+" WebView"],VERSION],[/droid.+ version\/([\w\.]+)\b.+(?:mobile safari|safari)/i],[VERSION,[NAME,"Android "+BROWSER]],[/(chrome|omniweb|arora|[tizenoka]{5} ?browser)\/v?([\w\.]+)/i],[NAME,VERSION],[/version\/([\w\.\,]+) .*mobile\/\w+ (safari)/i],[VERSION,[NAME,"Mobile Safari"]],[/version\/([\w(\.|\,)]+) .*(mobile ?safari|safari)/i],[VERSION,NAME],[/webkit.+?(mobile ?safari|safari)(\/[\w\.]+)/i],[NAME,[VERSION,strMapper,oldSafariMap]],[/(webkit|khtml)\/([\w\.]+)/i],[NAME,VERSION],[/(navigator|netscape\d?)\/([-\w\.]+)/i],[[NAME,"Netscape"],VERSION],[/mobile vr; rv:([\w\.]+)\).+firefox/i],[VERSION,[NAME,FIREFOX+" Reality"]],[/ekiohf.+(flow)\/([\w\.]+)/i,/(swiftfox)/i,/(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[\/ ]?([\w\.\+]+)/i,/(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\/([-\w\.]+)$/i,/(firefox)\/([\w\.]+)/i,/(mozilla)\/([\w\.]+) .+rv\:.+gecko\/\d+/i,/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[\. ]?browser)[-\/ ]?v?([\w\.]+)/i,/(links) \(([\w\.]+)/i,/panasonic;(viera)/i],[NAME,VERSION],[/(cobalt)\/([\w\.]+)/i],[NAME,[VERSION,/master.|lts./,""]]],cpu:[[/(?:(amd|x(?:(?:86|64)[-_])?|wow|win)64)[;\)]/i],[[ARCHITECTURE,"amd64"]],[/(ia32(?=;))/i],[[ARCHITECTURE,lowerize]],[/((?:i[346]|x)86)[;\)]/i],[[ARCHITECTURE,"ia32"]],[/\b(aarch64|arm(v?8e?l?|_?64))\b/i],[[ARCHITECTURE,"arm64"]],[/\b(arm(?:v[67])?ht?n?[fl]p?)\b/i],[[ARCHITECTURE,"armhf"]],[/windows (ce|mobile); ppc;/i],[[ARCHITECTURE,"arm"]],[/((?:ppc|powerpc)(?:64)?)(?: mac|;|\))/i],[[ARCHITECTURE,/ower/,EMPTY,lowerize]],[/(sun4\w)[;\)]/i],[[ARCHITECTURE,"sparc"]],[/((?:avr32|ia64(?=;))|68k(?=\))|\barm(?=v(?:[1-7]|[5-7]1)l?|;|eabi)|(?=atmel )avr|(?:irix|mips|sparc)(?:64)?\b|pa-risc)/i],[[ARCHITECTURE,lowerize]]],device:[[/\b(sch-i[89]0\d|shw-m380s|sm-[ptx]\w{2,4}|gt-[pn]\d{2,4}|sgh-t8[56]9|nexus 10)/i],[MODEL,[VENDOR,SAMSUNG],[TYPE,TABLET]],[/\b((?:s[cgp]h|gt|sm)-\w+|sc[g-]?[\d]+a?|galaxy nexus)/i,/samsung[- ]([-\w]+)/i,/sec-(sgh\w+)/i],[MODEL,[VENDOR,SAMSUNG],[TYPE,MOBILE]],[/\((ip(?:hone|od)[\w ]*);/i],[MODEL,[VENDOR,APPLE],[TYPE,MOBILE]],[/\((ipad);[-\w\),; ]+apple/i,/applecoremedia\/[\w\.]+ \((ipad)/i,/\b(ipad)\d\d?,\d\d?[;\]].+ios/i],[MODEL,[VENDOR,APPLE],[TYPE,TABLET]],[/(macintosh);/i],[MODEL,[VENDOR,APPLE]],[/\b(sh-?[altvz]?\d\d[a-ekm]?)/i],[MODEL,[VENDOR,SHARP],[TYPE,MOBILE]],[/\b((?:ag[rs][23]?|bah2?|sht?|btv)-a?[lw]\d{2})\b(?!.+d\/s)/i],[MODEL,[VENDOR,HUAWEI],[TYPE,TABLET]],[/(?:huawei|honor)([-\w ]+)[;\)]/i,/\b(nexus 6p|\w{2,4}e?-[atu]?[ln][\dx][012359c][adn]?)\b(?!.+d\/s)/i],[MODEL,[VENDOR,HUAWEI],[TYPE,MOBILE]],[/\b(poco[\w ]+)(?: bui|\))/i,/\b; (\w+) build\/hm\1/i,/\b(hm[-_ ]?note?[_ ]?(?:\d\w)?) bui/i,/\b(redmi[\-_ ]?(?:note|k)?[\w_ ]+)(?: bui|\))/i,/\b(mi[-_ ]?(?:a\d|one|one[_ ]plus|note lte|max|cc)?[_ ]?(?:\d?\w?)[_ ]?(?:plus|se|lite)?)(?: bui|\))/i],[[MODEL,/_/g," "],[VENDOR,XIAOMI],[TYPE,MOBILE]],[/\b(mi[-_ ]?(?:pad)(?:[\w_ ]+))(?: bui|\))/i],[[MODEL,/_/g," "],[VENDOR,XIAOMI],[TYPE,TABLET]],[/; (\w+) bui.+ oppo/i,/\b(cph[12]\d{3}|p(?:af|c[al]|d\w|e[ar])[mt]\d0|x9007|a101op)\b/i],[MODEL,[VENDOR,"OPPO"],[TYPE,MOBILE]],[/vivo (\w+)(?: bui|\))/i,/\b(v[12]\d{3}\w?[at])(?: bui|;)/i],[MODEL,[VENDOR,"Vivo"],[TYPE,MOBILE]],[/\b(rmx[12]\d{3})(?: bui|;|\))/i],[MODEL,[VENDOR,"Realme"],[TYPE,MOBILE]],[/\b(milestone|droid(?:[2-4x]| (?:bionic|x2|pro|razr))?:?( 4g)?)\b[\w ]+build\//i,/\bmot(?:orola)?[- ](\w*)/i,/((?:moto[\w\(\) ]+|xt\d{3,4}|nexus 6)(?= bui|\)))/i],[MODEL,[VENDOR,MOTOROLA],[TYPE,MOBILE]],[/\b(mz60\d|xoom[2 ]{0,2}) build\//i],[MODEL,[VENDOR,MOTOROLA],[TYPE,TABLET]],[/((?=lg)?[vl]k\-?\d{3}) bui| 3\.[-\w; ]{10}lg?-([06cv9]{3,4})/i],[MODEL,[VENDOR,LG],[TYPE,TABLET]],[/(lm(?:-?f100[nv]?|-[\w\.]+)(?= bui|\))|nexus [45])/i,/\blg[-e;\/ ]+((?!browser|netcast|android tv)\w+)/i,/\blg-?([\d\w]+) bui/i],[MODEL,[VENDOR,LG],[TYPE,MOBILE]],[/(ideatab[-\w ]+)/i,/lenovo ?(s[56]000[-\w]+|tab(?:[\w ]+)|yt[-\d\w]{6}|tb[-\d\w]{6})/i],[MODEL,[VENDOR,"Lenovo"],[TYPE,TABLET]],[/(?:maemo|nokia).*(n900|lumia \d+)/i,/nokia[-_ ]?([-\w\.]*)/i],[[MODEL,/_/g," "],[VENDOR,"Nokia"],[TYPE,MOBILE]],[/(pixel c)\b/i],[MODEL,[VENDOR,GOOGLE],[TYPE,TABLET]],[/droid.+; (pixel[\daxl ]{0,6})(?: bui|\))/i],[MODEL,[VENDOR,GOOGLE],[TYPE,MOBILE]],[/droid.+ (a?\d[0-2]{2}so|[c-g]\d{4}|so[-gl]\w+|xq-a\w[4-7][12])(?= bui|\).+chrome\/(?![1-6]{0,1}\d\.))/i],[MODEL,[VENDOR,SONY],[TYPE,MOBILE]],[/sony tablet [ps]/i,/\b(?:sony)?sgp\w+(?: bui|\))/i],[[MODEL,"Xperia Tablet"],[VENDOR,SONY],[TYPE,TABLET]],[/ (kb2005|in20[12]5|be20[12][59])\b/i,/(?:one)?(?:plus)? (a\d0\d\d)(?: b|\))/i],[MODEL,[VENDOR,"OnePlus"],[TYPE,MOBILE]],[/(alexa)webm/i,/(kf[a-z]{2}wi)( bui|\))/i,/(kf[a-z]+)( bui|\)).+silk\//i],[MODEL,[VENDOR,AMAZON],[TYPE,TABLET]],[/((?:sd|kf)[0349hijorstuw]+)( bui|\)).+silk\//i],[[MODEL,/(.+)/g,"Fire Phone $1"],[VENDOR,AMAZON],[TYPE,MOBILE]],[/(playbook);[-\w\),; ]+(rim)/i],[MODEL,VENDOR,[TYPE,TABLET]],[/\b((?:bb[a-f]|st[hv])100-\d)/i,/\(bb10; (\w+)/i],[MODEL,[VENDOR,BLACKBERRY],[TYPE,MOBILE]],[/(?:\b|asus_)(transfo[prime ]{4,10} \w+|eeepc|slider \w+|nexus 7|padfone|p00[cj])/i],[MODEL,[VENDOR,ASUS],[TYPE,TABLET]],[/ (z[bes]6[027][012][km][ls]|zenfone \d\w?)\b/i],[MODEL,[VENDOR,ASUS],[TYPE,MOBILE]],[/(nexus 9)/i],[MODEL,[VENDOR,"HTC"],[TYPE,TABLET]],[/(htc)[-;_ ]{1,2}([\w ]+(?=\)| bui)|\w+)/i,/(zte)[- ]([\w ]+?)(?: bui|\/|\))/i,/(alcatel|geeksphone|nexian|panasonic(?!(?:;|\.))|sony(?!-bra))[-_ ]?([-\w]*)/i],[VENDOR,[MODEL,/_/g," "],[TYPE,MOBILE]],[/droid.+; ([ab][1-7]-?[0178a]\d\d?)/i],[MODEL,[VENDOR,"Acer"],[TYPE,TABLET]],[/droid.+; (m[1-5] note) bui/i,/\bmz-([-\w]{2,})/i],[MODEL,[VENDOR,"Meizu"],[TYPE,MOBILE]],[/(blackberry|benq|palm(?=\-)|sonyericsson|acer|asus|dell|meizu|motorola|polytron)[-_ ]?([-\w]*)/i,/(hp) ([\w ]+\w)/i,/(asus)-?(\w+)/i,/(microsoft); (lumia[\w ]+)/i,/(lenovo)[-_ ]?([-\w]+)/i,/(jolla)/i,/(oppo) ?([\w ]+) bui/i],[VENDOR,MODEL,[TYPE,MOBILE]],[/(kobo)\s(ereader|touch)/i,/(archos) (gamepad2?)/i,/(hp).+(touchpad(?!.+tablet)|tablet)/i,/(kindle)\/([\w\.]+)/i,/(nook)[\w ]+build\/(\w+)/i,/(dell) (strea[kpr\d ]*[\dko])/i,/(le[- ]+pan)[- ]+(\w{1,9}) bui/i,/(trinity)[- ]*(t\d{3}) bui/i,/(gigaset)[- ]+(q\w{1,9}) bui/i,/(vodafone) ([\w ]+)(?:\)| bui)/i],[VENDOR,MODEL,[TYPE,TABLET]],[/(surface duo)/i],[MODEL,[VENDOR,MICROSOFT],[TYPE,TABLET]],[/droid [\d\.]+; (fp\du?)(?: b|\))/i],[MODEL,[VENDOR,"Fairphone"],[TYPE,MOBILE]],[/(u304aa)/i],[MODEL,[VENDOR,"AT&T"],[TYPE,MOBILE]],[/\bsie-(\w*)/i],[MODEL,[VENDOR,"Siemens"],[TYPE,MOBILE]],[/\b(rct\w+) b/i],[MODEL,[VENDOR,"RCA"],[TYPE,TABLET]],[/\b(venue[\d ]{2,7}) b/i],[MODEL,[VENDOR,"Dell"],[TYPE,TABLET]],[/\b(q(?:mv|ta)\w+) b/i],[MODEL,[VENDOR,"Verizon"],[TYPE,TABLET]],[/\b(?:barnes[& ]+noble |bn[rt])([\w\+ ]*) b/i],[MODEL,[VENDOR,"Barnes & Noble"],[TYPE,TABLET]],[/\b(tm\d{3}\w+) b/i],[MODEL,[VENDOR,"NuVision"],[TYPE,TABLET]],[/\b(k88) b/i],[MODEL,[VENDOR,"ZTE"],[TYPE,TABLET]],[/\b(nx\d{3}j) b/i],[MODEL,[VENDOR,"ZTE"],[TYPE,MOBILE]],[/\b(gen\d{3}) b.+49h/i],[MODEL,[VENDOR,"Swiss"],[TYPE,MOBILE]],[/\b(zur\d{3}) b/i],[MODEL,[VENDOR,"Swiss"],[TYPE,TABLET]],[/\b((zeki)?tb.*\b) b/i],[MODEL,[VENDOR,"Zeki"],[TYPE,TABLET]],[/\b([yr]\d{2}) b/i,/\b(dragon[- ]+touch |dt)(\w{5}) b/i],[[VENDOR,"Dragon Touch"],MODEL,[TYPE,TABLET]],[/\b(ns-?\w{0,9}) b/i],[MODEL,[VENDOR,"Insignia"],[TYPE,TABLET]],[/\b((nxa|next)-?\w{0,9}) b/i],[MODEL,[VENDOR,"NextBook"],[TYPE,TABLET]],[/\b(xtreme\_)?(v(1[045]|2[015]|[3469]0|7[05])) b/i],[[VENDOR,"Voice"],MODEL,[TYPE,MOBILE]],[/\b(lvtel\-)?(v1[12]) b/i],[[VENDOR,"LvTel"],MODEL,[TYPE,MOBILE]],[/\b(ph-1) /i],[MODEL,[VENDOR,"Essential"],[TYPE,MOBILE]],[/\b(v(100md|700na|7011|917g).*\b) b/i],[MODEL,[VENDOR,"Envizen"],[TYPE,TABLET]],[/\b(trio[-\w\. ]+) b/i],[MODEL,[VENDOR,"MachSpeed"],[TYPE,TABLET]],[/\btu_(1491) b/i],[MODEL,[VENDOR,"Rotor"],[TYPE,TABLET]],[/(shield[\w ]+) b/i],[MODEL,[VENDOR,"Nvidia"],[TYPE,TABLET]],[/(sprint) (\w+)/i],[VENDOR,MODEL,[TYPE,MOBILE]],[/(kin\.[onetw]{3})/i],[[MODEL,/\./g," "],[VENDOR,MICROSOFT],[TYPE,MOBILE]],[/droid.+; (cc6666?|et5[16]|mc[239][23]x?|vc8[03]x?)\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,TABLET]],[/droid.+; (ec30|ps20|tc[2-8]\d[kx])\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,MOBILE]],[/smart-tv.+(samsung)/i],[VENDOR,[TYPE,SMARTTV]],[/hbbtv.+maple;(\d+)/i],[[MODEL,/^/,"SmartTV"],[VENDOR,SAMSUNG],[TYPE,SMARTTV]],[/(nux; netcast.+smarttv|lg (netcast\.tv-201\d|android tv))/i],[[VENDOR,LG],[TYPE,SMARTTV]],[/(apple) ?tv/i],[VENDOR,[MODEL,APPLE+" TV"],[TYPE,SMARTTV]],[/crkey/i],[[MODEL,CHROME+"cast"],[VENDOR,GOOGLE],[TYPE,SMARTTV]],[/droid.+aft(\w)( bui|\))/i],[MODEL,[VENDOR,AMAZON],[TYPE,SMARTTV]],[/\(dtv[\);].+(aquos)/i,/(aquos-tv[\w ]+)\)/i],[MODEL,[VENDOR,SHARP],[TYPE,SMARTTV]],[/(bravia[\w ]+)( bui|\))/i],[MODEL,[VENDOR,SONY],[TYPE,SMARTTV]],[/(mitv-\w{5}) bui/i],[MODEL,[VENDOR,XIAOMI],[TYPE,SMARTTV]],[/Hbbtv.*(technisat) (.*);/i],[VENDOR,MODEL,[TYPE,SMARTTV]],[/\b(roku)[\dx]*[\)\/]((?:dvp-)?[\d\.]*)/i,/hbbtv\/\d+\.\d+\.\d+ +\([\w\+ ]*; *([\w\d][^;]*);([^;]*)/i],[[VENDOR,trim],[MODEL,trim],[TYPE,SMARTTV]],[/\b(android tv|smart[- ]?tv|opera tv|tv; rv:)\b/i],[[TYPE,SMARTTV]],[/(ouya)/i,/(nintendo) ([wids3utch]+)/i],[VENDOR,MODEL,[TYPE,CONSOLE]],[/droid.+; (shield) bui/i],[MODEL,[VENDOR,"Nvidia"],[TYPE,CONSOLE]],[/(playstation [345portablevi]+)/i],[MODEL,[VENDOR,SONY],[TYPE,CONSOLE]],[/\b(xbox(?: one)?(?!; xbox))[\); ]/i],[MODEL,[VENDOR,MICROSOFT],[TYPE,CONSOLE]],[/((pebble))app/i],[VENDOR,MODEL,[TYPE,WEARABLE]],[/(watch)(?: ?os[,\/]|\d,\d\/)[\d\.]+/i],[MODEL,[VENDOR,APPLE],[TYPE,WEARABLE]],[/droid.+; (glass) \d/i],[MODEL,[VENDOR,GOOGLE],[TYPE,WEARABLE]],[/droid.+; (wt63?0{2,3})\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,WEARABLE]],[/(quest( 2| pro)?)/i],[MODEL,[VENDOR,FACEBOOK],[TYPE,WEARABLE]],[/(tesla)(?: qtcarbrowser|\/[-\w\.]+)/i],[VENDOR,[TYPE,EMBEDDED]],[/droid .+?; ([^;]+?)(?: bui|\) applew).+? mobile safari/i],[MODEL,[TYPE,MOBILE]],[/droid .+?; ([^;]+?)(?: bui|\) applew).+?(?! mobile) safari/i],[MODEL,[TYPE,TABLET]],[/\b((tablet|tab)[;\/]|focus\/\d(?!.+mobile))/i],[[TYPE,TABLET]],[/(phone|mobile(?:[;\/]| [ \w\/\.]*safari)|pda(?=.+windows ce))/i],[[TYPE,MOBILE]],[/(android[-\w\. ]{0,9});.+buil/i],[MODEL,[VENDOR,"Generic"]]],engine:[[/windows.+ edge\/([\w\.]+)/i],[VERSION,[NAME,EDGE+"HTML"]],[/webkit\/537\.36.+chrome\/(?!27)([\w\.]+)/i],[VERSION,[NAME,"Blink"]],[/(presto)\/([\w\.]+)/i,/(webkit|trident|netfront|netsurf|amaya|lynx|w3m|goanna)\/([\w\.]+)/i,/ekioh(flow)\/([\w\.]+)/i,/(khtml|tasman|links)[\/ ]\(?([\w\.]+)/i,/(icab)[\/ ]([23]\.[\d\.]+)/i],[NAME,VERSION],[/rv\:([\w\.]{1,9})\b.+(gecko)/i],[VERSION,NAME]],os:[[/microsoft (windows) (vista|xp)/i],[NAME,VERSION],[/(windows) nt 6\.2; (arm)/i,/(windows (?:phone(?: os)?|mobile))[\/ ]?([\d\.\w ]*)/i,/(windows)[\/ ]?([ntce\d\. ]+\w)(?!.+xbox)/i],[NAME,[VERSION,strMapper,windowsVersionMap]],[/(win(?=3|9|n)|win 9x )([nt\d\.]+)/i],[[NAME,"Windows"],[VERSION,strMapper,windowsVersionMap]],[/ip[honead]{2,4}\b(?:.*os ([\w]+) like mac|; opera)/i,/cfnetwork\/.+darwin/i],[[VERSION,/_/g,"."],[NAME,"iOS"]],[/(mac os x) ?([\w\. ]*)/i,/(macintosh|mac_powerpc\b)(?!.+haiku)/i],[[NAME,MAC_OS],[VERSION,/_/g,"."]],[/droid ([\w\.]+)\b.+(android[- ]x86|harmonyos)/i],[VERSION,NAME],[/(android|webos|qnx|bada|rim tablet os|maemo|meego|sailfish)[-\/ ]?([\w\.]*)/i,/(blackberry)\w*\/([\w\.]*)/i,/(tizen|kaios)[\/ ]([\w\.]+)/i,/\((series40);/i],[NAME,VERSION],[/\(bb(10);/i],[VERSION,[NAME,BLACKBERRY]],[/(?:symbian ?os|symbos|s60(?=;)|series60)[-\/ ]?([\w\.]*)/i],[VERSION,[NAME,"Symbian"]],[/mozilla\/[\d\.]+ \((?:mobile|tablet|tv|mobile; [\w ]+); rv:.+ gecko\/([\w\.]+)/i],[VERSION,[NAME,FIREFOX+" OS"]],[/web0s;.+rt(tv)/i,/\b(?:hp)?wos(?:browser)?\/([\w\.]+)/i],[VERSION,[NAME,"webOS"]],[/watch(?: ?os[,\/]|\d,\d\/)([\d\.]+)/i],[VERSION,[NAME,"watchOS"]],[/crkey\/([\d\.]+)/i],[VERSION,[NAME,CHROME+"cast"]],[/(cros) [\w]+(?:\)| ([\w\.]+)\b)/i],[[NAME,CHROMIUM_OS],VERSION],[/panasonic;(viera)/i,/(netrange)mmh/i,/(nettv)\/(\d+\.[\w\.]+)/i,/(nintendo|playstation) ([wids345portablevuch]+)/i,/(xbox); +xbox ([^\);]+)/i,/\b(joli|palm)\b ?(?:os)?\/?([\w\.]*)/i,/(mint)[\/\(\) ]?(\w*)/i,/(mageia|vectorlinux)[; ]/i,/([kxln]?ubuntu|debian|suse|opensuse|gentoo|arch(?= linux)|slackware|fedora|mandriva|centos|pclinuxos|red ?hat|zenwalk|linpus|raspbian|plan 9|minix|risc os|contiki|deepin|manjaro|elementary os|sabayon|linspire)(?: gnu\/linux)?(?: enterprise)?(?:[- ]linux)?(?:-gnu)?[-\/ ]?(?!chrom|package)([-\w\.]*)/i,/(hurd|linux) ?([\w\.]*)/i,/(gnu) ?([\w\.]*)/i,/\b([-frentopcghs]{0,5}bsd|dragonfly)[\/ ]?(?!amd|[ix346]{1,2}86)([\w\.]*)/i,/(haiku) (\w+)/i],[NAME,VERSION],[/(sunos) ?([\w\.\d]*)/i],[[NAME,"Solaris"],VERSION],[/((?:open)?solaris)[-\/ ]?([\w\.]*)/i,/(aix) ((\d)(?=\.|\)| )[\w\.])*/i,/\b(beos|os\/2|amigaos|morphos|openvms|fuchsia|hp-ux)/i,/(unix) ?([\w\.]*)/i],[NAME,VERSION]]};var UAParser=function(ua,extensions){if(typeof ua===OBJ_TYPE){extensions=ua;ua=undefined$1;}if(!(this instanceof UAParser)){return new UAParser(ua,extensions).getResult()}var _navigator=typeof window!==UNDEF_TYPE&&window.navigator?window.navigator:undefined$1;var _ua=ua||(_navigator&&_navigator.userAgent?_navigator.userAgent:EMPTY);var _uach=_navigator&&_navigator.userAgentData?_navigator.userAgentData:undefined$1;var _rgxmap=extensions?extend(regexes,extensions):regexes;this.getBrowser=function(){var _browser={};_browser[NAME]=undefined$1;_browser[VERSION]=undefined$1;rgxMapper.call(_browser,_ua,_rgxmap.browser);_browser[MAJOR]=majorize(_browser[VERSION]);if(_navigator&&_navigator.brave&&typeof _navigator.brave.isBrave==FUNC_TYPE){_browser[NAME]="Brave";}return _browser};this.getCPU=function(){var _cpu={};_cpu[ARCHITECTURE]=undefined$1;rgxMapper.call(_cpu,_ua,_rgxmap.cpu);return _cpu};this.getDevice=function(){var _device={};_device[VENDOR]=undefined$1;_device[MODEL]=undefined$1;_device[TYPE]=undefined$1;rgxMapper.call(_device,_ua,_rgxmap.device);if(!_device[TYPE]&&_uach&&_uach.mobile){_device[TYPE]=MOBILE;}if(_device[MODEL]=="Macintosh"&&_navigator&&typeof _navigator.standalone!==UNDEF_TYPE&&_navigator.maxTouchPoints&&_navigator.maxTouchPoints>2){_device[MODEL]="iPad";_device[TYPE]=TABLET;}return _device};this.getEngine=function(){var _engine={};_engine[NAME]=undefined$1;_engine[VERSION]=undefined$1;rgxMapper.call(_engine,_ua,_rgxmap.engine);return _engine};this.getOS=function(){var _os={};_os[NAME]=undefined$1;_os[VERSION]=undefined$1;rgxMapper.call(_os,_ua,_rgxmap.os);if(!_os[NAME]&&_uach&&_uach.platform!="Unknown"){_os[NAME]=_uach.platform.replace(/chrome os/i,CHROMIUM_OS).replace(/macos/i,MAC_OS);}return _os};this.getResult=function(){return {ua:this.getUA(),browser:this.getBrowser(),engine:this.getEngine(),os:this.getOS(),device:this.getDevice(),cpu:this.getCPU()}};this.getUA=function(){return _ua};this.setUA=function(ua){_ua=typeof ua===STR_TYPE&&ua.length>UA_MAX_LENGTH?trim(ua,UA_MAX_LENGTH):ua;return this};this.setUA(_ua);return this};UAParser.VERSION=LIBVERSION;UAParser.BROWSER=enumerize([NAME,VERSION,MAJOR]);UAParser.CPU=enumerize([ARCHITECTURE]);UAParser.DEVICE=enumerize([MODEL,VENDOR,TYPE,CONSOLE,MOBILE,SMARTTV,TABLET,WEARABLE,EMBEDDED]);UAParser.ENGINE=UAParser.OS=enumerize([NAME,VERSION]);{if(module.exports){exports=module.exports=UAParser;}exports.UAParser=UAParser;}var $=typeof window!==UNDEF_TYPE&&(window.jQuery||window.Zepto);if($&&!$.ua){var parser=new UAParser;$.ua=parser.getResult();$.ua.get=function(){return parser.getUA()};$.ua.set=function(ua){parser.setUA(ua);var result=parser.getResult();for(var prop in result){$.ua[prop]=result[prop];}};}})(typeof window==="object"?window:commonjsGlobal);
 } (uaParser_min, uaParser_minExports));
 
 Object.defineProperty(lib, '__esModule', { value: true });
@@ -6858,39 +6792,10 @@ lib.withOrientationChange = withOrientationChange;
 
 var createGroupsInArray = function (arr, numberOfGroups) {
     var perGroup = Math.ceil(arr.length / numberOfGroups);
-    return new Array(numberOfGroups)
+    return Array.from({ length: numberOfGroups })
         .fill('')
         .map(function (_, i) { return arr.slice(i * perGroup, (i + 1) * perGroup); });
 };
-var getLocalDateFromString = function (string, locale, time) {
-    var date = new Date(2013, 11, 31, 17, 19, 22);
-    var regex = time ? date.toLocaleString(locale) : date.toLocaleDateString(locale);
-    regex = regex
-        .replace('2013', '(?<year>[0-9]{2,4})')
-        .replace('12', '(?<month>[0-9]{1,2})')
-        .replace('31', '(?<day>[0-9]{1,2})');
-    if (time) {
-        regex = regex
-            .replace('5', '(?<hour>[0-9]{1,2})')
-            .replace('17', '(?<hour>[0-9]{1,2})')
-            .replace('19', '(?<minute>[0-9]{1,2})')
-            .replace('22', '(?<second>[0-9]{1,2})')
-            .replace('PM', '(?<ampm>[A-Z]{2})');
-    }
-    var rgx = RegExp("".concat(regex));
-    var partials = string.match(rgx);
-    if (partials === null)
-        return;
-    var newDate = partials.groups &&
-        (time
-            ? new Date(Number(partials.groups['year']), Number(partials.groups['month']) - 1, Number(partials.groups['day']), partials.groups['ampm']
-                ? partials.groups['ampm'] === 'PM'
-                    ? Number(partials.groups['hour']) + 12
-                    : Number(partials.groups['hour'])
-                : Number(partials.groups['hour']), Number(partials.groups['minute']), Number(partials.groups['second']))
-            : new Date(Number(partials.groups['year']), Number(partials.groups['month']) - 1, Number(partials.groups['day'])));
-    return newDate;
-};
 var getMonthsNames = function (locale) {
     var months = [];
     var d = new Date();
@@ -6983,15 +6888,11 @@ var isDateDisabled = function (date, min, max, dates) {
     var disabled;
     if (dates) {
         dates.forEach(function (_date) {
-            if (Array.isArray(_date)) {
-                if (isDateInRange(date, _date[0], _date[1])) {
-                    disabled = true;
-                }
+            if (Array.isArray(_date) && isDateInRange(date, _date[0], _date[1])) {
+                disabled = true;
             }
-            if (_date instanceof Date) {
-                if (isSameDateAs(date, _date)) {
-                    disabled = true;
-                }
+            if (_date instanceof Date && isSameDateAs(date, _date)) {
+                disabled = true;
             }
         });
     }
@@ -7336,8 +7237,7 @@ CCalendar.displayName = 'CCalendar';
 
 var CForm = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, validated = _a.validated, rest = __rest$1(_a, ["children", "className", "validated"]);
-    var _className = classNames$1({ 'was-validated': validated }, className);
-    return (React$1.createElement("form", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("form", __assign$1({ className: classNames$1({ 'was-validated': validated }, className) || undefined }, rest, { ref: ref }), children));
 });
 CForm.propTypes = {
     children: propTypesExports.node,
@@ -7349,11 +7249,10 @@ CForm.displayName = 'CForm';
 var CFormFeedback = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.component, Component = _c === void 0 ? 'div' : _c, invalid = _a.invalid, tooltip = _a.tooltip, valid = _a.valid, rest = __rest$1(_a, ["children", "className", "component", "invalid", "tooltip", "valid"]);
-    var _className = classNames$1((_b = {},
-        _b["invalid-".concat(tooltip ? 'tooltip' : 'feedback')] = invalid,
-        _b["valid-".concat(tooltip ? 'tooltip' : 'feedback')] = valid,
-        _b), className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1((_b = {},
+            _b["invalid-".concat(tooltip ? 'tooltip' : 'feedback')] = invalid,
+            _b["valid-".concat(tooltip ? 'tooltip' : 'feedback')] = valid,
+            _b), className) }, rest, { ref: ref }), children));
 });
 CFormFeedback.propTypes = {
     children: propTypesExports.node,
@@ -7385,8 +7284,7 @@ CFormControlValidation.displayName = 'CFormControlValidation';
 
 var CFormLabel = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, customClassName = _a.customClassName, rest = __rest$1(_a, ["children", "className", "customClassName"]);
-    var _className = customClassName ? customClassName : classNames$1('form-label', className);
-    return (React$1.createElement("label", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("label", __assign$1({ className: customClassName !== null && customClassName !== void 0 ? customClassName : classNames$1('form-label', className) }, rest, { ref: ref }), children));
 });
 CFormLabel.propTypes = {
     children: propTypesExports.node,
@@ -7396,8 +7294,7 @@ CFormLabel.propTypes = {
 CFormLabel.displayName = 'CFormLabel';
 
 var CFormCheck = React$1.forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, button = _a.button, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, tooltipFeedback = _a.tooltipFeedback, hitArea = _a.hitArea, id = _a.id, indeterminate = _a.indeterminate, inline = _a.inline, invalid = _a.invalid, label = _a.label, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest$1(_a, ["className", "button", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "tooltipFeedback", "hitArea", "id", "indeterminate", "inline", "invalid", "label", "type", "valid"]);
+    var className = _a.className, button = _a.button, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, tooltipFeedback = _a.tooltipFeedback, hitArea = _a.hitArea, id = _a.id, indeterminate = _a.indeterminate, inline = _a.inline, invalid = _a.invalid, label = _a.label, reverse = _a.reverse, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, valid = _a.valid, rest = __rest$1(_a, ["className", "button", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "tooltipFeedback", "hitArea", "id", "indeterminate", "inline", "invalid", "label", "reverse", "type", "valid"]);
     var inputRef = React$1.useRef(null);
     var forkedRef = useForkedRef(ref, inputRef);
     React$1.useEffect(function () {
@@ -7405,47 +7302,51 @@ var CFormCheck = React$1.forwardRef(function (_a, ref) {
             inputRef.current.indeterminate = indeterminate;
         }
     }, [indeterminate]);
-    var _className = classNames$1('form-check', {
-        'form-check-inline': inline,
-        'is-invalid': invalid,
-        'is-valid': valid,
-    }, className);
-    var inputClassName = classNames$1(button ? 'btn-check' : 'form-check-input', {
-        'is-invalid': invalid,
-        'is-valid': valid,
-        'me-2': hitArea,
-    });
-    var labelClassName = classNames$1(button
-        ? classNames$1('btn', button.variant ? "btn-".concat(button.variant, "-").concat(button.color) : "btn-".concat(button.color), (_b = {},
-            _b["btn-".concat(button.size)] = button.size,
-            _b), "".concat(button.shape))
-        : 'form-check-label');
-    var formControl = function () {
-        return React$1.createElement("input", __assign$1({ type: type, className: inputClassName, id: id }, rest, { ref: forkedRef }));
-    };
-    var formValidation = function () { return (React$1.createElement(CFormControlValidation, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
-    var formLabel = function () {
-        return (React$1.createElement(CFormLabel, __assign$1({ customClassName: labelClassName }, (id && { htmlFor: id })), label));
-    };
-    return button ? (React$1.createElement(React$1.Fragment, null,
-        formControl(),
-        label && formLabel(),
-        formValidation())) : label ? (hitArea ? (React$1.createElement(React$1.Fragment, null,
-        React$1.createElement(CFormLabel, __assign$1({ customClassName: className }, (id && { htmlFor: id })),
-            formControl(),
-            label),
-        formValidation())) : (React$1.createElement("div", { className: _className },
-        formControl(),
-        formLabel(),
-        formValidation()))) : (formControl());
-});
-CFormCheck.propTypes = __assign$1({ button: propTypesExports.object, className: propTypesExports.string, hitArea: propTypesExports.oneOf(['full']), id: propTypesExports.string, indeterminate: propTypesExports.bool, inline: propTypesExports.bool, label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]), type: propTypesExports.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
+    var FormControl = function () { return (React$1.createElement("input", __assign$1({ type: type, className: classNames$1(button ? 'btn-check' : 'form-check-input', {
+            'is-invalid': invalid,
+            'is-valid': valid,
+            'me-2': hitArea,
+        }), id: id }, rest, { ref: forkedRef }))); };
+    var FormValidation = function () { return (React$1.createElement(CFormControlValidation, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    var FormLabel = function () {
+        var _a;
+        return (React$1.createElement(CFormLabel, __assign$1({ customClassName: classNames$1(button
+                ? classNames$1('btn', button.variant ? "btn-".concat(button.variant, "-").concat(button.color) : "btn-".concat(button.color), (_a = {},
+                    _a["btn-".concat(button.size)] = button.size,
+                    _a), "".concat(button.shape))
+                : 'form-check-label') }, (id && { htmlFor: id })), label));
+    };
+    var FormCheck = function () {
+        if (button) {
+            return (React$1.createElement(React$1.Fragment, null,
+                React$1.createElement(FormControl, null),
+                label && React$1.createElement(FormLabel, null),
+                React$1.createElement(FormValidation, null)));
+        }
+        if (label) {
+            return hitArea ? (React$1.createElement(React$1.Fragment, null,
+                React$1.createElement(FormControl, null),
+                React$1.createElement(CFormLabel, __assign$1({ customClassName: classNames$1('form-check-label stretched-link', className) }, (id && { htmlFor: id })), label),
+                React$1.createElement(FormValidation, null))) : (React$1.createElement("div", { className: classNames$1('form-check', {
+                    'form-check-inline': inline,
+                    'form-check-reverse': reverse,
+                    'is-invalid': invalid,
+                    'is-valid': valid,
+                }, className) },
+                React$1.createElement(FormControl, null),
+                React$1.createElement(FormLabel, null),
+                React$1.createElement(FormValidation, null)));
+        }
+        return React$1.createElement(FormControl, null);
+    };
+    return React$1.createElement(FormCheck, null);
+});
+CFormCheck.propTypes = __assign$1({ button: propTypesExports.object, className: propTypesExports.string, hitArea: propTypesExports.oneOf(['full']), id: propTypesExports.string, indeterminate: propTypesExports.bool, inline: propTypesExports.bool, label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]), reverse: propTypesExports.bool, type: propTypesExports.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
 CFormCheck.displayName = 'CFormCheck';
 
 var CFormFloating = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('form-floating', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('form-floating', className) }, rest, { ref: ref }), children));
 });
 CFormFloating.propTypes = {
     children: propTypesExports.node,
@@ -7455,8 +7356,7 @@ CFormFloating.displayName = 'CFormFloating';
 
 var CFormText = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'div' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('form-text', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('form-text', className) }, rest, { ref: ref }), children));
 });
 CFormText.propTypes = {
     children: propTypesExports.node,
@@ -7467,16 +7367,16 @@ CFormText.displayName = 'CFormText';
 
 var CFormControlWrapper = function (_a) {
     var children = _a.children, describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
-    var formControlValidation = function () { return (React$1.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    var FormControlValidation = function () { return (React$1.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
     return floatingLabel ? (React$1.createElement(CFormFloating, { className: floatingClassName },
         children,
         React$1.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel),
         text && React$1.createElement(CFormText, { id: describedby }, text),
-        formControlValidation())) : (React$1.createElement(React$1.Fragment, null,
+        React$1.createElement(FormControlValidation, null))) : (React$1.createElement(React$1.Fragment, null,
         label && React$1.createElement(CFormLabel, { htmlFor: id }, label),
         children,
         text && React$1.createElement(CFormText, { id: describedby }, text),
-        formControlValidation()));
+        React$1.createElement(FormControlValidation, null)));
 };
 CFormControlWrapper.propTypes = __assign$1({ children: propTypesExports.node, floatingClassName: propTypesExports.string, floatingLabel: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), text: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]) }, CFormControlValidation.propTypes);
 CFormControlWrapper.displayName = 'CFormControlWrapper';
@@ -7489,24 +7389,22 @@ var CFormInput = React$1.forwardRef(function (_a, ref) {
         var timeOutId = setTimeout(function () { return value && onChange && onChange(value); }, typeof delay === 'number' ? delay : 500);
         return function () { return clearTimeout(timeOutId); };
     }, [value]);
-    var _className = classNames$1(plainText ? 'form-control-plaintext' : 'form-control', (_b = {},
-        _b["form-control-".concat(size)] = size,
-        _b['form-control-color'] = type === 'color',
-        _b['is-invalid'] = invalid,
-        _b['is-valid'] = valid,
-        _b), className);
     return (React$1.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React$1.createElement("input", __assign$1({ className: _className, id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
+        React$1.createElement("input", __assign$1({ className: classNames$1(plainText ? 'form-control-plaintext' : 'form-control', (_b = {},
+                _b["form-control-".concat(size)] = size,
+                _b['form-control-color'] = type === 'color',
+                _b['is-invalid'] = invalid,
+                _b['is-valid'] = valid,
+                _b), className), id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
 });
 CFormInput.propTypes = __assign$1({ className: propTypesExports.string, id: propTypesExports.string, delay: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]), plainText: propTypesExports.bool, size: propTypesExports.oneOf(['sm', 'lg']), type: propTypesExports.oneOfType([propTypesExports.oneOf(['color', 'file', 'text']), propTypesExports.string]) }, CFormControlWrapper.propTypes);
 CFormInput.displayName = 'CFormInput';
 
 var CFormRange = React$1.forwardRef(function (_a, ref) {
     var className = _a.className, label = _a.label, rest = __rest$1(_a, ["className", "label"]);
-    var _className = classNames$1('form-range', className);
     return (React$1.createElement(React$1.Fragment, null,
         label && React$1.createElement(CFormLabel, { htmlFor: rest.id }, label),
-        React$1.createElement("input", __assign$1({ type: "range", className: _className }, rest, { ref: ref }))));
+        React$1.createElement("input", __assign$1({ type: "range", className: classNames$1('form-range', className) }, rest, { ref: ref }))));
 });
 CFormRange.propTypes = {
     className: propTypesExports.string,
@@ -7517,13 +7415,12 @@ CFormRange.displayName = 'CFormRange';
 var CFormSelect = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, htmlSize = _a.htmlSize, id = _a.id, invalid = _a.invalid, label = _a.label, options = _a.options, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest$1(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "htmlSize", "id", "invalid", "label", "options", "size", "text", "tooltipFeedback", "valid"]);
-    var _className = classNames$1('form-select', (_b = {},
-        _b["form-select-".concat(size)] = size,
-        _b['is-invalid'] = invalid,
-        _b['is-valid'] = valid,
-        _b), className);
     return (React$1.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React$1.createElement("select", __assign$1({ id: id, className: _className, size: htmlSize }, rest, { ref: ref }), options
+        React$1.createElement("select", __assign$1({ id: id, className: classNames$1('form-select', (_b = {},
+                _b["form-select-".concat(size)] = size,
+                _b['is-invalid'] = invalid,
+                _b['is-valid'] = valid,
+                _b), className), size: htmlSize }, rest, { ref: ref }), options
             ? options.map(function (option, index) {
                 return (React$1.createElement("option", __assign$1({}, (typeof option === 'object' &&
                     option.disabled && { disabled: option.disabled }), (typeof option === 'object' && option.value && { value: option.value }), { key: index }), typeof option === 'string' ? option : option.label));
@@ -7535,26 +7432,26 @@ CFormSelect.displayName = 'CFormSelect';
 
 var CFormSwitch = React$1.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, id = _a.id, invalid = _a.invalid, label = _a.label, size = _a.size, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest$1(_a, ["className", "id", "invalid", "label", "size", "type", "valid"]);
-    var _className = classNames$1('form-check form-switch', (_b = {},
-        _b["form-switch-".concat(size)] = size,
-        _b['is-invalid'] = invalid,
-        _b['is-valid'] = valid,
-        _b), className);
-    var inputClassName = classNames$1('form-check-input', {
-        'is-invalid': invalid,
-        'is-valid': valid,
-    });
-    var labelClassName = classNames$1('form-check-label');
-    return (React$1.createElement("div", { className: _className },
-        React$1.createElement("input", __assign$1({ type: type, className: inputClassName, id: id }, rest, { ref: ref })),
-        label && (React$1.createElement(CFormLabel, __assign$1({ customClassName: labelClassName }, (id && { htmlFor: id })), label))));
+    var className = _a.className, id = _a.id, invalid = _a.invalid, label = _a.label, reverse = _a.reverse, size = _a.size, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest$1(_a, ["className", "id", "invalid", "label", "reverse", "size", "type", "valid"]);
+    return (React$1.createElement("div", { className: classNames$1('form-check form-switch', (_b = {
+                'form-check-reverse': reverse
+            },
+            _b["form-switch-".concat(size)] = size,
+            _b['is-invalid'] = invalid,
+            _b['is-valid'] = valid,
+            _b), className) },
+        React$1.createElement("input", __assign$1({ type: type, className: classNames$1('form-check-input', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }), id: id }, rest, { ref: ref })),
+        label && (React$1.createElement(CFormLabel, __assign$1({ customClassName: "form-check-label" }, (id && { htmlFor: id })), label))));
 });
 CFormSwitch.propTypes = {
     className: propTypesExports.string,
     id: propTypesExports.string,
     invalid: propTypesExports.bool,
     label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    reverse: propTypesExports.bool,
     size: propTypesExports.oneOf(['lg', 'xl']),
     type: propTypesExports.oneOf(['checkbox', 'radio']),
     valid: propTypesExports.bool,
@@ -7563,12 +7460,11 @@ CFormSwitch.displayName = 'CFormSwitch';
 
 var CFormTextarea = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, plainText = _a.plainText, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest$1(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "plainText", "text", "tooltipFeedback", "valid"]);
-    var _className = classNames$1(plainText ? 'form-control-plaintext' : 'form-control', {
-        'is-invalid': invalid,
-        'is-valid': valid,
-    }, className);
     return (React$1.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React$1.createElement("textarea", __assign$1({ className: _className, id: id }, rest, { ref: ref }), children)));
+        React$1.createElement("textarea", __assign$1({ className: classNames$1(plainText ? 'form-control-plaintext' : 'form-control', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }, className), id: id }, rest, { ref: ref }), children)));
 });
 CFormTextarea.propTypes = __assign$1({ className: propTypesExports.string, id: propTypesExports.string, plainText: propTypesExports.bool }, CFormControlWrapper.propTypes);
 CFormTextarea.displayName = 'CFormTextarea';
@@ -7576,10 +7472,9 @@ CFormTextarea.displayName = 'CFormTextarea';
 var CInputGroup = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, size = _a.size, rest = __rest$1(_a, ["children", "className", "size"]);
-    var _className = classNames$1('input-group', (_b = {},
-        _b["input-group-".concat(size)] = size,
-        _b), className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('input-group', (_b = {},
+            _b["input-group-".concat(size)] = size,
+            _b), className) }, rest, { ref: ref }), children));
 });
 CInputGroup.propTypes = {
     children: propTypesExports.node,
@@ -7590,8 +7485,7 @@ CInputGroup.displayName = 'CInputGroup';
 
 var CInputGroupText = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('input-group-text', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('input-group-text', className) }, rest, { ref: ref }), children));
 });
 CInputGroupText.propTypes = {
     children: propTypesExports.node,
@@ -10045,10 +9939,10 @@ function Reference(_ref) {
 var CDropdownContext = React$1.createContext({});
 var CDropdown = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, alignment = _a.alignment, _b = _a.autoClose, autoClose = _b === void 0 ? true : _b, className = _a.className, dark = _a.dark, direction = _a.direction, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'bottom-start' : _c, _d = _a.popper, popper = _d === void 0 ? true : _d, _e = _a.variant, variant = _e === void 0 ? 'btn-group' : _e, _f = _a.component, component = _f === void 0 ? 'div' : _f, _g = _a.visible, visible = _g === void 0 ? false : _g, rest = __rest$1(_a, ["children", "alignment", "autoClose", "className", "dark", "direction", "onHide", "onShow", "placement", "popper", "variant", "component", "visible"]);
-    var _h = React$1.useState(visible), _visible = _h[0], setVisible = _h[1];
     var dropdownRef = React$1.useRef(null);
     var dropdownToggleRef = React$1.useRef(null);
     var forkedRef = useForkedRef(ref, dropdownRef);
+    var _h = React$1.useState(visible), _visible = _h[0], setVisible = _h[1];
     var Component = variant === 'nav-item' ? 'li' : component;
     // Disable popper if responsive aligment is set.
     if (typeof alignment === 'object') {
@@ -10066,13 +9960,6 @@ var CDropdown = React$1.forwardRef(function (_a, ref) {
         visible: _visible,
         setVisible: setVisible,
     };
-    var _className = classNames$1(variant === 'nav-item' ? 'nav-item dropdown' : variant, {
-        show: _visible,
-    }, direction === 'center'
-        ? 'dropdown-center'
-        : direction === 'dropup-center'
-            ? 'dropup dropup-center'
-            : direction, className);
     React$1.useEffect(function () {
         setVisible(visible);
     }, [visible]);
@@ -10080,11 +9967,16 @@ var CDropdown = React$1.forwardRef(function (_a, ref) {
         _visible && onShow && onShow();
         !_visible && onHide && onHide();
     }, [_visible]);
-    var dropdownContent = function () {
-        return variant === 'input-group' ? (React$1.createElement(React$1.Fragment, null, children)) : (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: forkedRef }), children));
+    var DropdownContent = function () {
+        return variant === 'input-group' ? (React$1.createElement(React$1.Fragment, null, children)) : (React$1.createElement(Component, __assign$1({ className: classNames$1(variant === 'nav-item' ? 'nav-item dropdown' : variant, {
+                'dropdown-center': direction === 'center',
+                'dropup dropup-center': direction === 'dropup-center',
+                direction: direction && direction !== 'center' && direction !== 'dropup-center',
+                show: _visible,
+            }, className) }, rest, { ref: forkedRef }), children));
     };
-    return popper ? (React$1.createElement(CDropdownContext.Provider, { value: contextValues },
-        React$1.createElement(Manager, null, dropdownContent()))) : (React$1.createElement(CDropdownContext.Provider, { value: contextValues }, dropdownContent()));
+    return (React$1.createElement(CDropdownContext.Provider, { value: contextValues }, popper ? (React$1.createElement(Manager, null,
+        React$1.createElement(DropdownContent, null))) : (React$1.createElement(DropdownContent, null))));
 });
 var alignmentDirection = propTypesExports.oneOf(['start', 'end']);
 CDropdown.propTypes = {
@@ -10179,20 +10071,17 @@ var CDropdownMenu = function (_a) {
         }
         return classNames;
     };
-    var _className = classNames$1('dropdown-menu', {
-        'dropdown-menu-dark': dark,
-        show: visible,
-    }, alignment && alignmentClassNames(alignment), className);
-    var dropdownMenuComponent = function (style, ref) {
-        return (React$1.createElement(Component, __assign$1({ className: _className, ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
-            ? React$1.Children.map(children, function (child, index) {
-                if (React$1.isValidElement(child)) {
-                    return React$1.createElement("li", { key: index }, React$1.cloneElement(child));
-                }
-                return;
-            })
-            : children));
-    };
+    var dropdownMenuComponent = function (style, ref) { return (React$1.createElement(Component, __assign$1({ className: classNames$1('dropdown-menu', {
+            'dropdown-menu-dark': dark,
+            show: visible,
+        }, alignment && alignmentClassNames(alignment), className), ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
+        ? React$1.Children.map(children, function (child, index) {
+            if (React$1.isValidElement(child)) {
+                return React$1.createElement("li", { key: index }, React$1.cloneElement(child));
+            }
+            return;
+        })
+        : children)); };
     return popper && visible ? (React$1.createElement(Popper, { innerRef: dropdownMenuRef, placement: _placement }, function (_a) {
         var ref = _a.ref, style = _a.style;
         return dropdownMenuComponent(style, ref);
@@ -10208,11 +10097,6 @@ CDropdownMenu.displayName = 'CDropdownMenu';
 var CDropdownToggle = function (_a) {
     var children = _a.children, _b = _a.caret, caret = _b === void 0 ? true : _b, custom = _a.custom, className = _a.className, split = _a.split, _c = _a.trigger, trigger = _c === void 0 ? 'click' : _c, rest = __rest$1(_a, ["children", "caret", "custom", "className", "split", "trigger"]);
     var _d = React$1.useContext(CDropdownContext), dropdownToggleRef = _d.dropdownToggleRef, popper = _d.popper, variant = _d.variant, visible = _d.visible, setVisible = _d.setVisible;
-    var _className = classNames$1({
-        'dropdown-toggle': caret,
-        'dropdown-toggle-split': split,
-        'nav-link': variant === 'nav-item',
-    }, className);
     var triggers = __assign$1(__assign$1({}, ((trigger === 'click' || trigger.includes('click')) && {
         onClick: function (event) {
             event.preventDefault();
@@ -10222,11 +10106,21 @@ var CDropdownToggle = function (_a) {
         onFocus: function () { return setVisible(true); },
         onBlur: function () { return setVisible(false); },
     }));
-    var togglerProps = __assign$1(__assign$1({ className: _className, 'aria-expanded': visible }, (!rest.disabled && __assign$1({}, triggers))), triggers);
+    var togglerProps = __assign$1({ className: classNames$1({
+            'dropdown-toggle': caret,
+            'dropdown-toggle-split': split,
+            'nav-link': variant === 'nav-item',
+        }, className), 'aria-expanded': visible }, (!rest.disabled && __assign$1({}, triggers)));
     // We use any because Toggler can be `a` as well as `button`.
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var Toggler = function (ref) {
-        return custom && React$1.isValidElement(children) ? (React$1.createElement(React$1.Fragment, null, React$1.cloneElement(children, __assign$1(__assign$1({ 'aria-expanded': visible }, (!rest.disabled && __assign$1({}, triggers))), { ref: useForkedRef(ref, dropdownToggleRef) })))) : variant === 'nav-item' ? (React$1.createElement("a", __assign$1({ href: "#" }, togglerProps, { ref: useForkedRef(ref, dropdownToggleRef) }), children)) : (React$1.createElement(CButton, __assign$1({ type: "button" }, togglerProps, { tabIndex: 0 }, rest, { ref: useForkedRef(ref, dropdownToggleRef) }),
+        if (custom && React$1.isValidElement(children)) {
+            return (React$1.createElement(React$1.Fragment, null, React$1.cloneElement(children, __assign$1(__assign$1({ 'aria-expanded': visible }, (!rest.disabled && __assign$1({}, triggers))), { ref: useForkedRef(ref, dropdownToggleRef) }))));
+        }
+        if (variant === 'nav-item') {
+            return (React$1.createElement("a", __assign$1({ href: "#" }, togglerProps, { ref: useForkedRef(ref, dropdownToggleRef) }), children));
+        }
+        return (React$1.createElement(CButton, __assign$1({ type: "button" }, togglerProps, { tabIndex: 0 }, rest, { ref: useForkedRef(ref, dropdownToggleRef) }),
             children,
             split && React$1.createElement("span", { className: "visually-hidden" }, "Toggle Dropdown")));
     };
@@ -10259,12 +10153,12 @@ var CPicker = React$1.forwardRef(function (_a, ref) {
                 onConfirm && onConfirm();
                 setVisible(false);
             } }, confirmButton)))); };
-    var _className = classNames$1('picker', className);
     switch (container) {
-        case 'inline':
-            return React$1.createElement("div", { className: _className }, children);
-        default:
-            return (React$1.createElement(CDropdown, __assign$1({ autoClose: "outside", className: _className, onHide: function () {
+        case 'inline': {
+            return React$1.createElement("div", { className: classNames$1('picker', className) }, children);
+        }
+        default: {
+            return (React$1.createElement(CDropdown, __assign$1({ autoClose: "outside", className: classNames$1('picker', className), onHide: function () {
                     setVisible(false);
                     onHide && onHide();
                 }, onShow: function () {
@@ -10275,6 +10169,7 @@ var CPicker = React$1.forwardRef(function (_a, ref) {
                 React$1.createElement(CDropdownMenu, { component: "div" },
                     children,
                     footer && (React$1.createElement("div", { className: "picker-footer" }, typeof footer === 'boolean' ? Footer() : footer)))));
+        }
     }
 });
 CPicker.displayName = 'CPicker';
@@ -10401,13 +10296,11 @@ var CTimePicker = React$1.forwardRef(function (_a, ref) {
         listOfSeconds: [],
         hour12: false,
     }), localizedTimePartials = _r[0], setLocalizedTimePartials = _r[1];
-    React$1.useEffect(function () {
-        setLocalizedTimePartials(getLocalizedTimePartials(locale, ampm));
-    }, [date]);
     React$1.useEffect(function () {
         setDate(convertTimeToDate(time));
     }, [time]);
     React$1.useEffect(function () {
+        setLocalizedTimePartials(getLocalizedTimePartials(locale, ampm));
         if (inputRef.current) {
             inputRef.current.value = date
                 ? date.toLocaleTimeString(locale, __assign$1({ hour12: localizedTimePartials && localizedTimePartials.hour12 }, (!seconds && { timeStyle: 'short' })))
@@ -10432,17 +10325,17 @@ var CTimePicker = React$1.forwardRef(function (_a, ref) {
         }
         if (set === 'hours') {
             if (localizedTimePartials && localizedTimePartials.hour12) {
-                _date.setHours(convert12hTo24h(_ampm, parseInt(value)));
+                _date.setHours(convert12hTo24h(_ampm, Number.parseInt(value)));
             }
             else {
-                _date.setHours(parseInt(value));
+                _date.setHours(Number.parseInt(value));
             }
         }
         if (set === 'minutes') {
-            _date.setMinutes(parseInt(value));
+            _date.setMinutes(Number.parseInt(value));
         }
         if (set === 'seconds') {
-            _date.setSeconds(parseInt(value));
+            _date.setSeconds(Number.parseInt(value));
         }
         setDate(new Date(_date));
         onTimeChange && onTimeChange(_date.toTimeString(), _date.toLocaleTimeString(), _date);
@@ -10503,12 +10396,11 @@ var CTimePicker = React$1.forwardRef(function (_a, ref) {
                 { value: 'am', label: 'AM' },
                 { value: 'pm', label: 'PM' },
             ], onClick: function (value) { return handleTimeChange('toggle', value); }, selected: _ampm })))); };
-    var _className = classNames$1('time-picker', {
-        'is-invalid': invalid,
-        'is-valid': valid,
-    }, className);
     return (React$1.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React$1.createElement(CPicker, __assign$1({ className: _className, container: container, disabled: disabled, footer: footer, id: id, onCancel: function () {
+        React$1.createElement(CPicker, __assign$1({ className: classNames$1('time-picker', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }, className), container: container, disabled: disabled, footer: footer, id: id, onCancel: function () {
                 initialDate && setDate(new Date(initialDate));
                 setVisible(false);
             }, onHide: function () {
@@ -10526,6 +10418,39 @@ var CTimePicker = React$1.forwardRef(function (_a, ref) {
 CTimePicker.propTypes = __assign$1(__assign$1(__assign$1({}, CFormControlWrapper.propTypes), CPicker.propTypes), { ampm: propTypesExports.oneOfType([propTypesExports.oneOf(['auto']), propTypesExports.bool]), className: propTypesExports.string, locale: propTypesExports.string, onTimeChange: propTypesExports.func, seconds: propTypesExports.bool, time: propTypesExports.oneOfType([propTypesExports.instanceOf(Date), propTypesExports.string]), variant: propTypesExports.oneOf(['roll', 'select']) });
 CTimePicker.displayName = 'CTimePicker';
 
+var getLocalDateFromString = function (string, locale, time) {
+    if (!Number.isNaN(Date.parse(string))) {
+        return new Date(Date.parse(string));
+    }
+    var date = new Date(2013, 11, 31, 17, 19, 22);
+    var regex = time ? date.toLocaleString(locale) : date.toLocaleDateString(locale);
+    regex = regex
+        .replace('2013', '(?<year>[0-9]{2,4})')
+        .replace('12', '(?<month>[0-9]{1,2})')
+        .replace('31', '(?<day>[0-9]{1,2})');
+    if (time) {
+        regex = regex
+            .replace('5', '(?<hour>[0-9]{1,2})')
+            .replace('17', '(?<hour>[0-9]{1,2})')
+            .replace('19', '(?<minute>[0-9]{1,2})')
+            .replace('22', '(?<second>[0-9]{1,2})')
+            .replace('PM', '(?<ampm>[A-Z]{2})');
+    }
+    var rgx = new RegExp("".concat(regex));
+    var partials = string.match(rgx);
+    if (partials === null)
+        return;
+    var newDate = partials.groups &&
+        (time
+            ? new Date(Number(partials.groups['year']), Number(partials.groups['month']) - 1, Number(partials.groups['day']), partials.groups['ampm']
+                ? partials.groups['ampm'] === 'PM'
+                    ? Number(partials.groups['hour']) + 12
+                    : Number(partials.groups['hour'])
+                : Number(partials.groups['hour']), Number(partials.groups['minute']), Number(partials.groups['second']))
+            : new Date(Number(partials.groups['year']), Number(partials.groups['month']) - 1, Number(partials.groups['day'])));
+    return newDate;
+};
+
 var _a, _b, _c, _d, _e, _f;
 var CDateRangePicker = React$1.forwardRef(function (_a, ref) {
     var _b = _a.calendars, calendars = _b === void 0 ? 2 : _b, className = _a.className, _c = _a.cleaner, cleaner = _c === void 0 ? true : _c, calendarDate = _a.calendarDate, _d = _a.closeOnSelect, closeOnSelect = _d === void 0 ? true : _d, _e = _a.indicator, indicator = _e === void 0 ? true : _e, dayFormat = _a.dayFormat, disabled = _a.disabled, disabledDates = _a.disabledDates, endDate = _a.endDate, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, firstDayOfWeek = _a.firstDayOfWeek, format = _a.format, footer = _a.footer, id = _a.id, inputReadOnly = _a.inputReadOnly, invalid = _a.invalid, label = _a.label, _f = _a.locale, locale = _f === void 0 ? 'default' : _f, maxDate = _a.maxDate, minDate = _a.minDate, navigation = _a.navigation, navYearFirst = _a.navYearFirst, onEndDateChange = _a.onEndDateChange, onHide = _a.onHide, onStartDateChange = _a.onStartDateChange, onShow = _a.onShow, _g = _a.placeholder, placeholder = _g === void 0 ? ['Start date', 'End date'] : _g, _h = _a.range, range = _h === void 0 ? true : _h, ranges = _a.ranges, _j = _a.rangesButtonsColor, rangesButtonsColor = _j === void 0 ? 'secondary' : _j, rangesButtonsSize = _a.rangesButtonsSize, _k = _a.rangesButtonsVariant, rangesButtonsVariant = _k === void 0 ? 'ghost' : _k, _l = _a.separator, separator = _l === void 0 ? true : _l, size = _a.size, startDate = _a.startDate, text = _a.text, timepicker = _a.timepicker, toggler = _a.toggler, _m = _a.todayButton, todayButton = _m === void 0 ? 'Today' : _m, _o = _a.todayButtonColor, todayButtonColor = _o === void 0 ? 'primary' : _o, _p = _a.todayButtonSize, todayButtonSize = _p === void 0 ? 'sm' : _p, todayButtonVariant = _a.todayButtonVariant, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, visible = _a.visible, weekdayFormat = _a.weekdayFormat, rest = __rest$1(_a, ["calendars", "className", "cleaner", "calendarDate", "closeOnSelect", "indicator", "dayFormat", "disabled", "disabledDates", "endDate", "feedback", "feedbackInvalid", "feedbackValid", "firstDayOfWeek", "format", "footer", "id", "inputReadOnly", "invalid", "label", "locale", "maxDate", "minDate", "navigation", "navYearFirst", "onEndDateChange", "onHide", "onStartDateChange", "onShow", "placeholder", "range", "ranges", "rangesButtonsColor", "rangesButtonsSize", "rangesButtonsVariant", "separator", "size", "startDate", "text", "timepicker", "toggler", "todayButton", "todayButtonColor", "todayButtonSize", "todayButtonVariant", "tooltipFeedback", "valid", "visible", "weekdayFormat"]);
@@ -10626,10 +10551,6 @@ var CDateRangePicker = React$1.forwardRef(function (_a, ref) {
         setStartDate(null);
         setEndDate(null);
     };
-    var _className = classNames$1('date-picker', {
-        'is-invalid': invalid,
-        'is-valid': valid,
-    }, className);
     var InputGroup = function () { return (React$1.createElement(CInputGroup, { className: "picker-input-group", size: size },
         React$1.createElement(CFormInput, __assign$1({ autoComplete: "off", className: classNames$1({
                 hover: inputStartHoverValue,
@@ -10654,12 +10575,15 @@ var CDateRangePicker = React$1.forwardRef(function (_a, ref) {
             indicator && (React$1.createElement("span", { className: "picker-input-group-indicator" }, typeof indicator === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon date-picker-input-icon" })) : (indicator))),
             cleaner && _startDate && (React$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, typeof cleaner === 'boolean' ? (React$1.createElement("span", { className: "picker-input-group-icon date-picker-cleaner-icon" })) : (cleaner))))))); };
     return (React$1.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React$1.createElement(CPicker, __assign$1({ className: _className, disabled: disabled, footer: footer || timepicker, footerContent: todayButton && (React$1.createElement(CButton, { className: "me-auto", color: todayButtonColor, size: todayButtonSize, variant: todayButtonVariant, onClick: function () {
+        React$1.createElement(CPicker, __assign$1({ className: classNames$1('date-picker', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }, className), disabled: disabled, footer: footer || timepicker, footerContent: todayButton && (React$1.createElement(CButton, { className: "me-auto", color: todayButtonColor, size: todayButtonSize, variant: todayButtonVariant, onClick: function () {
                     var date = new Date();
                     handleStartDateChange(date);
                     handleEndDateChange(date);
                     setCalendarDate(date);
-                } }, todayButton)), id: id, toggler: toggler ? toggler : InputGroup(), onCancel: function () {
+                } }, todayButton)), id: id, toggler: toggler !== null && toggler !== void 0 ? toggler : InputGroup(), onCancel: function () {
                 handleStartDateChange(initialStartDate);
                 handleEndDateChange(initialEndDate);
                 setVisible(false);
@@ -10704,8 +10628,7 @@ CDatePicker.propTypes = __assign$1(__assign$1({}, CDateRangePicker.propTypes), {
 
 var CDropdownDivider = React$1.forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
-    var _className = classNames$1('dropdown-divider', className);
-    return React$1.createElement("hr", __assign$1({ className: _className }, rest, { ref: ref }));
+    return React$1.createElement("hr", __assign$1({ className: classNames$1('dropdown-divider', className) }, rest, { ref: ref }));
 });
 CDropdownDivider.propTypes = {
     className: propTypesExports.string,
@@ -10714,8 +10637,7 @@ CDropdownDivider.displayName = 'CDropdownDivider';
 
 var CDropdownHeader = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'h6' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('dropdown-header', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('dropdown-header', className) }, rest, { ref: ref }), children));
 });
 CDropdownHeader.propTypes = {
     children: propTypesExports.node,
@@ -10726,8 +10648,7 @@ CDropdownHeader.displayName = 'CDropdownHeader';
 
 var CDropdownItem = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, component = _b === void 0 ? 'a' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('dropdown-item', className);
-    return (React$1.createElement(CLink, __assign$1({ className: _className, component: component }, rest, { ref: ref }), children));
+    return (React$1.createElement(CLink, __assign$1({ className: classNames$1('dropdown-item', className), component: component }, rest, { ref: ref }), children));
 });
 CDropdownItem.propTypes = {
     children: propTypesExports.node,
@@ -10738,8 +10659,7 @@ CDropdownItem.displayName = 'CDropdownItem';
 
 var CDropdownItemPlain = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('dropdown-item-text', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('dropdown-item-text', className) }, rest, { ref: ref }), children));
 });
 CDropdownItemPlain.propTypes = {
     children: propTypesExports.node,
@@ -10750,8 +10670,7 @@ CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 
 var CSpinner = React$1.forwardRef(function (_a, ref) {
     var className = _a.className, color = _a.color, _b = _a.component, Component = _b === void 0 ? 'div' : _b, size = _a.size, _c = _a.variant, variant = _c === void 0 ? 'border' : _c, _d = _a.visuallyHiddenLabel, visuallyHiddenLabel = _d === void 0 ? 'Loading...' : _d, rest = __rest$1(_a, ["className", "color", "component", "size", "variant", "visuallyHiddenLabel"]);
-    var _className = classNames$1("spinner-".concat(variant), "text-".concat(color), size && "spinner-".concat(variant, "-").concat(size), className);
-    return (React$1.createElement(Component, __assign$1({ className: _className, role: "status" }, rest, { ref: ref }),
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1("spinner-".concat(variant), "text-".concat(color), size && "spinner-".concat(variant, "-").concat(size), className), role: "status" }, rest, { ref: ref }),
         React$1.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
 });
 CSpinner.propTypes = {
@@ -10818,8 +10737,7 @@ CElementCover.displayName = 'CElementCover';
 var CFooter = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, position = _a.position, rest = __rest$1(_a, ["children", "className", "position"]);
-    var _className = classNames$1('footer', (_b = {}, _b["footer-".concat(position)] = position, _b), className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('footer', (_b = {}, _b["footer-".concat(position)] = position, _b), className) }, rest, { ref: ref }), children));
 });
 CFooter.propTypes = {
     children: propTypesExports.node,
@@ -10864,8 +10782,7 @@ var CCol = React$1.forwardRef(function (_a, ref) {
             }
         }
     });
-    var _className = classNames$1(repsonsiveClassNames.length ? repsonsiveClassNames : 'col', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'col', className) }, rest, { ref: ref }), children));
 });
 var span = propTypesExports.oneOfType([
     propTypesExports.bool,
@@ -10913,8 +10830,7 @@ var CContainer = React$1.forwardRef(function (_a, ref) {
         delete rest[bp];
         breakpoint && repsonsiveClassNames.push("container-".concat(bp));
     });
-    var _className = classNames$1(repsonsiveClassNames.length ? repsonsiveClassNames : 'container', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'container', className) }, rest, { ref: ref }), children));
 });
 CContainer.propTypes = {
     children: propTypesExports.node,
@@ -10958,8 +10874,7 @@ var CRow = React$1.forwardRef(function (_a, ref) {
             }
         }
     });
-    var _className = classNames$1('row', repsonsiveClassNames, className);
-    return (React$1.createElement("div", { className: _className, ref: ref }, children));
+    return (React$1.createElement("div", { className: classNames$1('row', repsonsiveClassNames, className), ref: ref }, children));
 });
 var bp = propTypesExports.shape({
     cols: propTypesExports.oneOfType([propTypesExports.oneOf(['auto']), propTypesExports.number, propTypesExports.string]),
@@ -10982,15 +10897,7 @@ CRow.displayName = 'CRow';
 var CHeader = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, container = _a.container, position = _a.position, rest = __rest$1(_a, ["children", "className", "container", "position"]);
-    var _className = classNames$1('header', (_b = {}, _b["header-".concat(position)] = position, _b), className);
-    var content;
-    if (container) {
-        content = (React$1.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
-    }
-    else {
-        content = children;
-    }
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), content));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('header', (_b = {}, _b["header-".concat(position)] = position, _b), className) }, rest, { ref: ref }), container ? (React$1.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React$1.createElement(React$1.Fragment, null, children))));
 });
 CHeader.propTypes = {
     children: propTypesExports.node,
@@ -11012,8 +10919,7 @@ CHeader.displayName = 'CHeader';
 
 var CHeaderBrand = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'a' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('header-brand', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('header-brand', className) }, rest, { ref: ref }), children));
 });
 CHeaderBrand.propTypes = {
     children: propTypesExports.node,
@@ -11024,8 +10930,7 @@ CHeaderBrand.displayName = 'CHeaderBrand';
 
 var CHeaderDivider = React$1.forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
-    var _className = classNames$1('header-divider', className);
-    return React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }));
+    return React$1.createElement("div", __assign$1({ className: classNames$1('header-divider', className) }, rest, { ref: ref }));
 });
 CHeaderDivider.propTypes = {
     className: propTypesExports.string,
@@ -11034,8 +10939,7 @@ CHeaderDivider.displayName = 'CHeaderDivider';
 
 var CHeaderNav = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('header-nav', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('header-nav', className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CHeaderNav.propTypes = {
     children: propTypesExports.node,
@@ -11046,8 +10950,7 @@ CHeaderNav.displayName = 'CHeaderNav';
 
 var CHeaderText = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('header-text', className);
-    return (React$1.createElement("span", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("span", __assign$1({ className: classNames$1('header-text', className) }, rest, { ref: ref }), children));
 });
 CHeaderText.propTypes = {
     children: propTypesExports.node,
@@ -11057,8 +10960,7 @@ CHeaderText.displayName = 'CHeaderText';
 
 var CHeaderToggler = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('header-toggler', className);
-    return (React$1.createElement("button", __assign$1({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React$1.createElement("span", { className: "header-toggler-icon" })));
+    return (React$1.createElement("button", __assign$1({ type: "button", className: classNames$1('header-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React$1.createElement("span", { className: "header-toggler-icon" })));
 });
 CHeaderToggler.propTypes = {
     children: propTypesExports.node,
@@ -11069,14 +10971,13 @@ CHeaderToggler.displayName = 'CHeaderToggler';
 var CImage = React$1.forwardRef(function (_a, ref) {
     var _b;
     var align = _a.align, className = _a.className, fluid = _a.fluid, rounded = _a.rounded, thumbnail = _a.thumbnail, rest = __rest$1(_a, ["align", "className", "fluid", "rounded", "thumbnail"]);
-    var _className = classNames$1((_b = {},
-        _b["float-".concat(align)] = align && (align === 'start' || align === 'end'),
-        _b['d-block mx-auto'] = align && align === 'center',
-        _b['img-fluid'] = fluid,
-        _b.rounded = rounded,
-        _b['img-thumbnail'] = thumbnail,
-        _b), className);
-    return React$1.createElement("img", __assign$1({ className: _className }, rest, { ref: ref }));
+    return (React$1.createElement("img", __assign$1({ className: classNames$1((_b = {},
+            _b["float-".concat(align)] = align && (align === 'start' || align === 'end'),
+            _b['d-block mx-auto'] = align && align === 'center',
+            _b['img-fluid'] = fluid,
+            _b.rounded = rounded,
+            _b['img-thumbnail'] = thumbnail,
+            _b), className) || undefined }, rest, { ref: ref })));
 });
 CImage.propTypes = {
     align: propTypesExports.oneOf(['start', 'center', 'end']),
@@ -11090,12 +10991,11 @@ CImage.displayName = 'CImage';
 var CListGroup = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.component, Component = _c === void 0 ? 'ul' : _c, flush = _a.flush, layout = _a.layout;
-    var _className = classNames$1('list-group', (_b = {
-            'list-group-flush': flush
-        },
-        _b["list-group-".concat(layout)] = layout,
-        _b), className);
-    return (React$1.createElement(Component, { className: _className, ref: ref }, children));
+    return (React$1.createElement(Component, { className: classNames$1('list-group', (_b = {
+                'list-group-flush': flush
+            },
+            _b["list-group-".concat(layout)] = layout,
+            _b), className), ref: ref }, children));
 });
 CListGroup.propTypes = {
     children: propTypesExports.node,
@@ -11115,22 +11015,20 @@ CListGroup.displayName = 'CListGroup';
 
 var CListGroupItem = React$1.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, active = _a.active, className = _a.className, disabled = _a.disabled, href = _a.href, color = _a.color, _c = _a.component, component = _c === void 0 ? 'li' : _c, rest = __rest$1(_a, ["children", "active", "className", "disabled", "href", "color", "component"]);
-    var _className = classNames$1('list-group-item', (_b = {},
-        _b["list-group-item-".concat(color)] = color,
-        _b['list-group-item-action'] = component === 'a' || component === 'button',
-        _b.active = active,
-        _b.disabled = disabled,
-        _b), className);
+    var children = _a.children, active = _a.active, className = _a.className, disabled = _a.disabled, color = _a.color, _c = _a.component, component = _c === void 0 ? 'li' : _c, rest = __rest$1(_a, ["children", "active", "className", "disabled", "color", "component"]);
     var Component = component === 'a' || component === 'button' ? CLink : component;
     rest = __assign$1(__assign$1(__assign$1(__assign$1({}, ((component === 'a' || component === 'button') && {
         active: active,
-        component: component,
         disabled: disabled,
-        href: href,
+        component: component,
         ref: ref,
     })), (active && { 'aria-current': true })), (disabled && { 'aria-disabled': true })), rest);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('list-group-item', (_b = {},
+            _b["list-group-item-".concat(color)] = color,
+            _b['list-group-item-action'] = component === 'a' || component === 'button',
+            _b.active = active,
+            _b.disabled = disabled,
+            _b), className) }, rest), children));
 });
 CListGroupItem.propTypes = {
     active: propTypesExports.bool,
@@ -11157,8 +11055,7 @@ var CLoadingButton = React$1.forwardRef(function (_a, ref) {
             }, timeout);
         }
     };
-    var _className = classNames$1('btn-loading', _loading && 'is-loading', className);
-    return (React$1.createElement(CButton, __assign$1({ className: _className }, (disabledOnLoading && _loading && { disabled: true }), { onClick: handleOnClick }, rest, { ref: ref }),
+    return (React$1.createElement(CButton, __assign$1({ className: classNames$1('btn-loading', _loading && 'is-loading', className) }, (disabledOnLoading && _loading && { disabled: true }), { onClick: handleOnClick }, rest, { ref: ref }),
         React$1.createElement(CSpinner, { className: "btn-loading-spinner", size: "sm", variant: spinnerType }),
         children));
 });
@@ -11175,8 +11072,7 @@ CLoadingButton.displayName = 'CLoadingButton';
 
 var CModalContent = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('modal-content', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-content', className) }, rest, { ref: ref }), children));
 });
 CModalContent.propTypes = {
     children: propTypesExports.node,
@@ -11187,16 +11083,15 @@ CModalContent.displayName = 'CModalContent';
 var CModalDialog = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, alignment = _a.alignment, className = _a.className, fullscreen = _a.fullscreen, scrollable = _a.scrollable, size = _a.size, rest = __rest$1(_a, ["children", "alignment", "className", "fullscreen", "scrollable", "size"]);
-    var _className = classNames$1('modal-dialog', (_b = {
-            'modal-dialog-centered': alignment === 'center'
-        },
-        _b[typeof fullscreen === 'boolean'
-            ? 'modal-fullscreen'
-            : "modal-fullscreen-".concat(fullscreen, "-down")] = fullscreen,
-        _b['modal-dialog-scrollable'] = scrollable,
-        _b["modal-".concat(size)] = size,
-        _b), className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-dialog', (_b = {
+                'modal-dialog-centered': alignment === 'center'
+            },
+            _b[typeof fullscreen === 'boolean'
+                ? 'modal-fullscreen'
+                : "modal-fullscreen-".concat(fullscreen, "-down")] = fullscreen,
+            _b['modal-dialog-scrollable'] = scrollable,
+            _b["modal-".concat(size)] = size,
+            _b), className) }, rest, { ref: ref }), children));
 });
 CModalDialog.propTypes = {
     alignment: propTypesExports.oneOf(['top', 'center']),
@@ -11219,19 +11114,19 @@ var CModal = React$1.forwardRef(function (_a, ref) {
     var forkedRef = useForkedRef(ref, modalRef);
     var _h = React$1.useState(visible), _visible = _h[0], setVisible = _h[1];
     var _j = React$1.useState(false), staticBackdrop = _j[0], setStaticBackdrop = _j[1];
-    React$1.useEffect(function () {
-        setVisible(visible);
-    }, [visible]);
     var contextValues = {
         visible: _visible,
         setVisible: setVisible,
     };
     React$1.useEffect(function () {
-        modalRef.current && modalRef.current.addEventListener('click', handleClickOutside);
-        modalRef.current && modalRef.current.addEventListener('keyup', handleKeyDown);
+        setVisible(visible);
+    }, [visible]);
+    React$1.useEffect(function () {
+        document.addEventListener('click', handleClickOutside);
+        document.addEventListener('keydown', handleKeyDown);
         return function () {
-            modalRef.current && modalRef.current.removeEventListener('click', handleClickOutside);
-            modalRef.current && modalRef.current.removeEventListener('keyup', handleKeyDown);
+            document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
         };
     }, [_visible]);
     var handleDismiss = function () {
@@ -11244,19 +11139,6 @@ var CModal = React$1.forwardRef(function (_a, ref) {
         onClosePrevented && onClosePrevented();
         setTimeout(function () { return setStaticBackdrop(false); }, duration);
     }, [staticBackdrop]);
-    var getTransitionClass = function (state) {
-        return state === 'entering'
-            ? 'd-block'
-            : state === 'entered'
-                ? 'show d-block'
-                : state === 'exiting'
-                    ? 'd-block'
-                    : '';
-    };
-    var _className = classNames$1('modal', {
-        'modal-static': staticBackdrop,
-        fade: transition,
-    }, className);
     // Set focus to modal after open
     React$1.useLayoutEffect(function () {
         if (_visible) {
@@ -11268,7 +11150,7 @@ var CModal = React$1.forwardRef(function (_a, ref) {
             setTimeout(function () {
                 var _a;
                 (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, !transition ? 0 : duration);
+            }, transition ? duration : 0);
         }
         else {
             document.body.classList.remove('modal-open');
@@ -11291,27 +11173,23 @@ var CModal = React$1.forwardRef(function (_a, ref) {
             handleDismiss();
         }
     };
-    var handleKeyDown = React$1.useCallback(function (event) {
+    var handleKeyDown = function (event) {
         if (event.key === 'Escape' && keyboard) {
-            return handleDismiss();
+            handleDismiss();
         }
-    }, [modalRef, handleDismiss]);
-    var modal = function (ref, transitionClass) {
-        return (React$1.createElement(CModalContext.Provider, { value: contextValues },
-            React$1.createElement("div", { className: classNames$1(_className, transitionClass), tabIndex: -1, role: "dialog", ref: ref },
-                React$1.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
-                    React$1.createElement(CModalContent, __assign$1({}, rest, { ref: modalContentRef }), children)))));
     };
     return (React$1.createElement(React$1.Fragment, null,
-        React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
-            var transitionClass = getTransitionClass(state);
-            return typeof window !== 'undefined' && portal
-                ? ReactDOM.createPortal(modal(forkedRef, transitionClass), document.body)
-                : modal(forkedRef, transitionClass);
-        }),
-        typeof window !== 'undefined' && portal
-            ? backdrop && ReactDOM.createPortal(React$1.createElement(CBackdrop, { visible: _visible }), document.body)
-            : backdrop && React$1.createElement(CBackdrop, { visible: _visible })));
+        React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: transition ? duration : 0 }, function (state) { return (React$1.createElement(CConditionalPortal, { portal: portal },
+            React$1.createElement(CModalContext.Provider, { value: contextValues },
+                React$1.createElement("div", { className: classNames$1('modal', {
+                        'modal-static': staticBackdrop,
+                        fade: transition,
+                        show: state === 'entered',
+                    }, className), tabIndex: -1, role: "dialog", style: __assign$1({}, (state !== 'exited' && { display: 'block' })), ref: forkedRef },
+                    React$1.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
+                        React$1.createElement(CModalContent, __assign$1({}, rest, { ref: modalContentRef }), children)))))); }),
+        backdrop && (React$1.createElement(CConditionalPortal, { portal: portal },
+            React$1.createElement(CBackdrop, { visible: _visible })))));
 });
 CModal.propTypes = {
     alignment: propTypesExports.oneOf(['top', 'center']),
@@ -11338,8 +11216,7 @@ CModal.displayName = 'CModal';
 
 var CModalBody = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('modal-body', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-body', className) }, rest, { ref: ref }), children));
 });
 CModalBody.propTypes = {
     children: propTypesExports.node,
@@ -11349,8 +11226,7 @@ CModalBody.displayName = 'CModalBody';
 
 var CModalFooter = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('modal-footer', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-footer', className) }, rest, { ref: ref }), children));
 });
 CModalFooter.propTypes = {
     children: propTypesExports.node,
@@ -11361,8 +11237,7 @@ CModalFooter.displayName = 'CModalFooter';
 var CModalHeader = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.closeButton, closeButton = _b === void 0 ? true : _b, rest = __rest$1(_a, ["children", "className", "closeButton"]);
     var setVisible = React$1.useContext(CModalContext).setVisible;
-    var _className = classNames$1('modal-header', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-header', className) }, rest, { ref: ref }),
         children,
         closeButton && React$1.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
 });
@@ -11375,8 +11250,7 @@ CModalHeader.displayName = 'CModalHeader';
 
 var CModalTitle = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('modal-title', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('modal-title', className) }, rest, { ref: ref }), children));
 });
 CModalTitle.propTypes = {
     children: propTypesExports.node,
@@ -11385,12 +11259,6 @@ CModalTitle.propTypes = {
 };
 CModalTitle.displayName = 'CModalTitle';
 
-// TODO: check if component property is necessary.
-var CMultiSelectCleaner = React$1.forwardRef(function (props, ref) {
-    return (React$1.createElement("button", __assign$1({ type: "button", className: "form-multi-select-selection-cleaner" }, props, { ref: ref })));
-});
-CMultiSelectCleaner.displayName = 'CMultiSelectCleaner';
-
 var CMultiSelectNativeSelect = React$1.forwardRef(function (_a, ref) {
     var multiple = _a.multiple, options = _a.options, rest = __rest$1(_a, ["multiple", "options"]);
     var createNativeOptions = function (options) {
@@ -11408,88 +11276,145 @@ CMultiSelectNativeSelect.propTypes = {
 CMultiSelectNativeSelect.displayName = 'CMultiSelectNativeSelect';
 
 var CVirtualScroller = React$1.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.itemHeight, itemHeight = _b === void 0 ? 'auto' : _b, visibleItems = _a.visibleItems, itemsNumber = _a.itemsNumber, onScroll = _a.onScroll;
+    var children = _a.children, className = _a.className, visibleItems = _a.visibleItems, onScroll = _a.onScroll;
     var virtualScrollRef = React$1.useRef(null);
     var virtualScrollContentRef = React$1.useRef(null);
     var forkedRef = useForkedRef(ref, virtualScrollRef);
-    var _c = React$1.useState(0), currentItemIndex = _c[0], setCurrentItemIndex = _c[1];
-    var _d = React$1.useState(itemHeight === 'auto' ? 0 : itemHeight), _itemHeight = _d[0], setItemHeight = _d[1];
-    var _e = React$1.useState(itemsNumber || React$1.Children.count(children)), _itemsNumber = _e[0], setItemsNumber = _e[1];
+    var _b = React$1.useState(Math.floor(visibleItems / 2)), buffer = _b[0], setBuffer = _b[1];
+    var _c = React$1.useState(1), currentItemIndex = _c[0], setCurrentItemIndex = _c[1];
+    var _d = React$1.useState(0), itemHeight = _d[0], setItemHeight = _d[1];
+    var _e = React$1.useState(React$1.Children.count(children)), itemsNumber = _e[0], setItemsNumber = _e[1];
     var _f = React$1.useState(0), viewportPadding = _f[0], setViewportPadding = _f[1];
-    var _g = React$1.useState(visibleItems * _itemHeight + 2 * viewportPadding), viewportHeight = _g[0], setViewportHeight = _g[1];
-    var _h = React$1.useState(_itemsNumber * _itemHeight + 2 * viewportPadding), maxHeight = _h[0], setMaxHeight = _h[1];
-    var _j = React$1.useState(0), topPadding = _j[0], setTopPadding = _j[1];
-    var _k = React$1.useState(0), bottomPadding = _k[0], setBottomPadding = _k[1];
-    var _l = React$1.useState(0), contentHeight = _l[0], setContentHeight = _l[1];
+    var _g = React$1.useState(visibleItems * itemHeight + 2 * viewportPadding), viewportHeight = _g[0], setViewportHeight = _g[1];
+    var _h = React$1.useState(itemsNumber * itemHeight + 2 * viewportPadding), maxHeight = _h[0], setMaxHeight = _h[1];
     React$1.useEffect(function () {
         virtualScrollRef.current && virtualScrollRef.current.scrollTop;
         virtualScrollRef.current &&
-            setViewportPadding(parseFloat(getComputedStyle(virtualScrollRef.current).paddingTop));
+            setViewportPadding(Number.parseFloat(getComputedStyle(virtualScrollRef.current).paddingTop));
     });
     React$1.useEffect(function () {
         setItemsNumber(itemsNumber || React$1.Children.count(children));
     }, [children, itemsNumber]);
     React$1.useEffect(function () {
-        setViewportHeight(visibleItems * _itemHeight + 2 * viewportPadding);
-    }, [viewportPadding, visibleItems, _itemHeight]);
+        setViewportHeight(visibleItems * itemHeight + 2 * viewportPadding);
+    }, [viewportPadding, visibleItems, itemHeight]);
     React$1.useEffect(function () {
-        setMaxHeight(_itemsNumber * _itemHeight + 2 * viewportPadding);
+        setMaxHeight(itemsNumber * itemHeight + 2 * viewportPadding);
         virtualScrollRef.current && virtualScrollRef.current.scrollTop;
-        setTopPadding(0);
-    }, [_itemsNumber, _itemHeight]);
+    }, [itemsNumber, itemHeight]);
+    React$1.useEffect(function () {
+        setBuffer(Math.floor(visibleItems / 2));
+    }, [visibleItems]);
     var handleScroll = function (scrollTop) {
-        var _currentItemIndex = Math.min(Math.max(1 +
-            Math.max(Math.floor(scrollTop / _itemHeight), 0) -
-            Math.min(Math.floor(visibleItems / 2) - (Math.floor(visibleItems / 2) - currentItemIndex) - 1, Math.floor(visibleItems / 2)), 1), _itemsNumber - visibleItems + 1);
-        virtualScrollContentRef.current &&
-            setContentHeight(virtualScrollContentRef.current.offsetHeight);
-        setTopPadding(Math.max(_currentItemIndex * _itemHeight - _itemHeight, 0));
-        setBottomPadding(Math.max(maxHeight - topPadding - contentHeight, 0));
+        var _currentItemIndex = itemHeight && Math.max(Math.ceil(scrollTop / itemHeight), 1);
         setCurrentItemIndex(_currentItemIndex);
         onScroll && onScroll(_currentItemIndex);
     };
-    var _className = classNames$1('virtual-scroller', className);
-    return (React$1.createElement("div", { className: _className, onScroll: function (event) {
+    return (React$1.createElement("div", { className: classNames$1('virtual-scroller', className), onScroll: function (event) {
             return handleScroll(event.target.scrollTop);
         }, ref: forkedRef, style: {
             height: maxHeight > viewportHeight ? viewportHeight : maxHeight,
             overflowY: 'auto',
         } },
-        React$1.createElement("div", { style: { height: topPadding } }),
-        React$1.createElement("div", { className: "virtual-scroller-content", ref: virtualScrollContentRef }, React$1.Children.map(children, function (child, index) {
-            var _index = index + 1;
+        React$1.createElement("div", { className: "virtual-scroller-content", style: {
+                height: maxHeight,
+            }, ref: virtualScrollContentRef }, React$1.Children.map(children, function (child, index) {
             if (React$1.isValidElement(child) &&
-                _index >= Math.max(currentItemIndex - Math.floor(visibleItems / 2), 0) &&
-                _index <= currentItemIndex + visibleItems + Math.floor(visibleItems / 2)) {
+                index + 1 > Math.max(currentItemIndex - buffer, 0) &&
+                index + 1 <= currentItemIndex + visibleItems + buffer) {
                 return React$1.cloneElement(child, {
                     className: classNames$1(child.props.className, {
-                        'virtual-scroller-item-preload': _index > currentItemIndex + visibleItems || _index < currentItemIndex,
+                        'virtual-scroller-item-preload': index + 1 > currentItemIndex + visibleItems || index + 1 < currentItemIndex,
                     }),
                     key: index,
+                    style: __assign$1({}, (currentItemIndex > buffer && {
+                        transform: "translateY(".concat((currentItemIndex - buffer) * itemHeight, "px)"),
+                    })),
                     ref: function (node) {
-                        return itemHeight === 'auto' &&
-                            node &&
+                        return node &&
                             node.offsetHeight &&
                             setItemHeight(node.offsetHeight +
-                                parseFloat(getComputedStyle(node).marginTop) +
-                                parseFloat(getComputedStyle(node).marginBottom));
+                                Number.parseFloat(getComputedStyle(node).marginTop) +
+                                Number.parseFloat(getComputedStyle(node).marginBottom));
                     },
                 });
             }
             return;
-        })),
-        React$1.createElement("div", { style: {
-                height: bottomPadding,
-            } })));
+        }))));
 });
 CVirtualScroller.propTypes = {
-    itemHeight: propTypesExports.number,
-    itemsNumber: propTypesExports.number,
     onScroll: propTypesExports.func,
     visibleItems: propTypesExports.number.isRequired,
 };
 CVirtualScroller.displayName = 'CVirtualScroller';
 
+var filterOptionsList = function (search, _options) {
+    return search.length > 0
+        ? _options &&
+            _options.reduce(function (acc, val) {
+                var options = val.options &&
+                    val.options.filter(function (element) {
+                        return element.text && element.text.toLowerCase().includes(search.toLowerCase());
+                    });
+                if ((val.text && val.text.toLowerCase().includes(search.toLowerCase())) ||
+                    (options && options.length > 0)) {
+                    acc.push(Object.assign({}, val, options && options.length > 0 && { options: options }));
+                }
+                return acc;
+            }, [])
+        : _options;
+};
+var flattenArray = function (options) {
+    return options.reduce(function (acc, val) {
+        return acc.concat(Array.isArray(val.options) ? flattenArray(val.options) : val);
+    }, []);
+};
+var getNextSibling = function (elem, selector) {
+    // Get the next sibling element
+    var sibling = elem.nextElementSibling;
+    // If there's no selector, return the first sibling
+    if (!selector)
+        return sibling;
+    // If the sibling matches our selector, use it
+    // If not, jump to the next sibling and continue the loop
+    while (sibling) {
+        if (sibling.matches(selector))
+            return sibling;
+        sibling = sibling.nextElementSibling;
+    }
+    return;
+};
+var getPreviousSibling = function (elem, selector) {
+    // Get the next sibling element
+    var sibling = elem.previousElementSibling;
+    // If there's no selector, return the first sibling
+    if (!selector)
+        return sibling;
+    // If the sibling matches our selector, use it
+    // If not, jump to the next sibling and continue the loop
+    while (sibling) {
+        if (sibling.matches(selector))
+            return sibling;
+        sibling = sibling.previousElementSibling;
+    }
+    return;
+};
+var selectOptions = function (options, selected, deselected) {
+    var _selected = __spreadArray(__spreadArray([], selected, true), options, true);
+    if (deselected) {
+        _selected = _selected.filter(function (selectedOption) {
+            return !deselected.some(function (deselectedOption) { return deselectedOption.value === selectedOption.value; });
+        });
+    }
+    var deduplicated = _selected.reduce(function (unique, option) {
+        if (!unique.some(function (obj) { return obj.value === option.value; })) {
+            unique.push(__assign$1({ value: option.value, text: option.text }, (option.disabled && { disabled: option.disabled })));
+        }
+        return unique;
+    }, []);
+    return deduplicated;
+};
+
 var CMultiSelectOptions = React$1.forwardRef(function (_a, ref) {
     var handleOptionOnClick = _a.handleOptionOnClick, options = _a.options, optionsMaxHeight = _a.optionsMaxHeight, optionsStyle = _a.optionsStyle, searchNoResultsLabel = _a.searchNoResultsLabel, selected = _a.selected, virtualScroller = _a.virtualScroller, _b = _a.visibleItems, visibleItems = _b === void 0 ? 10 : _b;
     var handleKeyDown = function (event, option) {
@@ -11572,11 +11497,6 @@ CMultiSelectSelection.propTypes = {
 };
 CMultiSelectSelection.displayName = 'CMultiSelectSelection';
 
-var flattenArray = function (options) {
-    return options.reduce(function (acc, val) {
-        return acc.concat(Array.isArray(val.options) ? flattenArray(val.options) : val);
-    }, []);
-};
 var CMultiSelect = React$1.forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, _c = _a.cleaner, cleaner = _c === void 0 ? true : _c, disabled = _a.disabled, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, _d = _a.multiple, multiple = _d === void 0 ? true : _d, id = _a.id, invalid = _a.invalid, label = _a.label, onChange = _a.onChange, onFilterChange = _a.onFilterChange, options = _a.options, _e = _a.optionsMaxHeight, optionsMaxHeight = _e === void 0 ? 'auto' : _e, _f = _a.optionsStyle, optionsStyle = _f === void 0 ? 'checkbox' : _f, _g = _a.placeholder, placeholder = _g === void 0 ? 'Select...' : _g, _h = _a.search, search = _h === void 0 ? true : _h, _j = _a.searchNoResultsLabel, searchNoResultsLabel = _j === void 0 ? 'No results found' : _j, _k = _a.selectAll, selectAll = _k === void 0 ? true : _k, _l = _a.selectAllLabel, selectAllLabel = _l === void 0 ? 'Select all options' : _l, _m = _a.selectionType, selectionType = _m === void 0 ? 'tags' : _m, _o = _a.selectionTypeCounterText, selectionTypeCounterText = _o === void 0 ? 'item(s) selected' : _o, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, virtualScroller = _a.virtualScroller, _p = _a.visible, visible = _p === void 0 ? false : _p, _q = _a.visibleItems, visibleItems = _q === void 0 ? 10 : _q, rest = __rest$1(_a, ["className", "cleaner", "disabled", "feedback", "feedbackInvalid", "feedbackValid", "multiple", "id", "invalid", "label", "onChange", "onFilterChange", "options", "optionsMaxHeight", "optionsStyle", "placeholder", "search", "searchNoResultsLabel", "selectAll", "selectAllLabel", "selectionType", "selectionTypeCounterText", "size", "text", "tooltipFeedback", "valid", "virtualScroller", "visible", "visibleItems"]);
@@ -11587,21 +11507,6 @@ var CMultiSelect = React$1.forwardRef(function (_a, ref) {
     var _s = React$1.useState(''), _search = _s[0], setSearch = _s[1];
     var _t = React$1.useState(visible), _visible = _t[0], setVisible = _t[1];
     var _u = React$1.useState([]), selected = _u[0], setSelected = _u[1];
-    var selectOptions = function (options, deselected) {
-        var _selected = __spreadArray(__spreadArray([], selected, true), options, true);
-        if (deselected) {
-            _selected = _selected.filter(function (selectedOption) {
-                return !deselected.some(function (deselectedOption) { return deselectedOption.value === selectedOption.value; });
-            });
-        }
-        var deduplicated = _selected.reduce(function (unique, option) {
-            if (!unique.some(function (obj) { return obj.value === option.value; })) {
-                unique.push(__assign$1({ value: option.value, text: option.text }, (option.disabled && { disabled: option.disabled })));
-            }
-            return unique;
-        }, []);
-        setSelected(deduplicated);
-    };
     React$1.useMemo(function () {
         setOptions(options);
         var _selected = options &&
@@ -11618,42 +11523,16 @@ var CMultiSelect = React$1.forwardRef(function (_a, ref) {
                 }
                 return;
             });
-        _selected && selectOptions(_selected, deselected);
+        _selected && setSelected(selectOptions(_selected, selected, deselected));
     }, [JSON.stringify(options)]);
     React$1.useEffect(function () {
         !isInitialMount.current &&
             nativeSelectRef.current &&
             nativeSelectRef.current.dispatchEvent(new Event('change', { bubbles: true }));
     }, [JSON.stringify(selected)]);
-    var _className = classNames$1('form-multi-select', (_b = {
-            'form-multi-select-with-cleaner': cleaner
-        },
-        _b["form-multi-select-".concat(size)] = size,
-        _b.show = _visible,
-        _b['form-multi-select-selection-tags'] = multiple && selectionType === 'tags',
-        _b.disabled = disabled,
-        _b['is-invalid'] = invalid,
-        _b['is-valid'] = valid,
-        _b), className);
     React$1.useEffect(function () {
         isInitialMount.current = false;
     }, []);
-    var filterOptionsList = function (search, options) {
-        return search.length
-            ? options &&
-                options.reduce(function (acc, val) {
-                    var options = val.options &&
-                        val.options.filter(function (element) {
-                            return element.text && element.text.toLowerCase().includes(search.toLowerCase());
-                        });
-                    if ((val.text && val.text.toLowerCase().includes(search.toLowerCase())) ||
-                        (options && options.length)) {
-                        acc.push(Object.assign({}, val, options && options.length && { options: options }));
-                    }
-                    return acc;
-                }, [])
-            : _options;
-    };
     var handleSearchChange = function (event) {
         var target = event.target;
         if (search !== 'external') {
@@ -11662,8 +11541,9 @@ var CMultiSelect = React$1.forwardRef(function (_a, ref) {
         onFilterChange && onFilterChange(target.value);
     };
     var handleSearchKeyDown = function (event) {
-        if (_search.length)
+        if (_search.length > 0) {
             return;
+        }
         if (event.key === 'Backspace' || event.key === 'Delete') {
             var last_1 = selected.filter(function (option) { return !option.disabled; }).pop();
             last_1 && setSelected(selected.filter(function (option) { return option.value !== last_1.value; }));
@@ -11687,7 +11567,7 @@ var CMultiSelect = React$1.forwardRef(function (_a, ref) {
         }
     };
     var handleSelectAll = function () {
-        selectOptions(flattenArray(options).filter(function (option) { return !option.disabled; }));
+        setSelected(selectOptions(flattenArray(options).filter(function (option) { return !option.disabled; }), selected));
     };
     var handleDeselectAll = function () {
         setSelected(selected.filter(function (option) { return option.disabled; }));
@@ -11696,18 +11576,27 @@ var CMultiSelect = React$1.forwardRef(function (_a, ref) {
         React$1.createElement(CMultiSelectNativeSelect, { multiple: multiple, options: selected, value: multiple
                 ? selected.map(function (option) { return option.value.toString(); })
                 : selected.map(function (option) { return option.value; })[0], onChange: function () { return onChange && onChange(selected); }, ref: nativeSelectRef }),
-        React$1.createElement(CPicker, { className: _className, disabled: disabled, id: id, onHide: function () { return setVisible(false); }, onShow: function () {
+        React$1.createElement(CPicker, { className: classNames$1('form-multi-select', (_b = {
+                    'form-multi-select-with-cleaner': cleaner
+                },
+                _b["form-multi-select-".concat(size)] = size,
+                _b.show = _visible,
+                _b['form-multi-select-selection-tags'] = multiple && selectionType === 'tags',
+                _b.disabled = disabled,
+                _b['is-invalid'] = invalid,
+                _b['is-valid'] = valid,
+                _b), className), disabled: disabled, id: id, onHide: function () { return setVisible(false); }, onShow: function () {
                 searchRef.current && searchRef.current.focus();
                 setVisible(true);
             }, toggler: React$1.createElement("div", null,
                 React$1.createElement(CMultiSelectSelection, { multiple: multiple, onRemove: function (option) { return !disabled && handleOptionOnClick(option); }, search: search, selected: selected, selectionType: selectionType, selectionTypeCounterText: selectionTypeCounterText }),
-                multiple && cleaner && selected.length > 0 && (React$1.createElement(CMultiSelectCleaner, { onClick: function () { return handleDeselectAll(); } })),
-                search && (React$1.createElement("input", __assign$1({ type: "text", className: "form-multi-select-search", disabled: disabled, onChange: function (event) { return handleSearchChange(event); }, onKeyDown: function (event) { return handleSearchKeyDown(event); } }, (selected.length === 0 && { placeholder: placeholder }), (selected.length &&
+                multiple && cleaner && selected.length > 0 && (React$1.createElement("button", { type: "button", className: "form-multi-select-selection-cleaner", onClick: function () { return handleDeselectAll(); } })),
+                search && (React$1.createElement("input", __assign$1({ type: "text", className: "form-multi-select-search", disabled: disabled, onChange: function (event) { return handleSearchChange(event); }, onKeyDown: function (event) { return handleSearchKeyDown(event); } }, (selected.length === 0 && { placeholder: placeholder }), (selected.length > 0 &&
                     selectionType === 'counter' && {
                     placeholder: "".concat(selected.length, " ").concat(selectionTypeCounterText),
-                }), (selected.length &&
+                }), (selected.length > 0 &&
                     !multiple && { placeholder: selected.map(function (option) { return option.text; })[0] }), (multiple &&
-                    selected.length &&
+                    selected.length > 0 &&
                     selectionType !== 'counter' && { size: _search.length + 2 }), { ref: searchRef })))), visible: _visible, ref: ref },
             React$1.createElement(React$1.Fragment, null,
                 multiple && selectAll && (React$1.createElement("button", { type: "button", className: "form-multi-select-all", onClick: function () { return handleSelectAll(); } }, selectAllLabel)),
@@ -11719,11 +11608,10 @@ CMultiSelect.displayName = 'CMultiSelect';
 var CNav = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.component, Component = _c === void 0 ? 'ul' : _c, layout = _a.layout, variant = _a.variant, rest = __rest$1(_a, ["children", "className", "component", "layout", "variant"]);
-    var _className = classNames$1('nav', (_b = {},
-        _b["nav-".concat(layout)] = layout,
-        _b["nav-".concat(variant)] = variant,
-        _b), className);
-    return (React$1.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('nav', (_b = {},
+            _b["nav-".concat(layout)] = layout,
+            _b["nav-".concat(variant)] = variant,
+            _b), className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CNav.propTypes = {
     children: propTypesExports.node,
@@ -11736,8 +11624,7 @@ CNav.displayName = 'CNav';
 
 var CNavGroupItems = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('nav-group-items', className);
-    return (React$1.createElement("ul", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("ul", __assign$1({ className: classNames$1('nav-group-items', className) }, rest, { ref: ref }), children));
 });
 CNavGroupItems.propTypes = {
     children: propTypesExports.node,
@@ -11753,8 +11640,7 @@ var CSidebarNav = React$1.forwardRef(function (_a, ref) {
         visibleGroup: visibleGroup,
         setVisibleGroup: setVisibleGroup,
     };
-    var classes = classNames$1('sidebar-nav', className);
-    return (React$1.createElement("ul", __assign$1({ className: classes, ref: ref }, rest),
+    return (React$1.createElement("ul", __assign$1({ className: classNames$1('sidebar-nav', className), ref: ref }, rest),
         React$1.createElement(CNavContext.Provider, { value: CNavContextValues }, React$1.Children.map(children, function (child, index) {
             if (React$1.isValidElement(child)) {
                 return React$1.cloneElement(child, {
@@ -11813,8 +11699,7 @@ var CNavGroup = React$1.forwardRef(function (_a, ref) {
         exiting: { display: 'block', height: height },
         exited: { height: height },
     };
-    var _className = classNames$1('nav-group', { show: _visible }, className);
-    return (React$1.createElement("li", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement("li", __assign$1({ className: classNames$1('nav-group', { show: _visible }, className) }, rest, { ref: ref }),
         toggler && (React$1.createElement("a", { className: "nav-link nav-group-toggle", onClick: function (event) { return handleTogglerOnCLick(event); } }, toggler)),
         React$1.createElement(Transition$1, { in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, function (state) { return (React$1.createElement("ul", { className: classNames$1('nav-group-items', {
                 compact: compact,
@@ -11843,13 +11728,12 @@ var CNavLink = React$1.forwardRef(function (_a, ref) {
     var navLinkRef = React$1.useRef(null);
     var forkedRef = useForkedRef(ref, navLinkRef);
     var setVisibleGroup = React$1.useContext(CNavContext).setVisibleGroup;
-    var _className = classNames$1('nav-link', className);
     React$1.useEffect(function () {
         var _a;
         rest.active = (_a = navLinkRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains('active');
         idx && rest.active && setVisibleGroup(idx);
     }, [rest.active, className]);
-    return (React$1.createElement(CLink, __assign$1({ className: _className }, rest, { ref: forkedRef }), children));
+    return (React$1.createElement(CLink, __assign$1({ className: classNames$1('nav-link', className) }, rest, { ref: forkedRef }), children));
 });
 CNavLink.propTypes = {
     children: propTypesExports.node,
@@ -11860,11 +11744,7 @@ CNavLink.displayName = 'CNavLink';
 
 var CNavItem = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('nav-item', className);
-    if (rest.href || rest.to) {
-        children = (React$1.createElement(CNavLink, __assign$1({ className: className }, rest), children));
-    }
-    return (React$1.createElement("li", { className: _className, ref: ref }, children));
+    return (React$1.createElement("li", { className: classNames$1('nav-item', className), ref: ref }, rest.href || rest.to ? (React$1.createElement(CNavLink, __assign$1({ className: className }, rest), children)) : (children)));
 });
 CNavItem.propTypes = {
     children: propTypesExports.node,
@@ -11874,8 +11754,7 @@ CNavItem.displayName = 'CNavItem';
 
 var CNavTitle = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('nav-title', className);
-    return (React$1.createElement("li", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("li", __assign$1({ className: classNames$1('nav-title', className) }, rest, { ref: ref }), children));
 });
 CNavTitle.propTypes = {
     children: propTypesExports.node,
@@ -11886,19 +11765,11 @@ CNavTitle.displayName = 'CNavTitle';
 var CNavbar = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, colorScheme = _a.colorScheme, _c = _a.component, Component = _c === void 0 ? 'nav' : _c, container = _a.container, expand = _a.expand, placement = _a.placement, rest = __rest$1(_a, ["children", "className", "color", "colorScheme", "component", "container", "expand", "placement"]);
-    var _className = classNames$1('navbar', (_b = {},
-        _b["bg-".concat(color)] = color,
-        _b["navbar-".concat(colorScheme)] = colorScheme,
-        _b[typeof expand === 'boolean' ? 'navbar-expand' : "navbar-expand-".concat(expand)] = expand,
-        _b), placement, className);
-    var content;
-    if (container) {
-        content = (React$1.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
-    }
-    else {
-        content = children;
-    }
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), content));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('navbar', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b["navbar-".concat(colorScheme)] = colorScheme,
+            _b[typeof expand === 'boolean' ? 'navbar-expand' : "navbar-expand-".concat(expand)] = expand,
+            _b), placement, className) }, rest, { ref: ref }), container ? (React$1.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React$1.createElement(React$1.Fragment, null, children))));
 });
 CNavbar.propTypes = {
     children: propTypesExports.node,
@@ -11927,9 +11798,8 @@ CNavbar.displayName = 'CNavbar';
 
 var CNavbarBrand = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, component = _a.component, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var Component = component ? component : rest.href ? 'a' : 'span';
-    var _className = classNames$1('navbar-brand', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    var Component = component !== null && component !== void 0 ? component : (rest.href ? 'a' : 'span');
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('navbar-brand', className) }, rest, { ref: ref }), children));
 });
 CNavbarBrand.propTypes = {
     children: propTypesExports.node,
@@ -11940,8 +11810,7 @@ CNavbarBrand.displayName = 'CNavbarBrand';
 
 var CNavbarNav = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('navbar-nav', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('navbar-nav', className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CNavbarNav.propTypes = {
     children: propTypesExports.node,
@@ -11952,8 +11821,7 @@ CNavbarNav.displayName = 'CNavbarNav';
 
 var CNavbarText = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('navbar-text', className);
-    return (React$1.createElement("span", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("span", __assign$1({ className: classNames$1('navbar-text', className) }, rest, { ref: ref }), children));
 });
 CNavbarText.propTypes = {
     children: propTypesExports.node,
@@ -11963,8 +11831,7 @@ CNavbarText.displayName = 'CNavbarText';
 
 var CNavbarToggler = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('navbar-toggler', className);
-    return (React$1.createElement("button", __assign$1({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React$1.createElement("span", { className: "navbar-toggler-icon" })));
+    return (React$1.createElement("button", __assign$1({ type: "button", className: classNames$1('navbar-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React$1.createElement("span", { className: "navbar-toggler-icon" })));
 });
 CNavbarToggler.propTypes = {
     children: propTypesExports.node,
@@ -11973,9 +11840,8 @@ CNavbarToggler.propTypes = {
 CNavbarToggler.displayName = 'CNavbarToggler';
 
 var COffcanvas = React$1.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, _c = _a.backdrop, backdrop = _c === void 0 ? true : _c, className = _a.className, _d = _a.keyboard, keyboard = _d === void 0 ? true : _d, onHide = _a.onHide, onShow = _a.onShow, placement = _a.placement, _e = _a.portal, portal = _e === void 0 ? false : _e, _f = _a.responsive, responsive = _f === void 0 ? true : _f, _g = _a.scroll, scroll = _g === void 0 ? false : _g, _h = _a.visible, visible = _h === void 0 ? false : _h, rest = __rest$1(_a, ["children", "backdrop", "className", "keyboard", "onHide", "onShow", "placement", "portal", "responsive", "scroll", "visible"]);
-    var _j = React$1.useState(visible), _visible = _j[0], setVisible = _j[1];
+    var children = _a.children, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.keyboard, keyboard = _c === void 0 ? true : _c, onHide = _a.onHide, onShow = _a.onShow, placement = _a.placement, _d = _a.portal, portal = _d === void 0 ? false : _d, _e = _a.responsive, responsive = _e === void 0 ? true : _e, _f = _a.scroll, scroll = _f === void 0 ? false : _f, _g = _a.visible, visible = _g === void 0 ? false : _g, rest = __rest$1(_a, ["children", "backdrop", "className", "keyboard", "onHide", "onShow", "placement", "portal", "responsive", "scroll", "visible"]);
+    var _h = React$1.useState(visible), _visible = _h[0], setVisible = _h[1];
     var offcanvasRef = React$1.useRef(null);
     var forkedRef = useForkedRef(ref, offcanvasRef);
     React$1.useEffect(function () {
@@ -11994,19 +11860,6 @@ var COffcanvas = React$1.forwardRef(function (_a, ref) {
             document.body.style.removeProperty('padding-right');
         }
     }, [_visible]);
-    var getTransitionClass = function (state) {
-        return state === 'entering'
-            ? 'showing'
-            : state === 'entered'
-                ? 'show'
-                : state === 'exiting'
-                    ? 'show hiding'
-                    : '';
-    };
-    var _className = classNames$1((_b = {},
-        _b["offcanvas".concat(typeof responsive !== 'boolean' ? '-' + responsive : '')] = responsive,
-        _b["offcanvas-".concat(placement)] = placement,
-        _b), className);
     var handleDismiss = function () {
         setVisible(false);
     };
@@ -12015,25 +11868,25 @@ var COffcanvas = React$1.forwardRef(function (_a, ref) {
             setVisible(false);
         }
     };
-    var handleKeyDown = React$1.useCallback(function (event) {
+    var handleKeyDown = function (event) {
         if (event.key === 'Escape' && keyboard) {
             return handleDismiss();
         }
-    }, [ref, handleDismiss]);
-    var offcanvas = function (ref, state) {
-        return (React$1.createElement(React$1.Fragment, null,
-            React$1.createElement("div", __assign$1({ className: classNames$1(_className, getTransitionClass(state)), role: "dialog", tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: ref }), children)));
     };
     return (React$1.createElement(React$1.Fragment, null,
         React$1.createElement(Transition$1, { in: _visible, nodeRef: offcanvasRef, onEnter: onShow, onEntered: function () { var _a; return (_a = offcanvasRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, onExit: onHide, timeout: 300 }, function (state) {
-            return typeof window !== 'undefined' && portal
-                ? ReactDOM.createPortal(offcanvas(forkedRef, state), document.body)
-                : offcanvas(forkedRef, state);
+            var _a;
+            return (React$1.createElement(CConditionalPortal, { portal: portal },
+                React$1.createElement("div", __assign$1({ className: classNames$1((_a = {},
+                        _a["offcanvas".concat(typeof responsive === 'string' ? '-' + responsive : '')] = responsive,
+                        _a["offcanvas-".concat(placement)] = placement,
+                        _a.showing = state === 'entering',
+                        _a.show = state === 'entered',
+                        _a['show hiding'] = state === 'exiting',
+                        _a), className), role: "dialog", tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: forkedRef }), children)));
         }),
-        typeof window !== 'undefined' && portal
-            ? backdrop &&
-                ReactDOM.createPortal(React$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible }), document.body)
-            : backdrop && (React$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible }))));
+        backdrop && (React$1.createElement(CConditionalPortal, { portal: portal },
+            React$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible })))));
 });
 COffcanvas.propTypes = {
     backdrop: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.oneOf(['static'])]),
@@ -12056,8 +11909,7 @@ COffcanvas.displayName = 'COffcanvas';
 
 var COffcanvasBody = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('offcanvas-body', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('offcanvas-body', className) }, rest, { ref: ref }), children));
 });
 COffcanvasBody.propTypes = {
     children: propTypesExports.node,
@@ -12067,8 +11919,7 @@ COffcanvasBody.displayName = 'COffcanvasBody';
 
 var COffcanvasHeader = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('offcanvas-header', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('offcanvas-header', className) }, rest, { ref: ref }), children));
 });
 COffcanvasHeader.propTypes = {
     children: propTypesExports.node,
@@ -12078,8 +11929,7 @@ COffcanvasHeader.displayName = 'COffcanvasHeader';
 
 var COffcanvasTitle = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
-    var _className = classNames$1('offcanvas-title', className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1('offcanvas-title', className) }, rest, { ref: ref }), children));
 });
 COffcanvasTitle.propTypes = {
     children: propTypesExports.node,
@@ -12091,12 +11941,11 @@ COffcanvasTitle.displayName = 'COffcanvasTitle';
 var CPagination = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, align = _a.align, className = _a.className, size = _a.size, rest = __rest$1(_a, ["children", "align", "className", "size"]);
-    var _className = classNames$1('pagination', (_b = {},
-        _b["justify-content-".concat(align)] = align,
-        _b["pagination-".concat(size)] = size,
-        _b), className);
     return (React$1.createElement("nav", __assign$1({ ref: ref }, rest),
-        React$1.createElement("ul", { className: _className }, children)));
+        React$1.createElement("ul", { className: classNames$1('pagination', (_b = {},
+                _b["justify-content-".concat(align)] = align,
+                _b["pagination-".concat(size)] = size,
+                _b), className) }, children)));
 });
 CPagination.propTypes = {
     align: propTypesExports.oneOf(['start', 'center', 'end']),
@@ -12108,12 +11957,11 @@ CPagination.displayName = 'CPagination';
 
 var CPaginationItem = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, component = _a.component, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('page-item', {
-        active: rest.active,
-        disabled: rest.disabled,
-    }, className);
-    var Component = component ? component : rest.active ? 'span' : 'a';
-    return (React$1.createElement("li", __assign$1({ className: _className }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React$1.createElement(CLink, __assign$1({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React$1.createElement(Component, { className: "page-link", ref: ref }, children))));
+    var Component = component !== null && component !== void 0 ? component : (rest.active ? 'span' : 'a');
+    return (React$1.createElement("li", __assign$1({ className: classNames$1('page-item', {
+            active: rest.active,
+            disabled: rest.disabled,
+        }, className) }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React$1.createElement(CLink, __assign$1({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React$1.createElement(Component, { className: "page-link", ref: ref }, children))));
 });
 CPaginationItem.propTypes = {
     children: propTypesExports.node,
@@ -12145,11 +11993,10 @@ var CPlaceholder = React$1.forwardRef(function (_a, ref) {
             repsonsiveClassNames.push("col".concat(infix));
         }
     });
-    var _className = classNames$1(animation ? "placeholder-".concat(animation) : 'placeholder', (_b = {},
-        _b["bg-".concat(color)] = color,
-        _b["placeholder-".concat(size)] = size,
-        _b), repsonsiveClassNames, className);
-    return (React$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1(animation ? "placeholder-".concat(animation) : 'placeholder', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b["placeholder-".concat(size)] = size,
+            _b), repsonsiveClassNames, className) }, rest, { ref: ref }), children));
 });
 CPlaceholder.propTypes = {
     animation: propTypesExports.oneOf(['glow', 'wave']),
@@ -12164,12 +12011,11 @@ CPlaceholder.displayName = 'CPlaceholder';
 var CProgressBar = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, animated = _a.animated, className = _a.className, color = _a.color, _c = _a.value, value = _c === void 0 ? 0 : _c, variant = _a.variant, rest = __rest$1(_a, ["children", "animated", "className", "color", "value", "variant"]);
-    var _className = classNames$1('progress-bar', (_b = {},
-        _b["bg-".concat(color)] = color,
-        _b["progress-bar-".concat(variant)] = variant,
-        _b['progress-bar-animated'] = animated,
-        _b), className);
-    return (React$1.createElement("div", __assign$1({ className: _className, role: "progressbar", style: { width: "".concat(value, "%") }, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('progress-bar', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b["progress-bar-".concat(variant)] = variant,
+            _b['progress-bar-animated'] = animated,
+            _b), className), role: "progressbar", style: { width: "".concat(value, "%") }, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, rest, { ref: ref }), children));
 });
 CProgressBar.propTypes = {
     animated: propTypesExports.bool,
@@ -12183,11 +12029,10 @@ CProgressBar.displayName = 'CProgressBar';
 
 var CProgress = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, height = _a.height, thin = _a.thin, _b = _a.value, value = _b === void 0 ? 0 : _b, white = _a.white, rest = __rest$1(_a, ["children", "className", "height", "thin", "value", "white"]);
-    var _className = classNames$1('progress', {
-        'progress-thin': thin,
-        'progress-white': white,
-    }, className);
-    return (React$1.createElement("div", { className: _className, style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React$1.createElement(CProgressBar, __assign$1({ value: value }, rest), children)) : (children)));
+    return (React$1.createElement("div", { className: classNames$1('progress', {
+            'progress-thin': thin,
+            'progress-white': white,
+        }, className), style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React$1.createElement(CProgressBar, __assign$1({ value: value }, rest), children)) : (children)));
 });
 CProgress.propTypes = {
     children: propTypesExports.node,
@@ -12221,15 +12066,6 @@ var CPopover = function (_a) {
     React$1.useEffect(function () {
         setVisible(visible);
     }, [visible]);
-    var getTransitionClass = function (state) {
-        return state === 'entering'
-            ? 'fade'
-            : state === 'entered'
-                ? 'fade show'
-                : state === 'exiting'
-                    ? 'fade'
-                    : 'fade';
-    };
     return (React$1.createElement(React$1.Fragment, null,
         React$1.cloneElement(children, __assign$1(__assign$1(__assign$1({ ref: setReferenceElement }, ((trigger === 'click' || trigger.includes('click')) && {
             onClick: function () { return setVisible(!_visible); },
@@ -12244,13 +12080,12 @@ var CPopover = function (_a) {
             ReactDOM.createPortal(React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
                     exit: 200,
-                }, unmountOnExit: true }, function (state) {
-                var transitionClass = getTransitionClass(state);
-                return (React$1.createElement("div", __assign$1({ className: classNames$1("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), className, transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
-                    React$1.createElement("div", { className: "popover-arrow", style: styles.arrow, ref: setArrowElement }),
-                    React$1.createElement("div", { className: "popover-header" }, title),
-                    React$1.createElement("div", { className: "popover-body" }, content)));
-            }), document.body)));
+                }, unmountOnExit: true }, function (state) { return (React$1.createElement("div", __assign$1({ className: classNames$1('popover', "bs-popover-".concat(placement.replace('left', 'start').replace('right', 'end')), 'fade', {
+                    show: state === 'entered',
+                }, className), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                React$1.createElement("div", { className: "popover-arrow", style: styles.arrow, ref: setArrowElement }),
+                React$1.createElement("div", { className: "popover-header" }, title),
+                React$1.createElement("div", { className: "popover-body" }, content))); }), document.body)));
 };
 CPopover.propTypes = {
     children: propTypesExports.node,
@@ -13640,7 +13475,6 @@ CIcon.displayName = 'CIcon';
 
 var CSmartPagination = React$1.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, _c = _a.align, align = _c === void 0 ? 'start' : _c, _d = _a.arrows, arrows = _d === void 0 ? true : _d, _e = _a.dots, dots = _e === void 0 ? true : _e, _f = _a.doubleArrows, doubleArrows = _f === void 0 ? true : _f, _g = _a.firstButton, firstButton = _g === void 0 ? React$1.createElement(React$1.Fragment, null, "\u00AB") : _g, _h = _a.lastButton, lastButton = _h === void 0 ? React$1.createElement(React$1.Fragment, null, "\u00BB") : _h, _j = _a.limit, limit = _j === void 0 ? 5 : _j, _k = _a.nextButton, nextButton = _k === void 0 ? React$1.createElement(React$1.Fragment, null, "\u203A") : _k, onActivePageChange = _a.onActivePageChange, pages = _a.pages, _l = _a.previousButton, previousButton = _l === void 0 ? React$1.createElement(React$1.Fragment, null, "\u2039") : _l, size = _a.size, rest = __rest$1(_a, ["className", "activePage", "align", "arrows", "dots", "doubleArrows", "firstButton", "lastButton", "limit", "nextButton", "onActivePageChange", "pages", "previousButton", "size"]);
-    var _classNames = classNames$1("justify-content-".concat(align), className);
     var showDots = (function () {
         return dots && limit > 4 && limit < pages;
     })();
@@ -13669,25 +13503,22 @@ var CSmartPagination = React$1.forwardRef(function (_a, ref) {
         return pages < computedLimit ? pages : computedLimit;
     })();
     var items = (function () {
-        if (activePage - maxPrevItems <= 1) {
-            return Array.from({
+        return activePage - maxPrevItems <= 1
+            ? Array.from({
                 length: itemsAmount,
-            }, function (_v, i) { return i + 1; });
-        }
-        else {
-            return Array.from({
+            }, function (_v, i) { return i + 1; })
+            : Array.from({
                 length: itemsAmount,
             }, function (_v, i) {
                 return lastItem - i;
             }).reverse();
-        }
     })();
     var setPage = function (number) {
         if (number !== activePage) {
             onActivePageChange && onActivePageChange(number);
         }
     };
-    return (React$1.createElement(CPagination, __assign$1({ className: _classNames, "aria-label": "pagination", size: size }, rest, { ref: ref }),
+    return (React$1.createElement(CPagination, __assign$1({ className: classNames$1("justify-content-".concat(align), className), "aria-label": "pagination", size: size }, rest, { ref: ref }),
         doubleArrows && (React$1.createElement(CPaginationItem, { onClick: function () { return setPage(1); }, "aria-label": "Go to first page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, firstButton)),
         arrows && (React$1.createElement(CPaginationItem, { onClick: function () { return setPage(activePage - 1); }, "aria-label": "Go to previous page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, previousButton)),
         beforeDots && (React$1.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
@@ -13719,10 +13550,9 @@ CSmartPagination.displayName = 'CSmartPagination';
 var CTableHead = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "className", "color"]);
-    var _className = classNames$1((_b = {},
-        _b["table-".concat(color)] = color,
-        _b), className);
-    return (React$1.createElement("thead", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React$1.createElement("thead", __assign$1({ className: classNames$1((_b = {},
+            _b["table-".concat(color)] = color,
+            _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableHead.propTypes = {
     children: propTypesExports.node,
@@ -13734,10 +13564,9 @@ CTableHead.displayName = 'CTableHead';
 var CTableHeaderCell = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "className", "color"]);
-    var _className = classNames$1((_b = {},
-        _b["table-".concat(color)] = color,
-        _b), className);
-    return (React$1.createElement("th", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React$1.createElement("th", __assign$1({ className: classNames$1((_b = {},
+            _b["table-".concat(color)] = color,
+            _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableHeaderCell.propTypes = {
     children: propTypesExports.node,
@@ -13749,10 +13578,9 @@ CTableHeaderCell.displayName = 'CTableHeaderCell';
 var CTableBody = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "className", "color"]);
-    var _className = classNames$1((_b = {},
-        _b["table-".concat(color)] = color,
-        _b), className);
-    return (React$1.createElement("tbody", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React$1.createElement("tbody", __assign$1({ className: classNames$1((_b = {},
+            _b["table-".concat(color)] = color,
+            _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableBody.propTypes = {
     children: propTypesExports.node,
@@ -13764,13 +13592,12 @@ CTableBody.displayName = 'CTableBody';
 var CTableDataCell = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, active = _a.active, align = _a.align, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "active", "align", "className", "color"]);
-    var _className = classNames$1((_b = {},
-        _b["align-".concat(align)] = align,
-        _b['table-active'] = active,
-        _b["table-".concat(color)] = color,
-        _b), className);
     var Component = rest.scope ? 'th' : 'td';
-    return (React$1.createElement(Component, __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React$1.createElement(Component, __assign$1({ className: classNames$1((_b = {},
+            _b["align-".concat(align)] = align,
+            _b['table-active'] = active,
+            _b["table-".concat(color)] = color,
+            _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableDataCell.propTypes = {
     active: propTypesExports.bool,
@@ -13784,12 +13611,11 @@ CTableDataCell.displayName = 'CTableDataCell';
 var CTableRow = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, active = _a.active, align = _a.align, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "active", "align", "className", "color"]);
-    var _className = classNames$1((_b = {},
-        _b["align-".concat(align)] = align,
-        _b['table-active'] = active,
-        _b["table-".concat(color)] = color,
-        _b), className);
-    return (React$1.createElement("tr", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React$1.createElement("tr", __assign$1({ className: classNames$1((_b = {},
+            _b["align-".concat(align)] = align,
+            _b['table-active'] = active,
+            _b["table-".concat(color)] = color,
+            _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableRow.propTypes = {
     active: propTypesExports.bool,
@@ -13803,10 +13629,9 @@ CTableRow.displayName = 'CTableRow';
 var CTableFoot = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "className", "color"]);
-    var _className = classNames$1((_b = {},
-        _b["table-".concat(color)] = color,
-        _b), className);
-    return (React$1.createElement("tfoot", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React$1.createElement("tfoot", __assign$1({ className: classNames$1((_b = {},
+            _b["table-".concat(color)] = color,
+            _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableFoot.propTypes = {
     children: propTypesExports.node,
@@ -13826,10 +13651,10 @@ CTableCaption.displayName = 'CTableCaption';
 
 var CTableResponsiveWrapper = function (_a) {
     var children = _a.children, responsive = _a.responsive, rest = __rest$1(_a, ["children", "responsive"]);
-    return responsive ? (React$1.createElement("div", __assign$1({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (children);
+    return responsive ? (React$1.createElement("div", __assign$1({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (React$1.createElement(React$1.Fragment, null, children));
 };
 CTableResponsiveWrapper.propTypes = {
-    children: propTypesExports.any,
+    children: propTypesExports.node,
     responsive: propTypesExports.oneOfType([
         propTypesExports.bool,
         propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
@@ -13837,53 +13662,51 @@ CTableResponsiveWrapper.propTypes = {
 };
 CTableResponsiveWrapper.displayName = 'CTableResponsiveWrapper';
 
+var pretifyName$1 = function (name) {
+    return name
+        .replace(/[-_.]/g, ' ')
+        .replace(/ +/g, ' ')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .split(' ')
+        .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
+        .join(' ');
+};
+var getColumnLabel$1 = function (column) { var _a; return typeof column === 'object' ? (_a = column.label) !== null && _a !== void 0 ? _a : pretifyName$1(column.key) : pretifyName$1(column); };
+var getColumnNames$1 = function (columns, items) {
+    return columns
+        ? columns.map(function (column) {
+            return typeof column === 'object' ? column.key : column;
+        })
+        : items && getColumnNamesFromItems$1(items);
+};
+var getColumnNamesFromItems$1 = function (items) {
+    return Object.keys(items[0] || {}).filter(function (el) { return el.charAt(0) !== '_'; });
+};
+
 var CTable = React$1.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, align = _a.align, borderColor = _a.borderColor, bordered = _a.bordered, borderless = _a.borderless, caption = _a.caption, captionTop = _a.captionTop, className = _a.className, color = _a.color, columns = _a.columns, footer = _a.footer, hover = _a.hover, items = _a.items, responsive = _a.responsive, small = _a.small, striped = _a.striped, stripedColumns = _a.stripedColumns, tableFootProps = _a.tableFootProps, tableHeadProps = _a.tableHeadProps, rest = __rest$1(_a, ["children", "align", "borderColor", "bordered", "borderless", "caption", "captionTop", "className", "color", "columns", "footer", "hover", "items", "responsive", "small", "striped", "stripedColumns", "tableFootProps", "tableHeadProps"]);
-    var _className = classNames$1('table', (_b = {},
-        _b["align-".concat(align)] = align,
-        _b["border-".concat(borderColor)] = borderColor,
-        _b["caption-top"] = captionTop || caption === 'top',
-        _b['table-bordered'] = bordered,
-        _b['table-borderless'] = borderless,
-        _b["table-".concat(color)] = color,
-        _b['table-hover'] = hover,
-        _b['table-sm'] = small,
-        _b['table-striped'] = striped,
-        _b['table-striped-columns'] = stripedColumns,
-        _b), className);
-    var rawColumnNames = columns
-        ? columns.map(function (column) {
-            if (typeof column === 'object')
-                return column.key;
-            else
-                return column;
-        })
-        : Object.keys((items && items[0]) || {}).filter(function (el) { return el.charAt(0) !== '_'; });
-    var pretifyName = function (name) {
-        return name
-            .replace(/[-_.]/g, ' ')
-            .replace(/ +/g, ' ')
-            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-            .split(' ')
-            .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
-            .join(' ');
-    };
-    var label = function (column) {
-        return typeof column === 'object'
-            ? column.label !== undefined
-                ? column.label
-                : pretifyName(column.key)
-            : pretifyName(column);
-    };
+    var columnNames = React$1.useMemo(function () { return getColumnNames$1(columns, items); }, [columns, items]);
     return (React$1.createElement(CTableResponsiveWrapper, { responsive: responsive },
-        React$1.createElement("table", __assign$1({ className: _className }, rest, { ref: ref }),
+        React$1.createElement("table", __assign$1({ className: classNames$1('table', (_b = {},
+                _b["align-".concat(align)] = align,
+                _b["border-".concat(borderColor)] = borderColor,
+                _b["caption-top"] = captionTop || caption === 'top',
+                _b['table-bordered'] = bordered,
+                _b['table-borderless'] = borderless,
+                _b["table-".concat(color)] = color,
+                _b['table-hover'] = hover,
+                _b['table-sm'] = small,
+                _b['table-striped'] = striped,
+                _b['table-striped-columns'] = stripedColumns,
+                _b), className) }, rest, { ref: ref }),
             ((caption && caption !== 'top') || captionTop) && (React$1.createElement(CTableCaption, null, caption || captionTop)),
             columns && (React$1.createElement(CTableHead, __assign$1({}, tableHeadProps),
-                React$1.createElement(CTableRow, null, columns.map(function (column, index) { return (React$1.createElement(CTableHeaderCell, __assign$1({}, (column._props && __assign$1({}, column._props)), (column._style && { style: __assign$1({}, column._style) }), { key: index }), label(column))); })))),
-            items && (React$1.createElement(CTableBody, null, items.map(function (item, index) { return (React$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), { key: index }), rawColumnNames.map(function (colName, index) {
-                return item[colName] ? (React$1.createElement(CTableDataCell, __assign$1({}, (item._cellProps && __assign$1(__assign$1({}, (item._cellProps['all'] && __assign$1({}, item._cellProps['all']))), (item._cellProps[colName] && __assign$1({}, item._cellProps[colName])))), { key: index }), item[colName])) : null;
-            }))); }))),
+                React$1.createElement(CTableRow, null, columns.map(function (column, index) { return (React$1.createElement(CTableHeaderCell, __assign$1({}, (column._props && __assign$1({}, column._props)), (column._style && { style: __assign$1({}, column._style) }), { key: index }), getColumnLabel$1(column))); })))),
+            items && (React$1.createElement(CTableBody, null, items.map(function (item, index) { return (React$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), { key: index }), columnNames &&
+                columnNames.map(function (colName, index) {
+                    return item[colName] ? (React$1.createElement(CTableDataCell, __assign$1({}, (item._cellProps && __assign$1(__assign$1({}, (item._cellProps['all'] && __assign$1({}, item._cellProps['all']))), (item._cellProps[colName] && __assign$1({}, item._cellProps[colName])))), { key: index }), item[colName])) : null;
+                }))); }))),
             children,
             footer && (React$1.createElement(CTableFoot, __assign$1({}, tableFootProps),
                 React$1.createElement(CTableRow, null, footer.map(function (item, index) { return (React$1.createElement(CTableDataCell, __assign$1({}, (typeof item === 'object' && item._props && __assign$1({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
@@ -13964,10 +13787,7 @@ var getColumnLabel = function (column) {
 var getColumnNames = function (columns, items) {
     return columns
         ? columns.map(function (column) {
-            if (typeof column === 'object')
-                return column.key;
-            else
-                return column;
+            return typeof column === 'object' ? column.key : column;
         })
         : getColumnNamesFromItems(items);
 };
@@ -14000,7 +13820,7 @@ var getTableHeaderCellStyles = function (column, columnSorter) {
     var style = {};
     if (columnSorter &&
         (typeof column !== 'object' ||
-            (typeof column === 'object' && (typeof column.sorter === 'undefined' || column.sorter)))) {
+            (typeof column === 'object' && (column.sorter === undefined || column.sorter)))) {
         style['cursor'] = 'pointer';
     }
     if (typeof column === 'object' && column._style) {
@@ -14016,7 +13836,7 @@ var isSortable = function (i, columns, columnSorter, itemsDataColumns, columnNam
     return (columnSorter &&
         (!columns ||
             typeof column !== 'object' ||
-            (typeof column === 'object' && (typeof column.sorter === 'undefined' || column.sorter))) &&
+            (typeof column === 'object' && (column.sorter === undefined || column.sorter))) &&
         isDataColumn);
 };
 var pretifyName = function (name) {
@@ -14051,40 +13871,38 @@ var CSmartTableBody = React$1.forwardRef(function (_a, ref) {
     var colspan = selectable ? columnNames.length + 1 : columnNames.length;
     return (React$1.createElement(CTableBody, __assign$1({}, (clickableRows && {
         style: { cursor: 'pointer' },
-    }), rest, { ref: ref }),
-        currentItems.map(function (item, trIndex) {
-            return (React$1.createElement(React$1.Fragment, { key: trIndex },
-                React$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), (clickableRows && { tabIndex: 0 }), { onClick: function (event) {
+    }), rest, { ref: ref }), currentItems.length ? (currentItems.map(function (item, trIndex) {
+        return (React$1.createElement(React$1.Fragment, { key: trIndex },
+            React$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), (clickableRows && { tabIndex: 0 }), { onClick: function (event) {
+                    return onRowClick &&
+                        onRowClick(item, trIndex + firstItemOnActivePageIndex, getClickedColumnName(event.target, columnNames), event);
+                } }),
+                selectable && (React$1.createElement(CTableDataCell, null,
+                    React$1.createElement(CFormCheck, { checked: selected &&
+                            isObjectInArray(selected, item, ['_cellProps', '_props', '_selected']), onChange: function (event) {
+                            var _item = __assign$1({}, item);
+                            delete _item['_cellProps'];
+                            delete _item['_props'];
+                            delete _item['_selected'];
+                            onRowChecked && onRowChecked(_item, event.target.checked);
+                        } }))),
+                columnNames.map(function (colName, index) {
+                    return ((scopedColumns &&
+                        scopedColumns[colName] &&
+                        React$1.cloneElement(scopedColumns[colName](item, trIndex + firstItemOnActivePageIndex), {
+                            key: index,
+                        })) || (React$1.createElement(CTableDataCell, __assign$1({}, getTableDataCellProps(item, colName), { key: index }), String(item[colName]))));
+                })),
+            scopedColumns && scopedColumns.details && (React$1.createElement(React$1.Fragment, null,
+                React$1.createElement(CTableRow, null,
+                    React$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { borderBottomWidth: 0 }, tabIndex: -1 })),
+                React$1.createElement(CTableRow, { onClick: function (event) {
                         return onRowClick &&
-                            onRowClick(item, trIndex + firstItemOnActivePageIndex, getClickedColumnName(event.target, columnNames), event);
-                    } }),
-                    selectable && (React$1.createElement(CTableDataCell, null,
-                        React$1.createElement(CFormCheck, { checked: selected &&
-                                isObjectInArray(selected, item, ['_cellProps', '_props', '_selected']), onChange: function (event) {
-                                var _item = __assign$1({}, item);
-                                delete _item['_cellProps'];
-                                delete _item['_props'];
-                                delete _item['_selected'];
-                                onRowChecked && onRowChecked(_item, event.target.checked);
-                            } }))),
-                    columnNames.map(function (colName, index) {
-                        return ((scopedColumns &&
-                            scopedColumns[colName] &&
-                            React$1.cloneElement(scopedColumns[colName](item, trIndex + firstItemOnActivePageIndex), {
-                                key: index,
-                            })) || (React$1.createElement(CTableDataCell, __assign$1({}, getTableDataCellProps(item, colName), { key: index }), String(item[colName]))));
-                    })),
-                scopedColumns && scopedColumns.details && (React$1.createElement(React$1.Fragment, null,
-                    React$1.createElement(CTableRow, null,
-                        React$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { borderBottomWidth: 0 }, tabIndex: -1 })),
-                    React$1.createElement(CTableRow, { onClick: function (event) {
-                            return onRowClick &&
-                                onRowClick(item, trIndex + firstItemOnActivePageIndex, getClickedColumnName(event.target, columnNames), true);
-                        }, className: "p-0", key: "details".concat(trIndex) },
-                        React$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { border: 0 } }, scopedColumns.details(item, trIndex + firstItemOnActivePageIndex)))))));
-        }),
-        !currentItems.length && (React$1.createElement(CTableRow, null,
-            React$1.createElement(CTableDataCell, { colSpan: colspan }, noItemsLabel)))));
+                            onRowClick(item, trIndex + firstItemOnActivePageIndex, getClickedColumnName(event.target, columnNames), true);
+                    }, className: "p-0", key: "details".concat(trIndex) },
+                    React$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { border: 0 } }, scopedColumns.details(item, trIndex + firstItemOnActivePageIndex)))))));
+    })) : (React$1.createElement(CTableRow, null,
+        React$1.createElement(CTableDataCell, { colSpan: colspan }, noItemsLabel)))));
 });
 CSmartTableBody.propTypes = {
     clickableRows: propTypesExports.bool,
@@ -14358,7 +14176,7 @@ var CSmartTable = React$1.forwardRef(function (_a, ref) {
             return;
         }
         //if column changed or sort was descending change asc to true
-        var state = sorterState ? sorterState : { column: '', state: '' };
+        var state = sorterState !== null && sorterState !== void 0 ? sorterState : { column: '', state: '' };
         if (state.column === column) {
             if (state.state === 0) {
                 state.state = 'asc';
@@ -14367,12 +14185,7 @@ var CSmartTable = React$1.forwardRef(function (_a, ref) {
                 state.state = 'desc';
             }
             else {
-                if (typeof columnSorter === 'object' && !columnSorter.resetable) {
-                    state.state = 'asc';
-                }
-                else {
-                    state.state = 0;
-                }
+                state.state = typeof columnSorter === 'object' && !columnSorter.resetable ? 'asc' : 0;
             }
         }
         else {
@@ -14404,19 +14217,19 @@ var CSmartTable = React$1.forwardRef(function (_a, ref) {
                         }, placeholder: tableFilterPlaceholder, value: tableFilterState || '' }))))),
             React$1.createElement("div", { className: "col-auto p-0" }, cleaner && (React$1.createElement(CSmartTableCleaner, { isFiltered: tableFilterState ||
                     (sorterState === null || sorterState === void 0 ? void 0 : sorterState.column) ||
-                    Object.values(columnFilterState).join(''), onClick: function () { return handleClean(); }, onKeyUp: function (event) {
+                    Object.values(columnFilterState).join(''), onClick: function () { return handleClean(); }, onKeyDown: function (event) {
                     if (event.key === 'Enter')
                         handleClean();
                 } })))))))),
         React$1.createElement("div", { className: "position-relative" },
             React$1.createElement(CTable, __assign$1({}, tableProps),
-                header && (React$1.createElement(CSmartTableHead, __assign$1({}, tableHeadProps, { columnFilter: columnFilter, columnFilterState: columnFilterState, columns: columns ? columns : columnNames, columnSorter: columnSorter, items: _items, selectable: selectable, selectAll: selectAll, selectedAll: selectedAll, sorterState: sorterState, sortingIcon: sortingIcon, sortingIconAscending: sortingIconAscending, sortingIconDescending: sortingIconDescending, handleFilterOnChange: function (key, event) {
+                header && (React$1.createElement(CSmartTableHead, __assign$1({}, tableHeadProps, { columnFilter: columnFilter, columnFilterState: columnFilterState, columns: columns !== null && columns !== void 0 ? columns : columnNames, columnSorter: columnSorter, items: _items, selectable: selectable, selectAll: selectAll, selectedAll: selectedAll, sorterState: sorterState, sortingIcon: sortingIcon, sortingIconAscending: sortingIconAscending, sortingIconDescending: sortingIconDescending, handleFilterOnChange: function (key, event) {
                         return handleColumnFilterChange(key, event, 'change');
                     }, handleFilterOnInput: function (key, event) { return handleColumnFilterChange(key, event, 'input'); }, handleOnCustomFilterChange: function (key, event) { return handleColumnFilterChange(key, event); }, handleSelectAllChecked: function () { return handleSelectAllChecked(); }, handleSort: function (key, index) { return handleSorterChange(key, index); } }))),
                 React$1.createElement(CSmartTableBody, __assign$1({ clickableRows: clickableRows, currentItems: currentItems, firstItemOnActivePageIndex: firstItemOnActivePageIndex, noItemsLabel: noItemsLabel, onRowClick: function (item, index, columnName, event) {
                         return clickableRows && onRowClick && onRowClick(item, index, columnName, event);
                     }, onRowChecked: function (item, value) { return handleRowChecked(item, value); }, columnNames: columnNames, scopedColumns: scopedColumns, selectable: selectable, selected: _selected }, tableBodyProps)),
-                typeof footer === 'boolean' && footer && (React$1.createElement(CSmartTableHead, __assign$1({ component: CTableFoot }, tableFootProps, { columnFilter: false, columnSorter: false, columns: columns ? columns : columnNames, items: _items, handleSelectAllChecked: function () { return handleSelectAllChecked(); }, selectable: selectable, selectAll: selectAll, selectedAll: selectedAll }))),
+                typeof footer === 'boolean' && footer && (React$1.createElement(CSmartTableHead, __assign$1({ component: CTableFoot }, tableFootProps, { columnFilter: false, columnSorter: false, columns: columns !== null && columns !== void 0 ? columns : columnNames, items: _items, handleSelectAllChecked: function () { return handleSelectAllChecked(); }, selectable: selectable, selectAll: selectAll, selectedAll: selectedAll }))),
                 Array.isArray(footer) && (React$1.createElement(CTableFoot, __assign$1({}, tableFootProps),
                     React$1.createElement(CTableRow, null, footer.map(function (item, index) { return (React$1.createElement(CTableDataCell, __assign$1({}, (typeof item === 'object' && item._props && __assign$1({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); }))))),
             loading && (React$1.createElement(CElementCover, { boundaries: [
@@ -14504,7 +14317,7 @@ var CSidebar = React$1.forwardRef(function (_a, ref) {
         setVisible(visible);
     }, [visible]);
     React$1.useEffect(function () {
-        typeof inViewport !== 'undefined' && onVisibleChange && onVisibleChange(inViewport);
+        inViewport !== undefined && onVisibleChange && onVisibleChange(inViewport);
         !inViewport && onHide && onHide();
         inViewport && onShow && onShow();
     }, [inViewport]);
@@ -14562,19 +14375,18 @@ var CSidebar = React$1.forwardRef(function (_a, ref) {
             mobile &&
             handleHide();
     };
-    var _className = classNames$1('sidebar', (_b = {},
-        _b["sidebar-".concat(colorScheme)] = colorScheme,
-        _b['sidebar-narrow'] = narrow,
-        _b['sidebar-overlaid'] = overlaid,
-        _b["sidebar-".concat(placement)] = placement,
-        _b["sidebar-".concat(position)] = position,
-        _b["sidebar-".concat(size)] = size,
-        _b['sidebar-narrow-unfoldable'] = unfoldable,
-        _b.show = _visible === true && mobile,
-        _b.hide = _visible === false && !mobile,
-        _b), className);
     return (React$1.createElement(React$1.Fragment, null,
-        React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: forkedRef }), children),
+        React$1.createElement("div", __assign$1({ className: classNames$1('sidebar', (_b = {},
+                _b["sidebar-".concat(colorScheme)] = colorScheme,
+                _b['sidebar-narrow'] = narrow,
+                _b['sidebar-overlaid'] = overlaid,
+                _b["sidebar-".concat(placement)] = placement,
+                _b["sidebar-".concat(position)] = position,
+                _b["sidebar-".concat(size)] = size,
+                _b['sidebar-narrow-unfoldable'] = unfoldable,
+                _b.show = _visible === true && mobile,
+                _b.hide = _visible === false && !mobile,
+                _b), className) }, rest, { ref: forkedRef }), children),
         typeof window !== 'undefined' &&
             mobile &&
             ReactDOM.createPortal(React$1.createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
@@ -14598,8 +14410,7 @@ CSidebar.displayName = 'CSidebar';
 
 var CSidebarBrand = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('sidebar-brand', className);
-    return (React$1.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('sidebar-brand', className), ref: ref }, rest), children));
 });
 CSidebarBrand.propTypes = {
     children: propTypesExports.node,
@@ -14609,8 +14420,7 @@ CSidebarBrand.displayName = 'CSidebarBrand';
 
 var CSidebarFooter = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('sidebar-footer', className);
-    return (React$1.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('sidebar-footer', className), ref: ref }, rest), children));
 });
 CSidebarFooter.propTypes = {
     children: propTypesExports.node,
@@ -14620,8 +14430,7 @@ CSidebarFooter.displayName = 'CSidebarFooter';
 
 var CSidebarToggler = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('sidebar-toggler', className);
-    return (React$1.createElement("button", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React$1.createElement("button", __assign$1({ className: classNames$1('sidebar-toggler', className), ref: ref }, rest), children));
 });
 CSidebarToggler.propTypes = {
     children: propTypesExports.node,
@@ -14631,8 +14440,7 @@ CSidebarToggler.displayName = 'CSidebarToggler';
 
 var CSidebarHeader = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('sidebar-header', className);
-    return (React$1.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('sidebar-header', className), ref: ref }, rest), children));
 });
 CSidebarHeader.propTypes = {
     children: propTypesExports.node,
@@ -14642,8 +14450,7 @@ CSidebarHeader.displayName = 'CSidebarHeader';
 
 var CTabContent = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('tab-content', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('tab-content', className) }, rest, { ref: ref }), children));
 });
 CTabContent.propTypes = {
     children: propTypesExports.node,
@@ -14655,16 +14462,10 @@ var CTabPane = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, onHide = _a.onHide, onShow = _a.onShow, visible = _a.visible, rest = __rest$1(_a, ["children", "className", "onHide", "onShow", "visible"]);
     var tabPaneRef = React$1.useRef();
     var forkedRef = useForkedRef(ref, tabPaneRef);
-    var getTransitionClass = function (state) {
-        return state === 'entered' && 'show';
-    };
-    var _className = classNames$1('tab-pane', 'fade', {
-        active: visible,
-    }, className);
-    return (React$1.createElement(Transition$1, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) {
-        var transitionClass = getTransitionClass(state);
-        return (React$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: forkedRef }), children));
-    }));
+    return (React$1.createElement(Transition$1, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) { return (React$1.createElement("div", __assign$1({ className: classNames$1('tab-pane', 'fade', {
+            active: visible,
+            show: state === 'entered',
+        }, className) }, rest, { ref: forkedRef }), children)); }));
 });
 CTabPane.propTypes = {
     children: propTypesExports.node,
@@ -14677,11 +14478,10 @@ CTabPane.displayName = 'CTabPane';
 
 var CToastContext = React$1.createContext({});
 var CToast = React$1.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, _c = _a.animation, animation = _c === void 0 ? true : _c, _d = _a.autohide, autohide = _d === void 0 ? true : _d, className = _a.className, color = _a.color, _e = _a.delay, delay = _e === void 0 ? 5000 : _e, index = _a.index, key = _a.key, _f = _a.visible, visible = _f === void 0 ? false : _f, onClose = _a.onClose, onShow = _a.onShow, rest = __rest$1(_a, ["children", "animation", "autohide", "className", "color", "delay", "index", "key", "visible", "onClose", "onShow"]);
+    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.autohide, autohide = _c === void 0 ? true : _c, className = _a.className, color = _a.color, _d = _a.delay, delay = _d === void 0 ? 5000 : _d, index = _a.index, key = _a.key, _e = _a.visible, visible = _e === void 0 ? false : _e, onClose = _a.onClose, onShow = _a.onShow, rest = __rest$1(_a, ["children", "animation", "autohide", "className", "color", "delay", "index", "key", "visible", "onClose", "onShow"]);
     var toastRef = React$1.useRef();
     var forkedRef = useForkedRef(ref, toastRef);
-    var _g = React$1.useState(false), _visible = _g[0], setVisible = _g[1];
+    var _f = React$1.useState(false), _visible = _f[0], setVisible = _f[1];
     var timeout = React$1.useRef();
     React$1.useEffect(function () {
         setVisible(visible);
@@ -14703,25 +14503,17 @@ var CToast = React$1.forwardRef(function (_a, ref) {
             }, delay);
         }
     };
-    var _className = classNames$1('toast', (_b = {
-            fade: animation
-        },
-        _b["bg-".concat(color)] = color,
-        _b['border-0'] = color,
-        _b), className);
-    var getTransitionClass = function (state) {
-        return state === 'entering'
-            ? 'showing'
-            : state === 'entered'
-                ? 'show'
-                : state === 'exiting'
-                    ? 'showing'
-                    : 'fade';
-    };
-    return (React$1.createElement(Transition$1, { in: _visible, nodeRef: toastRef, onEnter: function () { return onShow && onShow(index ? index : null); }, onExited: function () { return onClose && onClose(index ? index : null); }, timeout: 250, unmountOnExit: true }, function (state) {
-        var transitionClass = getTransitionClass(state);
+    return (React$1.createElement(Transition$1, { in: _visible, nodeRef: toastRef, onEnter: function () { return onShow && onShow(index !== null && index !== void 0 ? index : null); }, onExited: function () { return onClose && onClose(index !== null && index !== void 0 ? index : null); }, timeout: 250, unmountOnExit: true }, function (state) {
+        var _a;
         return (React$1.createElement(CToastContext.Provider, { value: contextValues },
-            React$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide(); } }, rest, { key: key, ref: forkedRef }), children)));
+            React$1.createElement("div", __assign$1({ className: classNames$1('toast', (_a = {
+                        fade: animation
+                    },
+                    _a["bg-".concat(color)] = color,
+                    _a['border-0'] = color,
+                    _a['show showing'] = state === 'entering' || state === 'exiting',
+                    _a.show = state === 'entered',
+                    _a), className), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide(); } }, rest, { key: key, ref: forkedRef }), children)));
     }));
 });
 CToast.propTypes = {
@@ -14741,8 +14533,7 @@ CToast.displayName = 'CToast';
 
 var CToastBody = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    var _className = classNames$1('toast-body', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('toast-body', className) }, rest, { ref: ref }), children));
 });
 CToastBody.propTypes = {
     children: propTypesExports.node,
@@ -14760,8 +14551,7 @@ CToastClose.displayName = 'CToastClose';
 
 var CToastHeader = React$1.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, closeButton = _a.closeButton, rest = __rest$1(_a, ["children", "className", "closeButton"]);
-    var _className = classNames$1('toast-header', className);
-    return (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement("div", __assign$1({ className: classNames$1('toast-header', className) }, rest, { ref: ref }),
         children,
         closeButton && React$1.createElement(CToastClose, null)));
 });
@@ -14791,23 +14581,17 @@ var CToaster = React$1.forwardRef(function (_a, ref) {
             }),
         ], false); });
     };
-    var _className = classNames$1('toaster toast-container p-3', {
-        'position-fixed': placement,
-        'top-0': placement && placement.includes('top'),
-        'top-50 translate-middle-y': placement && placement.includes('middle'),
-        'bottom-0': placement && placement.includes('bottom'),
-        'start-0': placement && placement.includes('start'),
-        'start-50 translate-middle-x': placement && placement.includes('center'),
-        'end-0': placement && placement.includes('end'),
-    }, className);
-    var toaster = function (ref) {
-        return toasts.length > 0 || children ? (React$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
-            children,
-            toasts.map(function (toast) { return React$1.cloneElement(toast, { visible: true }); }))) : null;
-    };
-    return typeof window !== 'undefined' && placement
-        ? ReactDOM.createPortal(toaster(ref), document.body)
-        : toaster(ref);
+    return (React$1.createElement(CConditionalPortal, { portal: typeof placement === 'string' }, toasts.length > 0 || children ? (React$1.createElement("div", __assign$1({ className: classNames$1('toaster toast-container p-3', {
+            'position-fixed': placement,
+            'top-0': placement && placement.includes('top'),
+            'top-50 translate-middle-y': placement && placement.includes('middle'),
+            'bottom-0': placement && placement.includes('bottom'),
+            'start-0': placement && placement.includes('start'),
+            'start-50 translate-middle-x': placement && placement.includes('center'),
+            'end-0': placement && placement.includes('end'),
+        }, className) }, rest, { ref: ref }),
+        children,
+        toasts.map(function (toast) { return React$1.cloneElement(toast, { visible: true }); }))) : null));
 });
 CToaster.propTypes = {
     children: propTypesExports.node,
@@ -14852,15 +14636,6 @@ var CTooltip = function (_a) {
     React$1.useEffect(function () {
         setVisible(visible);
     }, [visible]);
-    var getTransitionClass = function (state) {
-        return state === 'entering'
-            ? 'fade'
-            : state === 'entered'
-                ? 'fade show'
-                : state === 'exiting'
-                    ? 'fade'
-                    : 'fade';
-    };
     return (React$1.createElement(React$1.Fragment, null,
         React$1.cloneElement(children, __assign$1(__assign$1(__assign$1({ ref: setReferenceElement }, ((trigger === 'click' || trigger.includes('click')) && {
             onClick: function () { return setVisible(!_visible); },
@@ -14875,12 +14650,11 @@ var CTooltip = function (_a) {
             ReactDOM.createPortal(React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: tooltipRef, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
                     exit: 200,
-                }, unmountOnExit: true }, function (state) {
-                var transitionClass = getTransitionClass(state);
-                return (React$1.createElement("div", __assign$1({ className: classNames$1("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), className, transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
-                    React$1.createElement("div", { className: "tooltip-arrow", style: styles.arrow, ref: setArrowElement }),
-                    React$1.createElement("div", { className: "tooltip-inner" }, content)));
-            }), document.body)));
+                }, unmountOnExit: true }, function (state) { return (React$1.createElement("div", __assign$1({ className: classNames$1('tooltip', "bs-popover-".concat(placement.replace('left', 'start').replace('right', 'end')), 'fade', {
+                    show: state === 'entered',
+                }, className), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                React$1.createElement("div", { className: "tooltip-arrow", style: styles.arrow, ref: setArrowElement }),
+                React$1.createElement("div", { className: "tooltip-inner" }, content))); }), document.body)));
 };
 CTooltip.propTypes = {
     children: propTypesExports.node,
@@ -14897,8 +14671,7 @@ CTooltip.displayName = 'CTooltip';
 var CWidgetStatsA = React$1.forwardRef(function (_a, ref) {
     var _b;
     var action = _a.action, chart = _a.chart, className = _a.className, color = _a.color, title = _a.title, value = _a.value, rest = __rest$1(_a, ["action", "chart", "className", "color", "title", "value"]);
-    var _className = classNames$1((_b = {}, _b["bg-".concat(color)] = color, _b['text-high-emphasis-inverse'] = color, _b), className);
-    return (React$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement(CCard, __assign$1({ className: classNames$1((_b = {}, _b["bg-".concat(color)] = color, _b['text-high-emphasis-inverse'] = color, _b), className) }, rest, { ref: ref }),
         React$1.createElement(CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" },
             React$1.createElement("div", null,
                 value && React$1.createElement("div", { className: "fs-4 fw-semibold" }, value),
@@ -14959,12 +14732,10 @@ CWidgetStatsC.displayName = 'CWidgetStatsCWidgetStatsC';
 var CWidgetStatsD = React$1.forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, chart = _a.chart, color = _a.color, icon = _a.icon, values = _a.values, rest = __rest$1(_a, ["className", "chart", "color", "icon", "values"]);
-    var _className = classNames$1(className);
-    var classNameHeader = classNames$1('position-relative d-flex justify-content-center align-items-center', (_b = {},
-        _b["bg-".concat(color)] = color,
-        _b));
-    return (React$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
-        React$1.createElement(CCardHeader, { className: classNameHeader },
+    return (React$1.createElement(CCard, __assign$1({ className: className }, rest, { ref: ref }),
+        React$1.createElement(CCardHeader, { className: classNames$1('position-relative d-flex justify-content-center align-items-center', (_b = {},
+                _b["bg-".concat(color)] = color,
+                _b)) },
             icon,
             chart),
         React$1.createElement(CCardBody, { className: "row text-center" }, values &&
@@ -14987,8 +14758,7 @@ CWidgetStatsD.displayName = 'CWidgetStatsD';
 
 var CWidgetStatsE = React$1.forwardRef(function (_a, ref) {
     var chart = _a.chart, className = _a.className, title = _a.title, value = _a.value, rest = __rest$1(_a, ["chart", "className", "title", "value"]);
-    var _className = classNames$1(className);
-    return (React$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement(CCard, __assign$1({ className: classNames$1(className) }, rest, { ref: ref }),
         React$1.createElement(CCardBody, { className: "text-center" },
             title && (React$1.createElement("div", { className: "text-medium-emphasis small text-uppercase fw-semibold" }, title)),
             value && React$1.createElement("div", { className: "fs-6 fw-semibold py-3" }, value),
@@ -15005,8 +14775,7 @@ CWidgetStatsE.displayName = 'CWidgetStatsE';
 
 var CWidgetStatsF = React$1.forwardRef(function (_a, ref) {
     var className = _a.className, color = _a.color, footer = _a.footer, icon = _a.icon, _b = _a.padding, padding = _b === void 0 ? true : _b, title = _a.title, value = _a.value, rest = __rest$1(_a, ["className", "color", "footer", "icon", "padding", "title", "value"]);
-    var _className = classNames$1(className);
-    return (React$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React$1.createElement(CCard, __assign$1({ className: className }, rest, { ref: ref }),
         React$1.createElement(CCardBody, { className: "d-flex align-items-center ".concat(padding === false && 'p-0') },
             React$1.createElement("div", { className: "me-3 text-white bg-".concat(color, " ").concat(padding ? 'p-3' : 'p-4') }, icon),
             React$1.createElement("div", null,
@@ -15060,6 +14829,7 @@ exports.CCarouselItem = CCarouselItem;
 exports.CCloseButton = CCloseButton;
 exports.CCol = CCol;
 exports.CCollapse = CCollapse;
+exports.CConditionalPortal = CConditionalPortal;
 exports.CContainer = CContainer;
 exports.CDatePicker = CDatePicker;
 exports.CDateRangePicker = CDateRangePicker;