@coreui/react-pro 4.8.0-alpha.3 → 4.9.0-next.0

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default$1, { createContext, forwardRef, useState, useRef, useContext, useEffect, Children, isValidElement, cloneElement, useMemo, useLayoutEffect, useCallback, Fragment } from 'react';
+import React__default$1, { createContext, forwardRef, useState, useRef, useContext, useEffect, useMemo, Children, useLayoutEffect, useCallback, Fragment } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal } from 'react-dom';
 
@@ -2076,6 +2076,7 @@ Transition.EXITED = EXITED;
 Transition.ENTERING = ENTERING;
 Transition.ENTERED = ENTERED;
 Transition.EXITING = EXITING;
+var Transition$1 = Transition;
 
 var _addClass = function addClass$1(node, classes) {
   return node && classes && classes.split(' ').forEach(function (c) {
@@ -2331,7 +2332,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
         _this$props.classNames;
         var props = _objectWithoutPropertiesLoose$1(_this$props, ["classNames"]);
 
-    return /*#__PURE__*/React__default$1.createElement(Transition, _extends$1({}, props, {
+    return /*#__PURE__*/React__default$1.createElement(Transition$1, _extends$1({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -2347,7 +2348,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
 CSSTransition.defaultProps = {
   classNames: ''
 };
-CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({}, Transition.propTypes, {
+CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({}, Transition$1.propTypes, {
   /**
    * The animation classNames applied to the component as it appears, enters,
    * exits or has finished the transition. A single name can be provided, which
@@ -2477,842 +2478,136 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
    */
   onExited: propTypesExports.func
 }) : {};
+var CSSTransition$1 = CSSTransition;
 
-function _assertThisInitialized$1(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-
-/**
- * Given `this.props.children`, return an object mapping key to child.
- *
- * @param {*} children `this.props.children`
- * @return {object} Mapping of key to child
- */
-
-function getChildMapping(children, mapFn) {
-  var mapper = function mapper(child) {
-    return mapFn && isValidElement(child) ? mapFn(child) : child;
-  };
-
-  var result = Object.create(null);
-  if (children) Children.map(children, function (c) {
-    return c;
-  }).forEach(function (child) {
-    // run the map function here instead so that the key is the computed one
-    result[child.key] = mapper(child);
-  });
-  return result;
+// code borrowed from https://github.com/reach/reach-ui
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function useForkedRef() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return useMemo(function () {
+        if (refs.every(function (ref) { return ref == null; })) {
+            return null;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return function (node) {
+            refs.forEach(function (ref) {
+                assignRef(ref, node);
+            });
+        };
+    }, refs);
 }
-/**
- * When you're adding or removing children some may be added or removed in the
- * same render pass. We want to show *both* since we want to simultaneously
- * animate elements in and out. This function takes a previous set of keys
- * and a new set of keys and merges them with its best guess of the correct
- * ordering. In the future we may expose some of the utilities in
- * ReactMultiChild to make this easy, but for now React itself does not
- * directly have this concept of the union of prevChildren and nextChildren
- * so we implement it here.
- *
- * @param {object} prev prev children as returned from
- * `ReactTransitionChildMapping.getChildMapping()`.
- * @param {object} next next children as returned from
- * `ReactTransitionChildMapping.getChildMapping()`.
- * @return {object} a key set that contains all keys in `prev` and all keys
- * in `next` in a reasonable order.
- */
-
-function mergeChildMappings(prev, next) {
-  prev = prev || {};
-  next = next || {};
-
-  function getValueForKey(key) {
-    return key in next ? next[key] : prev[key];
-  } // For each key of `next`, the list of keys to insert before that key in
-  // the combined list
-
-
-  var nextKeysPending = Object.create(null);
-  var pendingKeys = [];
-
-  for (var prevKey in prev) {
-    if (prevKey in next) {
-      if (pendingKeys.length) {
-        nextKeysPending[prevKey] = pendingKeys;
-        pendingKeys = [];
-      }
-    } else {
-      pendingKeys.push(prevKey);
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function assignRef(ref, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+value) {
+    if (ref == null)
+        return;
+    if (isFunction(ref)) {
+        ref(value);
     }
-  }
-
-  var i;
-  var childMapping = {};
-
-  for (var nextKey in next) {
-    if (nextKeysPending[nextKey]) {
-      for (i = 0; i < nextKeysPending[nextKey].length; i++) {
-        var pendingNextKey = nextKeysPending[nextKey][i];
-        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);
-      }
+    else {
+        try {
+            ref.current = value;
+        }
+        catch (error) {
+            throw new Error("Cannot assign value \"".concat(value, "\" to ref \"").concat(ref, "\""));
+        }
     }
-
-    childMapping[nextKey] = getValueForKey(nextKey);
-  } // Finally, add the keys which didn't appear before any key in `next`
-
-
-  for (i = 0; i < pendingKeys.length; i++) {
-    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);
-  }
-
-  return childMapping;
-}
-
-function getProp(child, prop, props) {
-  return props[prop] != null ? props[prop] : child.props[prop];
-}
-
-function getInitialChildMapping(props, onExited) {
-  return getChildMapping(props.children, function (child) {
-    return cloneElement(child, {
-      onExited: onExited.bind(null, child),
-      in: true,
-      appear: getProp(child, 'appear', props),
-      enter: getProp(child, 'enter', props),
-      exit: getProp(child, 'exit', props)
-    });
-  });
 }
-function getNextChildMapping(nextProps, prevChildMapping, onExited) {
-  var nextChildMapping = getChildMapping(nextProps.children);
-  var children = mergeChildMappings(prevChildMapping, nextChildMapping);
-  Object.keys(children).forEach(function (key) {
-    var child = children[key];
-    if (!isValidElement(child)) return;
-    var hasPrev = (key in prevChildMapping);
-    var hasNext = (key in nextChildMapping);
-    var prevChild = prevChildMapping[key];
-    var isLeaving = isValidElement(prevChild) && !prevChild.props.in; // item is new (entering)
-
-    if (hasNext && (!hasPrev || isLeaving)) {
-      // console.log('entering', key)
-      children[key] = cloneElement(child, {
-        onExited: onExited.bind(null, child),
-        in: true,
-        exit: getProp(child, 'exit', nextProps),
-        enter: getProp(child, 'enter', nextProps)
-      });
-    } else if (!hasNext && hasPrev && !isLeaving) {
-      // item is old (exiting)
-      // console.log('leaving', key)
-      children[key] = cloneElement(child, {
-        in: false
-      });
-    } else if (hasNext && hasPrev && isValidElement(prevChild)) {
-      // item hasn't changed transition states
-      // copy over the last transition props;
-      // console.log('unchanged', key)
-      children[key] = cloneElement(child, {
-        onExited: onExited.bind(null, child),
-        in: prevChild.props.in,
-        exit: getProp(child, 'exit', nextProps),
-        enter: getProp(child, 'enter', nextProps)
-      });
-    }
-  });
-  return children;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+function isFunction(value) {
+    return !!(value && {}.toString.call(value) == '[object Function]');
 }
 
-var values = Object.values || function (obj) {
-  return Object.keys(obj).map(function (k) {
-    return obj[k];
-  });
-};
-
-var defaultProps = {
-  component: 'div',
-  childFactory: function childFactory(child) {
-    return child;
-  }
+var useStateWithCallback = function (initialState, handler, runHandler) {
+    var _a = useState(initialState), state = _a[0], setState = _a[1];
+    handler &&
+        useEffect(function () {
+            runHandler && handler(state);
+        }, [state]);
+    return [state, setState];
 };
-/**
- * The `<TransitionGroup>` component manages a set of transition components
- * (`<Transition>` and `<CSSTransition>`) in a list. Like with the transition
- * components, `<TransitionGroup>` is a state machine for managing the mounting
- * and unmounting of components over time.
- *
- * Consider the example below. As items are removed or added to the TodoList the
- * `in` prop is toggled automatically by the `<TransitionGroup>`.
- *
- * Note that `<TransitionGroup>`  does not define any animation behavior!
- * Exactly _how_ a list item animates is up to the individual transition
- * component. This means you can mix and match animations across different list
- * items.
- */
-
-var TransitionGroup = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TransitionGroup, _React$Component);
 
-  function TransitionGroup(props, context) {
-    var _this;
-
-    _this = _React$Component.call(this, props, context) || this;
-
-    var handleExited = _this.handleExited.bind(_assertThisInitialized$1(_this)); // Initial children should all be entering, dependent on appear
-
-
-    _this.state = {
-      contextValue: {
-        isMounting: true
-      },
-      handleExited: handleExited,
-      firstRender: true
-    };
-    return _this;
-  }
-
-  var _proto = TransitionGroup.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.mounted = true;
-    this.setState({
-      contextValue: {
-        isMounting: false
-      }
-    });
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.mounted = false;
-  };
-
-  TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {
-    var prevChildMapping = _ref.children,
-        handleExited = _ref.handleExited,
-        firstRender = _ref.firstRender;
-    return {
-      children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),
-      firstRender: false
+var CCollapse = 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 = useState(), height = _b[0], setHeight = _b[1];
+    var _c = useState(), width = _c[0], setWidth = _c[1];
+    var collapseRef = useRef(null);
+    var forkedRef = useForkedRef(ref, collapseRef);
+    var getTransitionClass = function (state) {
+        return state === 'entering'
+            ? 'collapsing'
+            : state === 'entered'
+                ? 'collapse show'
+                : state === 'exiting'
+                    ? 'collapsing'
+                    : 'collapse';
     };
-  } // node is `undefined` when user provided `nodeRef` prop
-  ;
-
-  _proto.handleExited = function handleExited(child, node) {
-    var currentChildMapping = getChildMapping(this.props.children);
-    if (child.key in currentChildMapping) return;
-
-    if (child.props.onExited) {
-      child.props.onExited(node);
-    }
-
-    if (this.mounted) {
-      this.setState(function (state) {
-        var children = _extends$1({}, state.children);
-
-        delete children[child.key];
-        return {
-          children: children
-        };
-      });
-    }
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        Component = _this$props.component,
-        childFactory = _this$props.childFactory,
-        props = _objectWithoutPropertiesLoose$1(_this$props, ["component", "childFactory"]);
-
-    var contextValue = this.state.contextValue;
-    var children = values(this.state.children).map(childFactory);
-    delete props.appear;
-    delete props.enter;
-    delete props.exit;
-
-    if (Component === null) {
-      return /*#__PURE__*/React__default$1.createElement(TransitionGroupContext.Provider, {
-        value: contextValue
-      }, children);
-    }
-
-    return /*#__PURE__*/React__default$1.createElement(TransitionGroupContext.Provider, {
-      value: contextValue
-    }, /*#__PURE__*/React__default$1.createElement(Component, props, children));
-  };
-
-  return TransitionGroup;
-}(React__default$1.Component);
-
-TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * `<TransitionGroup>` renders a `<div>` by default. You can change this
-   * behavior by providing a `component` prop.
-   * If you use React v16+ and would like to avoid a wrapping `<div>` element
-   * you can pass in `component={null}`. This is useful if the wrapping div
-   * borks your css styles.
-   */
-  component: propTypesExports.any,
-
-  /**
-   * A set of `<Transition>` components, that are toggled `in` and out as they
-   * leave. the `<TransitionGroup>` will inject specific transition props, so
-   * remember to spread them through if you are wrapping the `<Transition>` as
-   * with our `<Fade>` example.
-   *
-   * While this component is meant for multiple `Transition` or `CSSTransition`
-   * children, sometimes you may want to have a single transition child with
-   * content that you want to be transitioned out and in when you change it
-   * (e.g. routes, images etc.) In that case you can change the `key` prop of
-   * the transition child as you change its content, this will cause
-   * `TransitionGroup` to transition the child out and back in.
-   */
-  children: propTypesExports.node,
-
-  /**
-   * A convenience prop that enables or disables appear animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  appear: propTypesExports.bool,
-
-  /**
-   * A convenience prop that enables or disables enter animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  enter: propTypesExports.bool,
-
-  /**
-   * A convenience prop that enables or disables exit animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  exit: propTypesExports.bool,
-
-  /**
-   * You may need to apply reactive updates to a child as it is exiting.
-   * This is generally done by using `cloneElement` however in the case of an exiting
-   * child the element has already been removed and not accessible to the consumer.
-   *
-   * If you do need to update a child as it leaves you can provide a `childFactory`
-   * to wrap every child, even the ones that are leaving.
-   *
-   * @type Function(child: ReactElement) -> ReactElement
-   */
-  childFactory: propTypesExports.func
-} : {};
-TransitionGroup.defaultProps = defaultProps;
-
-/**
- * The `<ReplaceTransition>` component is a specialized `Transition` component
- * that animates between two children.
- *
- * ```jsx
- * <ReplaceTransition in>
- *   <Fade><div>I appear first</div></Fade>
- *   <Fade><div>I replace the above</div></Fade>
- * </ReplaceTransition>
- * ```
- */
-
-var ReplaceTransition = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(ReplaceTransition, _React$Component);
-
-  function ReplaceTransition() {
-    var _this;
-
-    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
-      _args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(_args)) || this;
-
-    _this.handleEnter = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      return _this.handleLifecycle('onEnter', 0, args);
+    var onEntering = function () {
+        onShow && onShow();
+        if (horizontal) {
+            collapseRef.current && setWidth(collapseRef.current.scrollWidth);
+            return;
+        }
+        collapseRef.current && setHeight(collapseRef.current.scrollHeight);
     };
-
-    _this.handleEntering = function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-
-      return _this.handleLifecycle('onEntering', 0, args);
+    var onEntered = function () {
+        if (horizontal) {
+            setWidth(0);
+            return;
+        }
+        setHeight(0);
     };
-
-    _this.handleEntered = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      return _this.handleLifecycle('onEntered', 0, args);
+    var onExit = function () {
+        if (horizontal) {
+            collapseRef.current && setWidth(collapseRef.current.scrollWidth);
+            return;
+        }
+        collapseRef.current && setHeight(collapseRef.current.scrollHeight);
     };
-
-    _this.handleExit = function () {
-      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-        args[_key5] = arguments[_key5];
-      }
-
-      return _this.handleLifecycle('onExit', 1, args);
+    var onExiting = function () {
+        onHide && onHide();
+        if (horizontal) {
+            setWidth(0);
+            return;
+        }
+        setHeight(0);
     };
-
-    _this.handleExiting = function () {
-      for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-        args[_key6] = arguments[_key6];
-      }
-
-      return _this.handleLifecycle('onExiting', 1, args);
+    var onExited = function () {
+        if (horizontal) {
+            setWidth(0);
+            return;
+        }
+        setHeight(0);
     };
-
-    _this.handleExited = function () {
-      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
-        args[_key7] = arguments[_key7];
-      }
-
-      return _this.handleLifecycle('onExited', 1, args);
-    };
-
-    return _this;
-  }
-
-  var _proto = ReplaceTransition.prototype;
-
-  _proto.handleLifecycle = function handleLifecycle(handler, idx, originalArgs) {
-    var _child$props;
-
-    var children = this.props.children;
-    var child = React__default$1.Children.toArray(children)[idx];
-    if (child.props[handler]) (_child$props = child.props)[handler].apply(_child$props, originalArgs);
-
-    if (this.props[handler]) {
-      var maybeNode = child.props.nodeRef ? undefined : ReactDOM__default.findDOMNode(this);
-      this.props[handler](maybeNode);
-    }
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        children = _this$props.children,
-        inProp = _this$props.in,
-        props = _objectWithoutPropertiesLoose$1(_this$props, ["children", "in"]);
-
-    var _React$Children$toArr = React__default$1.Children.toArray(children),
-        first = _React$Children$toArr[0],
-        second = _React$Children$toArr[1];
-
-    delete props.onEnter;
-    delete props.onEntering;
-    delete props.onEntered;
-    delete props.onExit;
-    delete props.onExiting;
-    delete props.onExited;
-    return /*#__PURE__*/React__default$1.createElement(TransitionGroup, props, inProp ? React__default$1.cloneElement(first, {
-      key: 'first',
-      onEnter: this.handleEnter,
-      onEntering: this.handleEntering,
-      onEntered: this.handleEntered
-    }) : React__default$1.cloneElement(second, {
-      key: 'second',
-      onEnter: this.handleExit,
-      onEntering: this.handleExiting,
-      onEntered: this.handleExited
-    }));
-  };
-
-  return ReplaceTransition;
-}(React__default$1.Component);
-
-ReplaceTransition.propTypes = process.env.NODE_ENV !== "production" ? {
-  in: propTypesExports.bool.isRequired,
-  children: function children(props, propName) {
-    if (React__default$1.Children.count(props[propName]) !== 2) return new Error("\"" + propName + "\" must be exactly two transition components.");
-    return null;
-  }
-} : {};
-
-var _leaveRenders, _enterRenders;
-
-function areChildrenDifferent(oldChildren, newChildren) {
-  if (oldChildren === newChildren) return false;
-
-  if (React__default$1.isValidElement(oldChildren) && React__default$1.isValidElement(newChildren) && oldChildren.key != null && oldChildren.key === newChildren.key) {
-    return false;
-  }
-
-  return true;
-}
-/**
- * Enum of modes for SwitchTransition component
- * @enum { string }
- */
-
-
-var modes = {
-  out: 'out-in',
-  in: 'in-out'
-};
-
-var callHook = function callHook(element, name, cb) {
-  return function () {
-    var _element$props;
-
-    element.props[name] && (_element$props = element.props)[name].apply(_element$props, arguments);
-    cb();
-  };
-};
-
-var leaveRenders = (_leaveRenders = {}, _leaveRenders[modes.out] = function (_ref) {
-  var current = _ref.current,
-      changeState = _ref.changeState;
-  return React__default$1.cloneElement(current, {
-    in: false,
-    onExited: callHook(current, 'onExited', function () {
-      changeState(ENTERING, null);
-    })
-  });
-}, _leaveRenders[modes.in] = function (_ref2) {
-  var current = _ref2.current,
-      changeState = _ref2.changeState,
-      children = _ref2.children;
-  return [current, React__default$1.cloneElement(children, {
-    in: true,
-    onEntered: callHook(children, 'onEntered', function () {
-      changeState(ENTERING);
-    })
-  })];
-}, _leaveRenders);
-var enterRenders = (_enterRenders = {}, _enterRenders[modes.out] = function (_ref3) {
-  var children = _ref3.children,
-      changeState = _ref3.changeState;
-  return React__default$1.cloneElement(children, {
-    in: true,
-    onEntered: callHook(children, 'onEntered', function () {
-      changeState(ENTERED, React__default$1.cloneElement(children, {
-        in: true
-      }));
-    })
-  });
-}, _enterRenders[modes.in] = function (_ref4) {
-  var current = _ref4.current,
-      children = _ref4.children,
-      changeState = _ref4.changeState;
-  return [React__default$1.cloneElement(current, {
-    in: false,
-    onExited: callHook(current, 'onExited', function () {
-      changeState(ENTERED, React__default$1.cloneElement(children, {
-        in: true
-      }));
-    })
-  }), React__default$1.cloneElement(children, {
-    in: true
-  })];
-}, _enterRenders);
-/**
- * A transition component inspired by the [vue transition modes](https://vuejs.org/v2/guide/transitions.html#Transition-Modes).
- * You can use it when you want to control the render between state transitions.
- * Based on the selected mode and the child's key which is the `Transition` or `CSSTransition` component, the `SwitchTransition` makes a consistent transition between them.
- *
- * If the `out-in` mode is selected, the `SwitchTransition` waits until the old child leaves and then inserts a new child.
- * If the `in-out` mode is selected, the `SwitchTransition` inserts a new child first, waits for the new child to enter and then removes the old child.
- *
- * **Note**: If you want the animation to happen simultaneously
- * (that is, to have the old child removed and a new child inserted **at the same time**),
- * you should use
- * [`TransitionGroup`](https://reactcommunity.org/react-transition-group/transition-group)
- * instead.
- *
- * ```jsx
- * function App() {
- *  const [state, setState] = useState(false);
- *  return (
- *    <SwitchTransition>
- *      <CSSTransition
- *        key={state ? "Goodbye, world!" : "Hello, world!"}
- *        addEndListener={(node, done) => node.addEventListener("transitionend", done, false)}
- *        classNames='fade'
- *      >
- *        <button onClick={() => setState(state => !state)}>
- *          {state ? "Goodbye, world!" : "Hello, world!"}
- *        </button>
- *      </CSSTransition>
- *    </SwitchTransition>
- *  );
- * }
- * ```
- *
- * ```css
- * .fade-enter{
- *    opacity: 0;
- * }
- * .fade-exit{
- *    opacity: 1;
- * }
- * .fade-enter-active{
- *    opacity: 1;
- * }
- * .fade-exit-active{
- *    opacity: 0;
- * }
- * .fade-enter-active,
- * .fade-exit-active{
- *    transition: opacity 500ms;
- * }
- * ```
- */
-
-var SwitchTransition = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(SwitchTransition, _React$Component);
-
-  function SwitchTransition() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.state = {
-      status: ENTERED,
-      current: null
-    };
-    _this.appeared = false;
-
-    _this.changeState = function (status, current) {
-      if (current === void 0) {
-        current = _this.state.current;
-      }
-
-      _this.setState({
-        status: status,
-        current: current
-      });
-    };
-
-    return _this;
-  }
-
-  var _proto = SwitchTransition.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.appeared = true;
-  };
-
-  SwitchTransition.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
-    if (props.children == null) {
-      return {
-        current: null
-      };
-    }
-
-    if (state.status === ENTERING && props.mode === modes.in) {
-      return {
-        status: ENTERING
-      };
-    }
-
-    if (state.current && areChildrenDifferent(state.current, props.children)) {
-      return {
-        status: EXITING
-      };
-    }
-
-    return {
-      current: React__default$1.cloneElement(props.children, {
-        in: true
-      })
-    };
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        children = _this$props.children,
-        mode = _this$props.mode,
-        _this$state = this.state,
-        status = _this$state.status,
-        current = _this$state.current;
-    var data = {
-      children: children,
-      current: current,
-      changeState: this.changeState,
-      status: status
-    };
-    var component;
-
-    switch (status) {
-      case ENTERING:
-        component = enterRenders[mode](data);
-        break;
-
-      case EXITING:
-        component = leaveRenders[mode](data);
-        break;
-
-      case ENTERED:
-        component = current;
-    }
-
-    return /*#__PURE__*/React__default$1.createElement(TransitionGroupContext.Provider, {
-      value: {
-        isMounting: !this.appeared
-      }
-    }, component);
-  };
-
-  return SwitchTransition;
-}(React__default$1.Component);
-
-SwitchTransition.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Transition modes.
-   * `out-in`: Current element transitions out first, then when complete, the new element transitions in.
-   * `in-out`: New element transitions in first, then when complete, the current element transitions out.
-   *
-   * @type {'out-in'|'in-out'}
-   */
-  mode: propTypesExports.oneOf([modes.in, modes.out]),
-
-  /**
-   * Any `Transition` or `CSSTransition` component.
-   */
-  children: propTypesExports.oneOfType([propTypesExports.element.isRequired])
-} : {};
-SwitchTransition.defaultProps = {
-  mode: modes.out
-};
-
-// code borrowed from https://github.com/reach/reach-ui
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function useForkedRef() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    return useMemo(function () {
-        if (refs.every(function (ref) { return ref == null; })) {
-            return null;
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        return function (node) {
-            refs.forEach(function (ref) {
-                assignRef(ref, node);
-            });
-        };
-    }, refs);
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function assignRef(ref, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-value) {
-    if (ref == null)
-        return;
-    if (isFunction(ref)) {
-        ref(value);
-    }
-    else {
-        try {
-            ref.current = value;
-        }
-        catch (error) {
-            throw new Error("Cannot assign value \"".concat(value, "\" to ref \"").concat(ref, "\""));
-        }
-    }
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-function isFunction(value) {
-    return !!(value && {}.toString.call(value) == '[object Function]');
-}
-
-var useStateWithCallback = function (initialState, handler, runHandler) {
-    var _a = useState(initialState), state = _a[0], setState = _a[1];
-    handler &&
-        useEffect(function () {
-            runHandler && handler(state);
-        }, [state]);
-    return [state, setState];
-};
-
-var CCollapse = 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 = useState(), height = _b[0], setHeight = _b[1];
-    var _c = useState(), width = _c[0], setWidth = _c[1];
-    var collapseRef = useRef(null);
-    var forkedRef = useForkedRef(ref, collapseRef);
-    var getTransitionClass = function (state) {
-        return state === 'entering'
-            ? 'collapsing'
-            : state === 'entered'
-                ? 'collapse show'
-                : state === 'exiting'
-                    ? 'collapsing'
-                    : 'collapse';
-    };
-    var onEntering = function () {
-        onShow && onShow();
-        if (horizontal) {
-            collapseRef.current && setWidth(collapseRef.current.scrollWidth);
-            return;
-        }
-        collapseRef.current && setHeight(collapseRef.current.scrollHeight);
-    };
-    var onEntered = function () {
-        if (horizontal) {
-            setWidth(0);
-            return;
-        }
-        setHeight(0);
-    };
-    var onExit = function () {
-        if (horizontal) {
-            collapseRef.current && setWidth(collapseRef.current.scrollWidth);
-            return;
-        }
-        collapseRef.current && setHeight(collapseRef.current.scrollHeight);
-    };
-    var onExiting = function () {
-        onHide && onHide();
-        if (horizontal) {
-            setWidth(0);
-            return;
-        }
-        setHeight(0);
-    };
-    var onExited = function () {
-        if (horizontal) {
-            setWidth(0);
-            return;
-        }
-        setHeight(0);
-    };
-    var _className = classNames$1({
-        'collapse-horizontal': horizontal,
-    }, className);
-    return (React__default$1.createElement(CSSTransition, { 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__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), style: __assign$1(__assign$1({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
-    }));
-});
-CCollapse.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    horizontal: propTypesExports.bool,
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
-    visible: propTypesExports.bool,
-};
-CCollapse.displayName = 'CCollapse';
+    var _className = classNames$1({
+        'collapse-horizontal': horizontal,
+    }, className);
+    return (React__default$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__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), style: __assign$1(__assign$1({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
+    }));
+});
+CCollapse.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    horizontal: propTypesExports.bool,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    visible: propTypesExports.bool,
+};
+CCollapse.displayName = 'CCollapse';
 
 var CAccordionBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var visible = useContext(CAccordionItemContext).visible;
     var _className = classNames$1('accordion-body', className);
-    return (React__default$1.createElement(CCollapse, { className: "accordion-collpase", visible: visible },
+    return (React__default$1.createElement(CCollapse, { className: "accordion-collapse", visible: visible },
         React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children)));
 });
 CAccordionBody.propTypes = {
@@ -3445,7 +2740,7 @@ var CAlert = forwardRef(function (_a, ref) {
     var getTransitionClass = function (state) {
         return state === 'entered' && 'show';
     };
-    return (React__default$1.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: alertRef, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) {
+    return (React__default$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: alertRef, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) {
         var transitionClass = getTransitionClass(state);
         return (React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), role: "alert" }, rest, { ref: forkedRef }),
             children,
@@ -3539,7 +2834,7 @@ var CBackdrop = forwardRef(function (_a, ref) {
     var getTransitionClass = function (state) {
         return state === 'entered' && 'show';
     };
-    return (React__default$1.createElement(Transition, { in: visible, mountOnEnter: true, nodeRef: backdropRef, timeout: 150, unmountOnExit: true }, function (state) {
+    return (React__default$1.createElement(Transition$1, { in: visible, mountOnEnter: true, nodeRef: backdropRef, timeout: 150, unmountOnExit: true }, function (state) {
         var transitionClass = getTransitionClass(state);
         return (React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: forkedRef })));
     }));
@@ -3827,12 +3122,26 @@ var getPreviousSibling = function (elem, selector) {
     return;
 };
 
-var isVisible = function (element) {
+var isInViewport = function (element) {
     var rect = element.getBoundingClientRect();
-    return (rect.top >= 0 &&
-        rect.left >= 0 &&
-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
+    return (Math.floor(rect.top) >= 0 &&
+        Math.floor(rect.left) >= 0 &&
+        Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) &&
+        Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth));
+};
+
+var isObjectInArray = function (array, item, ignore) {
+    if (ignore === void 0) { ignore = []; }
+    return array.some(function (_item) {
+        var result = true;
+        for (var key in item) {
+            if (!ignore.includes(key) && item[key] !== _item[key]) {
+                result = false;
+                break;
+            }
+        }
+        return result;
+    });
 };
 
 var CCarouselContext = createContext({});
@@ -3879,7 +3188,7 @@ var CCarousel = forwardRef(function (_a, ref) {
     var nextItemWhenVisible = function () {
         // Don't call next when the page isn't visible
         // or the carousel or its parent isn't visible
-        if (!document.hidden && carouselRef.current && isVisible(carouselRef.current)) {
+        if (!document.hidden && carouselRef.current && isInViewport(carouselRef.current)) {
             if (animating) {
                 return;
             }
@@ -3913,7 +3222,7 @@ var CCarousel = forwardRef(function (_a, ref) {
         }
     };
     var handleScroll = function () {
-        if (!document.hidden && carouselRef.current && isVisible(carouselRef.current)) {
+        if (!document.hidden && carouselRef.current && isInViewport(carouselRef.current)) {
             setVisible(true);
         }
         else {
@@ -4534,6 +3843,7 @@ var formatters$2 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
+var formatters$3 = formatters$2;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -4631,7 +3941,7 @@ var formatters = {
       });
     }
 
-    return formatters$2.y(date, token);
+    return formatters$3.y(date, token);
   },
   // Local week-numbering year
   Y: function Y(date, token, localize, options) {
@@ -4764,7 +4074,7 @@ var formatters = {
     switch (token) {
       case 'M':
       case 'MM':
-        return formatters$2.M(date, token);
+        return formatters$3.M(date, token);
       // 1st, 2nd, ..., 12th
 
       case 'Mo':
@@ -4869,7 +4179,7 @@ var formatters = {
       });
     }
 
-    return formatters$2.d(date, token);
+    return formatters$3.d(date, token);
   },
   // Day of year
   D: function D(date, token, localize) {
@@ -5190,7 +4500,7 @@ var formatters = {
       });
     }
 
-    return formatters$2.h(date, token);
+    return formatters$3.h(date, token);
   },
   // Hour [0-23]
   H: function H(date, token, localize) {
@@ -5200,7 +4510,7 @@ var formatters = {
       });
     }
 
-    return formatters$2.H(date, token);
+    return formatters$3.H(date, token);
   },
   // Hour [0-11]
   K: function K(date, token, localize) {
@@ -5235,7 +4545,7 @@ var formatters = {
       });
     }
 
-    return formatters$2.m(date, token);
+    return formatters$3.m(date, token);
   },
   // Second
   s: function s(date, token, localize) {
@@ -5245,11 +4555,11 @@ var formatters = {
       });
     }
 
-    return formatters$2.s(date, token);
+    return formatters$3.s(date, token);
   },
   // Fraction of second
   S: function S(date, token) {
-    return formatters$2.S(date, token);
+    return formatters$3.S(date, token);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function X(date, token, _localize, options) {
@@ -5599,6 +4909,8 @@ var formatDistance = function formatDistance(token, count, options) {
   return result;
 };
 
+var formatDistance$1 = formatDistance;
+
 function buildFormatLongFn(args) {
   return function () {
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -5641,6 +4953,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+var formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -5655,6 +4968,8 @@ var formatRelative = function formatRelative(token, _date, _baseDate, _options)
   return formatRelativeLocale[token];
 };
 
+var formatRelative$1 = formatRelative;
+
 function buildLocalizeFn(args) {
   return function (dirtyIndex, options) {
     var context = options !== null && options !== void 0 && options.context ? String(options.context) : 'standalone';
@@ -5822,6 +5137,7 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
+var localize$1 = localize;
 
 function buildMatchFn(args) {
   return function (string) {
@@ -5985,6 +5301,7 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
+var match$1 = match;
 
 /**
  * @type {Locale}
@@ -5997,11 +5314,11 @@ var match = {
  */
 var locale = {
   code: 'en-US',
-  formatDistance: formatDistance,
-  formatLong: formatLong,
-  formatRelative: formatRelative,
-  localize: localize,
-  match: match,
+  formatDistance: formatDistance$1,
+  formatLong: formatLong$1,
+  formatRelative: formatRelative$1,
+  localize: localize$1,
+  match: match$1,
   options: {
     weekStartsOn: 0
     /* Sunday */
@@ -6427,12 +5744,12 @@ var uaParser_min = {
   set exports(v){ uaParser_minExports = v; },
 };
 
-/* UAParser.js v1.0.32
+/* UAParser.js v1.0.33
    Copyright © 2012-2021 Faisal Salman <f@faisalman.com>
    MIT License */
 
 (function (module, exports) {
-	(function(window,undefined$1){var LIBVERSION="1.0.32",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).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]],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]],[/\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="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);
 } (uaParser_min, uaParser_minExports));
 
 Object.defineProperty(lib, '__esModule', { value: true });
@@ -7702,40 +7019,145 @@ var isToday = function (date) {
         date.getFullYear() === today.getFullYear());
 };
 
-var CCalendar = forwardRef(function (_a, ref) {
-    var calendarDate = _a.calendarDate, _b = _a.calendars, calendars = _b === void 0 ? 1 : _b, className = _a.className, _c = _a.dayFormat, dayFormat = _c === void 0 ? 'numeric' : _c, disabledDates = _a.disabledDates, endDate = _a.endDate, _d = _a.firstDayOfWeek, firstDayOfWeek = _d === void 0 ? 1 : _d, _e = _a.locale, locale = _e === void 0 ? 'default' : _e, maxDate = _a.maxDate, minDate = _a.minDate, _f = _a.navigation, navigation = _f === void 0 ? true : _f, navNextIcon = _a.navNextIcon, navNextDoubleIcon = _a.navNextDoubleIcon, navPrevIcon = _a.navPrevIcon, navPrevDoubleIcon = _a.navPrevDoubleIcon, navYearFirst = _a.navYearFirst, range = _a.range, selectEndDate = _a.selectEndDate, startDate = _a.startDate, _g = _a.weekdayFormat, weekdayFormat = _g === void 0 ? 2 : _g, onCalendarCellHover = _a.onCalendarCellHover, onCalendarDateChange = _a.onCalendarDateChange, onEndDateChange = _a.onEndDateChange, onStartDateChange = _a.onStartDateChange, onSelectEndChange = _a.onSelectEndChange, onViewChanged = _a.onViewChanged;
-    var isInitialMount = useRef(true);
-    var _h = useState(calendarDate ? new Date(calendarDate) : startDate ? new Date(startDate) : new Date()), _calendarDate = _h[0], setCalendarDate = _h[1];
+var Calendar = function (props) {
+    var addMonths = props.addMonths, calendarDate = props.calendarDate, dayFormat = props.dayFormat, disabledDates = props.disabledDates, endDate = props.endDate, firstDayOfWeek = props.firstDayOfWeek, hoverDate = props.hoverDate, locale = props.locale, maxDate = props.maxDate, minDate = props.minDate, onCellClick = props.onCellClick, onCellKeyDown = props.onCellKeyDown, onCellMouseEnter = props.onCellMouseEnter, onCellMouseLeave = props.onCellMouseLeave, onMonthClick = props.onMonthClick, onYearClick = props.onYearClick, selectEndDate = props.selectEndDate, startDate = props.startDate, view = props.view, weekdayFormat = props.weekdayFormat;
+    var _a = useState(calendarDate), date = _a[0], setDate = _a[1];
+    var _b = useState([]), listOfMonths = _b[0], setListOfMonths = _b[1];
     useEffect(function () {
-        if (calendarDate) {
-            var d = new Date(calendarDate);
-            !isSameDateAs(_calendarDate, d) && setCalendarDate(d);
+        if (addMonths !== 0) {
+            setDate(new Date(calendarDate.getFullYear(), calendarDate.getMonth() + addMonths, 1));
+            return;
         }
+        setDate(calendarDate);
     }, [calendarDate]);
-    var _j = useStateWithCallback(startDate ? new Date(startDate) : null, onStartDateChange, !isInitialMount.current), _startDate = _j[0], setStartDate = _j[1];
+    useEffect(function () {
+        setListOfMonths(createGroupsInArray(getMonthsNames(locale), 4));
+    }, []);
+    var monthDetails = getMonthDetails(date.getFullYear(), date.getMonth(), firstDayOfWeek);
+    var listOfYears = createGroupsInArray(getYears(date.getFullYear()), 4);
+    var weekDays = monthDetails[0];
+    return (React__default$1.createElement("table", null,
+        view === 'days' && (React__default$1.createElement("thead", null,
+            React__default$1.createElement("tr", null, weekDays.map(function (_a, idx) {
+                var date = _a.date;
+                return (React__default$1.createElement("th", { key: idx, className: "calendar-cell" },
+                    React__default$1.createElement("div", { className: "calendar-header-cell-inner" }, typeof weekdayFormat === 'function'
+                        ? weekdayFormat(date)
+                        : typeof weekdayFormat === 'string'
+                            ? date.toLocaleDateString(locale, { weekday: weekdayFormat })
+                            : date.toLocaleDateString(locale, { weekday: 'long' }).slice(0, weekdayFormat))));
+            })))),
+        React__default$1.createElement("tbody", null,
+            view === 'days' &&
+                monthDetails.map(function (week, index) {
+                    return (React__default$1.createElement("tr", { key: index }, week.map(function (_a, idx) {
+                        var _b;
+                        var date = _a.date, month = _a.month;
+                        return (React__default$1.createElement("td", __assign$1({ className: classNames$1('calendar-cell', (_b = {
+                                    today: month === 'current' && isToday(date),
+                                    disabled: isDateDisabled(date, minDate, maxDate, disabledDates)
+                                },
+                                _b[month] = true,
+                                _b.last = isLastDayOfMonth(date),
+                                _b['range-hover'] = month === 'current' &&
+                                    (hoverDate && selectEndDate
+                                        ? isDateInRange(date, startDate, hoverDate)
+                                        : isDateInRange(date, hoverDate, endDate)),
+                                _b.range = month === 'current' && isDateInRange(date, startDate, endDate),
+                                _b.selected = isDateSelected(date, startDate, endDate),
+                                _b.start = isStartDate(date, startDate, endDate),
+                                _b.end = isEndDate(date, startDate, endDate),
+                                _b)), key: idx, tabIndex: 0, title: date.toLocaleDateString(locale) }, (month === 'current' && {
+                            onBlur: function () { return onCellMouseLeave(); },
+                            onClick: function () { return onCellClick(date); },
+                            onFocus: function () { return onCellMouseEnter(date); },
+                            onKeyDown: function (event) { return onCellKeyDown(event, date); },
+                            onMouseEnter: function () { return onCellMouseEnter(date); },
+                            onMouseLeave: function () { return onCellMouseLeave(); },
+                        }), (month !== 'current' && {
+                            onMouseEnter: function () { return onCellMouseLeave(); },
+                        })),
+                            React__default$1.createElement("div", { className: "calendar-cell-inner" }, typeof dayFormat === 'function'
+                                ? dayFormat(date)
+                                : date.toLocaleDateString(locale, { day: dayFormat }))));
+                    })));
+                }),
+            view === 'months' &&
+                listOfMonths.map(function (row, index) {
+                    return (React__default$1.createElement("tr", { key: index }, row.map(function (month, idx) {
+                        return (React__default$1.createElement("td", { key: idx, className: "calendar-cell month", onClick: function () { return onMonthClick(index * 3 + idx - addMonths, 'days'); } },
+                            React__default$1.createElement("div", { className: "calendar-cell-inner" }, month)));
+                    })));
+                }),
+            view === 'years' &&
+                listOfYears.map(function (row, index) {
+                    return (React__default$1.createElement("tr", { key: index }, row.map(function (year, idx) {
+                        return (React__default$1.createElement("td", { key: idx, className: "calendar-cell year", onClick: function () {
+                                return onYearClick(new Date(year, date.getMonth() - addMonths, date.getDate()), 'months');
+                            } },
+                            React__default$1.createElement("div", { className: "calendar-cell-inner" }, new Date(year, 0, 1).toLocaleDateString(locale, { year: 'numeric' }))));
+                    })));
+                }))));
+};
+var Navigation = function (props) {
+    var addMonths = props.addMonths, calendarDate = props.calendarDate, locale = props.locale, navigation = props.navigation, navNextDoubleIcon = props.navNextDoubleIcon, navNextIcon = props.navNextIcon, navPrevDoubleIcon = props.navPrevDoubleIcon, navPrevIcon = props.navPrevIcon, navYearFirst = props.navYearFirst, onMonthClick = props.onMonthClick, onNavigationClick = props.onNavigationClick, onYearClick = props.onYearClick, view = props.view;
+    var _a = useState(), date = _a[0], setDate = _a[1];
+    useEffect(function () {
+        if (addMonths !== 0) {
+            setDate(new Date(calendarDate.getFullYear(), calendarDate.getMonth() + addMonths, 1));
+            return;
+        }
+        setDate(calendarDate);
+    }, [calendarDate]);
+    return (React__default$1.createElement("div", { className: "calendar-nav" },
+        navigation && (React__default$1.createElement("div", { className: "calendar-nav-prev" },
+            React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return onNavigationClick('prev', true); } }, navPrevDoubleIcon ? (navPrevDoubleIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-prev" }))),
+            view === 'days' && (React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return onNavigationClick('prev'); } }, navPrevIcon ? (navPrevIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-prev" })))))),
+        React__default$1.createElement("div", __assign$1({ className: "calendar-nav-date" }, (navYearFirst && { style: { display: 'flex', justifyContent: 'center' } })),
+            view === 'days' && (React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return navigation && onMonthClick(); } }, date && date.toLocaleDateString(locale, { month: 'long' }))),
+            React__default$1.createElement(CButton, __assign$1({ color: "transparent", size: "sm", onClick: function () { return navigation && onYearClick(); } }, (navYearFirst && { style: { order: '-1' } })), date && date.toLocaleDateString(locale, { year: 'numeric' }))),
+        navigation && (React__default$1.createElement("div", { className: "calendar-nav-next" },
+            view === 'days' && (React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return onNavigationClick('next'); } }, navNextIcon ? (navNextIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-next" })))),
+            React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return onNavigationClick('next', true); } }, navNextDoubleIcon ? (navNextDoubleIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-next" })))))));
+};
+var CCalendar = forwardRef(function (_a, ref) {
+    var startDate = _a.startDate, endDate = _a.endDate, _b = _a.calendarDate, calendarDate = _b === void 0 ? startDate || endDate || null : _b, _c = _a.calendars, calendars = _c === void 0 ? 1 : _c, className = _a.className, _d = _a.dayFormat, dayFormat = _d === void 0 ? 'numeric' : _d, disabledDates = _a.disabledDates, _e = _a.firstDayOfWeek, firstDayOfWeek = _e === void 0 ? 1 : _e, _f = _a.locale, locale = _f === void 0 ? 'default' : _f, maxDate = _a.maxDate, minDate = _a.minDate, _g = _a.navigation, navigation = _g === void 0 ? true : _g, navNextIcon = _a.navNextIcon, navNextDoubleIcon = _a.navNextDoubleIcon, navPrevIcon = _a.navPrevIcon, navPrevDoubleIcon = _a.navPrevDoubleIcon, navYearFirst = _a.navYearFirst, range = _a.range, selectEndDate = _a.selectEndDate, _h = _a.weekdayFormat, weekdayFormat = _h === void 0 ? 2 : _h, onCalendarCellHover = _a.onCalendarCellHover, onCalendarDateChange = _a.onCalendarDateChange, onEndDateChange = _a.onEndDateChange, onStartDateChange = _a.onStartDateChange, onSelectEndChange = _a.onSelectEndChange, onViewChanged = _a.onViewChanged;
+    var isInitialMount = useRef(true);
+    var _j = useState(null), _calendarDate = _j[0], setCalendarDate = _j[1];
+    useEffect(function () {
+        if (calendarDate === null) {
+            setCalendarDate(new Date());
+            return;
+        }
+        if (calendarDate) {
+            var date = new Date(calendarDate);
+            !isSameDateAs(_calendarDate, date) && setCalendarDate(date);
+        }
+    }, [calendarDate]);
+    var _k = useStateWithCallback(startDate ? new Date(startDate) : null, onStartDateChange, !isInitialMount.current), _startDate = _k[0], setStartDate = _k[1];
     useEffect(function () {
         var date = startDate ? new Date(startDate) : null;
         if (!isSameDateAs(date, _startDate)) {
             setStartDate(date);
         }
     }, [startDate]);
-    var _k = useStateWithCallback(endDate ? new Date(endDate) : null, onEndDateChange, !isInitialMount.current), _endDate = _k[0], setEndDate = _k[1];
+    var _l = useStateWithCallback(endDate ? new Date(endDate) : null, onEndDateChange, !isInitialMount.current), _endDate = _l[0], setEndDate = _l[1];
     useEffect(function () {
         var date = endDate ? new Date(endDate) : null;
         if (!isSameDateAs(date, _endDate)) {
             setEndDate(date);
         }
     }, [endDate]);
-    var _l = useState(null), _hoverDate = _l[0], setHoverDate = _l[1];
-    var _m = useState(maxDate ? new Date(maxDate) : null), _maxDate = _m[0], setMaxDate = _m[1];
+    var _m = useState(null), _hoverDate = _m[0], setHoverDate = _m[1];
+    var _o = useState(maxDate ? new Date(maxDate) : null), _maxDate = _o[0], setMaxDate = _o[1];
     useEffect(function () {
         maxDate && setMaxDate(new Date(maxDate));
     }, [maxDate]);
-    var _o = useState(minDate ? new Date(minDate) : null), _minDate = _o[0], setMinDate = _o[1];
+    var _p = useState(minDate ? new Date(minDate) : null), _minDate = _p[0], setMinDate = _p[1];
     useEffect(function () {
         minDate && setMinDate(new Date(minDate));
     }, [minDate]);
-    var _p = useStateWithCallback(selectEndDate, onSelectEndChange), _selectEndDate = _p[0], setSelectEndDate = _p[1];
+    var _q = useStateWithCallback(selectEndDate, onSelectEndChange), _selectEndDate = _q[0], setSelectEndDate = _q[1];
     useEffect(function () {
         setSelectEndDate(selectEndDate);
     }, [selectEndDate]);
@@ -7745,12 +7167,15 @@ var CCalendar = forwardRef(function (_a, ref) {
             onSelectEndChange &&
             onSelectEndChange(_selectEndDate);
     }, [_selectEndDate]);
-    var _q = useStateWithCallback('days', onViewChanged), view = _q[0], setView = _q[1];
+    var _r = useStateWithCallback('days', onViewChanged), view = _r[0], setView = _r[1];
     useEffect(function () {
         isInitialMount.current = false;
     }, []);
     var setCalendarPage = function (years, months, setMonth) {
         if (months === void 0) { months = 0; }
+        if (_calendarDate === null) {
+            return;
+        }
         var year = _calendarDate.getFullYear();
         var month = _calendarDate.getMonth();
         var d = new Date(year, month, 1);
@@ -7841,105 +7266,16 @@ var CCalendar = forwardRef(function (_a, ref) {
             return;
         }
     };
-    var Calendar = function (props) {
-        var addMonths = props.addMonths;
-        var date = _calendarDate;
-        if (addMonths !== 0) {
-            date = new Date(_calendarDate.getFullYear(), _calendarDate.getMonth() + addMonths, 1);
-        }
-        var monthDetails = getMonthDetails(date.getFullYear(), date.getMonth(), firstDayOfWeek);
-        var listOfMonths = createGroupsInArray(getMonthsNames(locale), 4);
-        var listOfYears = createGroupsInArray(getYears(date.getFullYear()), 4);
-        var weekDays = monthDetails[0];
-        return (React__default$1.createElement("table", null,
-            view === 'days' && (React__default$1.createElement("thead", null,
-                React__default$1.createElement("tr", null, weekDays.map(function (_a, idx) {
-                    var date = _a.date;
-                    return (React__default$1.createElement("th", { key: idx, className: "calendar-cell" },
-                        React__default$1.createElement("div", { className: "calendar-header-cell-inner" }, typeof weekdayFormat === 'function'
-                            ? weekdayFormat(date)
-                            : typeof weekdayFormat === 'string'
-                                ? date.toLocaleDateString(locale, { weekday: weekdayFormat })
-                                : date
-                                    .toLocaleDateString(locale, { weekday: 'long' })
-                                    .slice(0, weekdayFormat))));
-                })))),
-            React__default$1.createElement("tbody", null,
-                view === 'days' &&
-                    monthDetails.map(function (week, index) {
-                        return (React__default$1.createElement("tr", { key: index }, week.map(function (_a, idx) {
-                            var _b;
-                            var date = _a.date, month = _a.month;
-                            return (React__default$1.createElement("td", __assign$1({ className: classNames$1('calendar-cell', (_b = {
-                                        today: month === 'current' && isToday(date),
-                                        disabled: isDateDisabled(date, _minDate, _maxDate, disabledDates)
-                                    },
-                                    _b[month] = true,
-                                    _b.last = isLastDayOfMonth(date),
-                                    _b['range-hover'] = month === 'current' &&
-                                        (_hoverDate && _selectEndDate
-                                            ? isDateInRange(date, _startDate, _hoverDate)
-                                            : isDateInRange(date, _hoverDate, _endDate)),
-                                    _b.range = month === 'current' && isDateInRange(date, _startDate, _endDate),
-                                    _b.selected = isDateSelected(date, _startDate, _endDate),
-                                    _b.start = isStartDate(date, _startDate, _endDate),
-                                    _b.end = isEndDate(date, _startDate, _endDate),
-                                    _b)), key: idx, tabIndex: 0, title: date.toLocaleDateString(locale) }, (month === 'current' && {
-                                onBlur: function () { return handleCellMouseLeave(); },
-                                onClick: function () { return handleCellOnClick(date); },
-                                onFocus: function () { return handleCellMouseEnter(date); },
-                                onKeyDown: function (event) { return handleCellKeyDown(event, date); },
-                                onMouseEnter: function () { return handleCellMouseEnter(date); },
-                                onMouseLeave: function () { return handleCellMouseLeave(); },
-                            }), (month !== 'current' && {
-                                onMouseEnter: function () { return handleCellMouseLeave(); },
-                            })),
-                                React__default$1.createElement("div", { className: "calendar-cell-inner" }, typeof dayFormat === 'function'
-                                    ? dayFormat(date)
-                                    : date.toLocaleDateString(locale, { day: dayFormat }))));
-                        })));
-                    }),
-                view === 'months' &&
-                    listOfMonths.map(function (row, index) {
-                        return (React__default$1.createElement("tr", { key: index }, row.map(function (month, idx) {
-                            return (React__default$1.createElement("td", { key: idx, className: "calendar-cell month", onClick: function () {
-                                    setCalendarPage(0, 0, index * 3 + idx - addMonths);
-                                    setView('days');
-                                } },
-                                React__default$1.createElement("div", { className: "calendar-cell-inner" }, month)));
-                        })));
-                    }),
-                view === 'years' &&
-                    listOfYears.map(function (row, index) {
-                        return (React__default$1.createElement("tr", { key: index }, row.map(function (year, idx) {
-                            return (React__default$1.createElement("td", { key: idx, className: "calendar-cell year", onClick: function () {
-                                    setCalendarDate(new Date(year, date.getMonth() - addMonths, date.getDate()));
-                                    setView('months');
-                                } },
-                                React__default$1.createElement("div", { className: "calendar-cell-inner" }, new Date(year, 0, 1).toLocaleDateString(locale, { year: 'numeric' }))));
-                        })));
-                    }))));
-    };
-    var Navigation = function (props) {
-        var addMonths = props.addMonths;
-        var date = _calendarDate;
-        if (addMonths !== 0) {
-            date = new Date(_calendarDate.getFullYear(), _calendarDate.getMonth() + addMonths, 1);
-        }
-        return (React__default$1.createElement("div", { className: "calendar-nav" },
-            navigation && (React__default$1.createElement("div", { className: "calendar-nav-prev" },
-                React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('prev', true); } }, navPrevDoubleIcon ? (navPrevDoubleIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-prev" }))),
-                view === 'days' && (React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('prev'); } }, navPrevIcon ? (navPrevIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-prev" })))))),
-            React__default$1.createElement("div", __assign$1({ className: "calendar-nav-date" }, (navYearFirst && { style: { display: 'flex', justifyContent: 'center' } })),
-                view === 'days' && (React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return navigation && setView('months'); } }, date.toLocaleDateString(locale, { month: 'long' }))),
-                React__default$1.createElement(CButton, __assign$1({ color: "transparent", size: "sm", onClick: function () { return navigation && setView('years'); } }, (navYearFirst && { style: { order: '-1' } })), date.toLocaleDateString(locale, { year: 'numeric' }))),
-            navigation && (React__default$1.createElement("div", { className: "calendar-nav-next" },
-                view === 'days' && (React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('next'); } }, navNextIcon ? (navNextIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-next" })))),
-                React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('next', true); } }, navNextDoubleIcon ? (navNextDoubleIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-next" })))))));
-    };
-    return (React__default$1.createElement("div", { className: classNames$1('calendars', className) }, Array.from({ length: calendars }, function (_, index) { return (React__default$1.createElement("div", { className: classNames$1('calendar', view), key: index, ref: ref },
-        Navigation({ addMonths: index }),
-        Calendar({ addMonths: index }))); })));
+    return (React__default$1.createElement("div", { className: classNames$1('calendars', className) }, _calendarDate &&
+        Array.from({ length: calendars }, function (_, index) { return (React__default$1.createElement("div", { className: classNames$1('calendar', view), key: index, ref: ref },
+            React__default$1.createElement(Navigation, { addMonths: index, calendarDate: _calendarDate, locale: locale, navigation: navigation, navNextDoubleIcon: navNextDoubleIcon, navNextIcon: navNextIcon, navPrevDoubleIcon: navPrevDoubleIcon, navPrevIcon: navPrevIcon, navYearFirst: navYearFirst, onMonthClick: function () { return setView('months'); }, onNavigationClick: handleNavigationOnClick, onYearClick: function () { return setView('years'); }, view: view }),
+            React__default$1.createElement(Calendar, { addMonths: index, calendarDate: _calendarDate, dayFormat: dayFormat, disabledDates: disabledDates, endDate: _endDate, firstDayOfWeek: firstDayOfWeek, hoverDate: _hoverDate, locale: locale, maxDate: _maxDate, minDate: _minDate, onCellClick: handleCellOnClick, onCellKeyDown: handleCellKeyDown, onCellMouseEnter: handleCellMouseEnter, onCellMouseLeave: handleCellMouseLeave, onMonthClick: function (month, view) {
+                    setCalendarPage(0, 0, month);
+                    setView(view);
+                }, onYearClick: function (date, view) {
+                    setCalendarDate(date);
+                    setView(view);
+                }, selectEndDate: _selectEndDate, startDate: _startDate, view: view, weekdayFormat: weekdayFormat }))); })));
 });
 CCalendar.propTypes = {
     className: propTypesExports.string,
@@ -8111,15 +7447,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__default$1.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
     return floatingLabel ? (React__default$1.createElement(CFormFloating, { className: floatingClassName },
         children,
         React__default$1.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel),
         text && React__default$1.createElement(CFormText, { id: describedby }, text),
-        React__default$1.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid }))) : (React__default$1.createElement(React__default$1.Fragment, null,
+        formControlValidation())) : (React__default$1.createElement(React__default$1.Fragment, null,
         label && React__default$1.createElement(CFormLabel, { htmlFor: id }, label),
         children,
         text && React__default$1.createElement(CFormText, { id: describedby }, text),
-        React__default$1.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })));
+        formControlValidation()));
 };
 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';
@@ -10983,46 +10320,34 @@ var getAmPm = function (date, locale) {
     }
     return date.getHours() >= 12 ? 'pm' : 'am';
 };
-var getListOfHours = function (locale, ampm) {
+var getLocalizedTimePartials = function (locale, ampm) {
     if (ampm === void 0) { ampm = 'auto'; }
-    return Array.from({ length: (ampm === 'auto' && isAmPm(locale)) || ampm === true ? 12 : 24 }, function (_, i) {
-        return {
-            value: (ampm === 'auto' && isAmPm(locale)) || ampm === true ? i + 1 : i,
-            label: ((ampm === 'auto' && isAmPm(locale)) || ampm === true ? i + 1 : i).toLocaleString(locale),
-        };
-    });
-};
-var getListOfMinutes = function (locale, valueAsString) {
-    if (valueAsString === void 0) { valueAsString = false; }
-    return Array.from({ length: 60 }, function (_, i) {
-        var d = new Date();
-        d.setMinutes(i);
+    var date = new Date();
+    var hour12 = ['am', 'AM', 'pm', 'PM'].some(function (el) { return date.toLocaleString(locale).includes(el); });
+    var listOfHours = Array.from({ length: (ampm === 'auto' && hour12) || ampm === true ? 12 : 24 }, function (_, i) {
         return {
-            value: valueAsString ? i.toString() : i,
-            label: d
-                .toLocaleTimeString(locale, {
-                minute: '2-digit',
-                second: '2-digit',
-            })
-                .split(/[^A-Za-z0-9]/)[0],
+            value: (ampm === 'auto' && hour12) || ampm === true ? i + 1 : i,
+            label: ((ampm === 'auto' && hour12) || ampm === true ? i + 1 : i).toLocaleString(locale),
         };
     });
-};
-var getListOfSeconds = function (locale, valueAsString) {
-    if (valueAsString === void 0) { valueAsString = false; }
-    return Array.from({ length: 60 }, function (_, i) {
-        var d = new Date();
-        d.setSeconds(i);
+    var listOfMinutesSeconds = Array.from({ length: 60 }, function (_, i) {
+        date.setMinutes(i);
         return {
-            value: valueAsString ? i.toString() : i,
-            label: d
+            value: i,
+            label: date
                 .toLocaleTimeString(locale, {
                 minute: '2-digit',
                 second: '2-digit',
             })
-                .split(/[^A-Za-z0-9]/)[1],
+                .split(/[^A-Za-z0-9\u06F0-\u06F90-9]/)[0],
         };
     });
+    return {
+        listOfHours: listOfHours,
+        listOfMinutes: listOfMinutesSeconds,
+        listOfSeconds: listOfMinutesSeconds,
+        hour12: hour12,
+    };
 };
 var getSelectedHour = function (date, locale, ampm) {
     if (ampm === void 0) { ampm = 'auto'; }
@@ -11050,13 +10375,22 @@ var CTimePicker = forwardRef(function (_a, ref) {
     var _o = useState(null), initialDate = _o[0], setInitialDate = _o[1];
     var _p = useState(date ? getAmPm(new Date(date), locale) : 'am'), _ampm = _p[0], setAmPm = _p[1];
     var _q = useState(visible), _visible = _q[0], setVisible = _q[1];
+    var _r = useState({
+        listOfHours: [],
+        listOfMinutes: [],
+        listOfSeconds: [],
+        hour12: false,
+    }), localizedTimePartials = _r[0], setLocalizedTimePartials = _r[1];
+    useEffect(function () {
+        setLocalizedTimePartials(getLocalizedTimePartials(locale, ampm));
+    }, [date]);
     useEffect(function () {
         setDate(convertTimeToDate(time));
     }, [time]);
     useEffect(function () {
         if (inputRef.current) {
             inputRef.current.value = date
-                ? date.toLocaleTimeString(locale, __assign$1({ hour12: (ampm === 'auto' && isAmPm(locale)) || (typeof ampm === 'boolean' && ampm) }, (!seconds && { timeStyle: 'short' })))
+                ? date.toLocaleTimeString(locale, __assign$1({ hour12: localizedTimePartials && localizedTimePartials.hour12 }, (!seconds && { timeStyle: 'short' })))
                 : '';
         }
         date && setAmPm(getAmPm(new Date(date), locale));
@@ -11077,7 +10411,7 @@ var CTimePicker = forwardRef(function (_a, ref) {
             }
         }
         if (set === 'hours') {
-            if ((ampm === 'auto' && isAmPm(locale)) || ampm === true) {
+            if (localizedTimePartials && localizedTimePartials.hour12) {
                 _date.setHours(convert12hTo24h(_ampm, parseInt(value)));
             }
             else {
@@ -11101,30 +10435,40 @@ var CTimePicker = forwardRef(function (_a, ref) {
             indicator && (React__default$1.createElement("span", { className: "picker-input-group-indicator" }, typeof indicator === 'boolean' ? (React__default$1.createElement("span", { className: "picker-input-group-icon time-picker-input-icon" })) : (indicator))),
             cleaner && date && (React__default$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, typeof cleaner === 'boolean' ? (React__default$1.createElement("span", { className: "picker-input-group-icon time-picker-cleaner-icon" })) : (cleaner))))))); };
     var TimePickerSelect = function () {
+        var _a;
         return (React__default$1.createElement(React__default$1.Fragment, null,
             React__default$1.createElement("span", { className: "time-picker-inline-icon" }),
-            React__default$1.createElement(CFormSelect, { disabled: disabled, options: getListOfHours(locale).map(function (option) {
-                    return {
-                        value: option.value.toString(),
-                        label: option.label,
-                    };
-                }), onChange: function (event) {
+            React__default$1.createElement(CFormSelect, { disabled: disabled, options: localizedTimePartials &&
+                    ((_a = localizedTimePartials.listOfHours) === null || _a === void 0 ? void 0 : _a.map(function (option) {
+                        return {
+                            value: option.value.toString(),
+                            label: option.label,
+                        };
+                    })), onChange: function (event) {
                     return handleTimeChange('hours', event.target.value);
                 }, value: getSelectedHour(date, locale) }),
             React__default$1.createElement(React__default$1.Fragment, null, ":"),
-            React__default$1.createElement(CFormSelect, { disabled: disabled, 
-                // @ts-expect-error the getListOfMinutes function returns corect type
-                options: getListOfMinutes(locale, true), onChange: function (event) {
+            React__default$1.createElement(CFormSelect, { disabled: disabled, options: localizedTimePartials &&
+                    localizedTimePartials.listOfMinutes.map(function (option) {
+                        return {
+                            value: option.value.toString(),
+                            label: option.label,
+                        };
+                    }), onChange: function (event) {
                     return handleTimeChange('minutes', event.target.value);
                 }, value: getSelectedMinutes(date) }),
             seconds && (React__default$1.createElement(React__default$1.Fragment, null,
                 React__default$1.createElement(React__default$1.Fragment, null, ":"),
-                React__default$1.createElement(CFormSelect, { disabled: disabled, 
-                    // @ts-expect-error the getListOfSeconds function returns corect type
-                    options: getListOfSeconds(locale, true), onChange: function (event) {
+                React__default$1.createElement(CFormSelect, { disabled: disabled, options: localizedTimePartials &&
+                        localizedTimePartials.listOfSeconds.map(function (option) {
+                            return {
+                                value: option.value.toString(),
+                                label: option.label,
+                            };
+                        }), onChange: function (event) {
                         return handleTimeChange('seconds', event.target.value);
                     }, value: getSelectedSeconds(date) }))),
-            isAmPm(locale) && (React__default$1.createElement(CFormSelect, { disabled: disabled, options: [
+            localizedTimePartials && localizedTimePartials.hour12 && (React__default$1.createElement(CFormSelect, { disabled: disabled, options: [
                     { value: 'am', label: 'AM' },
                     { value: 'pm', label: 'PM' },
                 ], onChange: function (event) {
@@ -11132,10 +10476,10 @@ var CTimePicker = forwardRef(function (_a, ref) {
                 }, value: _ampm }))));
     };
     var TimePickerRoll = function () { return (React__default$1.createElement(React__default$1.Fragment, null,
-        React__default$1.createElement(CTimePickerRollCol, { elements: getListOfHours(locale, ampm), onClick: function (index) { return handleTimeChange('hours', index.toString()); }, selected: getSelectedHour(date, locale, ampm) }),
-        React__default$1.createElement(CTimePickerRollCol, { elements: getListOfMinutes(locale), onClick: function (index) { return handleTimeChange('minutes', index.toString()); }, selected: getSelectedMinutes(date) }),
-        seconds && (React__default$1.createElement(CTimePickerRollCol, { elements: getListOfSeconds(locale), onClick: function (index) { return handleTimeChange('seconds', index.toString()); }, selected: getSelectedSeconds(date) })),
-        ((ampm === 'auto' && isAmPm(locale)) || ampm === true) && (React__default$1.createElement(CTimePickerRollCol, { elements: [
+        React__default$1.createElement(CTimePickerRollCol, { elements: localizedTimePartials && localizedTimePartials.listOfHours, onClick: function (index) { return handleTimeChange('hours', index.toString()); }, selected: getSelectedHour(date, locale, ampm) }),
+        React__default$1.createElement(CTimePickerRollCol, { elements: localizedTimePartials && localizedTimePartials.listOfMinutes, onClick: function (index) { return handleTimeChange('minutes', index.toString()); }, selected: getSelectedMinutes(date) }),
+        seconds && (React__default$1.createElement(CTimePickerRollCol, { elements: localizedTimePartials && localizedTimePartials.listOfSeconds, onClick: function (index) { return handleTimeChange('seconds', index.toString()); }, selected: getSelectedSeconds(date) })),
+        localizedTimePartials && localizedTimePartials.hour12 && (React__default$1.createElement(CTimePickerRollCol, { elements: [
                 { value: 'am', label: 'AM' },
                 { value: 'pm', label: 'PM' },
             ], onClick: function (value) { return handleTimeChange('toggle', value); }, selected: _ampm })))); };
@@ -11384,6 +10728,73 @@ CDropdownItemPlain.propTypes = {
 };
 CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 
+var CSpinner = 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__default$1.createElement(Component, __assign$1({ className: _className, role: "status" }, rest, { ref: ref }),
+        React__default$1.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
+});
+CSpinner.propTypes = {
+    className: propTypesExports.string,
+    color: colorPropType,
+    component: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm']),
+    variant: propTypesExports.oneOf(['border', 'grow']),
+    visuallyHiddenLabel: propTypesExports.string,
+};
+CSpinner.displayName = 'CSpinner';
+
+var CElementCover = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, boundaries = _a.boundaries, _b = _a.opacity, opacity = _b === void 0 ? 0.4 : _b, rest = __rest$1(_a, ["children", "className", "boundaries", "opacity"]);
+    var elementCoverRef = useRef(null);
+    var forkedRef = useForkedRef(ref, elementCoverRef);
+    var _c = useState({}), customBoundaries = _c[0], setCustomBoundaries = _c[1];
+    var getCustomBoundaries = function () {
+        if (!elementCoverRef || !elementCoverRef.current || !boundaries) {
+            return {};
+        }
+        var parent = elementCoverRef.current.parentElement;
+        if (!parent) {
+            return {};
+        }
+        var parentCoords = parent.getBoundingClientRect();
+        var customBoundaries = {};
+        boundaries.forEach(function (_a) {
+            var sides = _a.sides, query = _a.query;
+            var element = parent.querySelector(query);
+            if (!element || !sides) {
+                return;
+            }
+            var coords = element.getBoundingClientRect();
+            sides.forEach(function (side) {
+                var sideMargin = Math.abs(coords[side] - parentCoords[side]);
+                customBoundaries[side] = "".concat(sideMargin, "px");
+            });
+        });
+        return customBoundaries;
+    };
+    useEffect(function () {
+        setCustomBoundaries(getCustomBoundaries());
+    }, [JSON.stringify(getCustomBoundaries())]);
+    var classes = classNames$1(className);
+    var containerCoords = __assign$1({ top: 0, left: 0, right: 0, bottom: 0 }, customBoundaries);
+    var coverStyles = __assign$1(__assign$1({}, containerCoords), { position: 'absolute', backgroundColor: "rgba(255,255,255,".concat(opacity, ")") });
+    return (React__default$1.createElement("div", __assign$1({ className: classes, style: coverStyles }, rest, { ref: forkedRef }),
+        React__default$1.createElement("div", { style: {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translateX(-50%) translateY(-50%)',
+            } }, children || React__default$1.createElement(CSpinner, { variant: "grow", color: "primary" }))));
+});
+CElementCover.propTypes = {
+    boundaries: propTypesExports.array,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    opacity: propTypesExports.number,
+};
+CElementCover.displayName = 'CElementCover';
+
 var CFooter = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, position = _a.position, rest = __rest$1(_a, ["children", "className", "position"]);
@@ -11459,6 +10870,10 @@ CCol.propTypes = {
     className: propTypesExports.string,
     xs: col,
     sm: col,
+    md: col,
+    lg: col,
+    xl: col,
+    xxl: col,
 };
 CCol.displayName = 'CCol';
 
@@ -11707,22 +11122,6 @@ CListGroupItem.propTypes = {
 };
 CListGroupItem.displayName = 'CListGroupItem';
 
-var CSpinner = 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__default$1.createElement(Component, __assign$1({ className: _className, role: "status" }, rest, { ref: ref }),
-        React__default$1.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
-});
-CSpinner.propTypes = {
-    className: propTypesExports.string,
-    color: colorPropType,
-    component: propTypesExports.string,
-    size: propTypesExports.oneOf(['sm']),
-    variant: propTypesExports.oneOf(['border', 'grow']),
-    visuallyHiddenLabel: propTypesExports.string,
-};
-CSpinner.displayName = 'CSpinner';
-
 var CLoadingButton = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, disabledOnLoading = _a.disabledOnLoading, loading = _a.loading, onClick = _a.onClick, _b = _a.spinnerType, spinnerType = _b === void 0 ? 'border' : _b, timeout = _a.timeout, rest = __rest$1(_a, ["children", "className", "disabledOnLoading", "loading", "onClick", "spinnerType", "timeout"]);
     var _c = useState(), _loading = _c[0], setLoading = _c[1];
@@ -11884,7 +11283,7 @@ var CModal = forwardRef(function (_a, ref) {
                     React__default$1.createElement(CModalContent, __assign$1({}, rest, { ref: modalContentRef }), children)))));
     };
     return (React__default$1.createElement(React__default$1.Fragment, null,
-        React__default$1.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
+        React__default$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
                 ? createPortal(modal(forkedRef, transitionClass), document.body)
@@ -12397,7 +11796,7 @@ var CNavGroup = forwardRef(function (_a, ref) {
     var _className = classNames$1('nav-group', { show: _visible }, className);
     return (React__default$1.createElement("li", __assign$1({ className: _className }, rest, { ref: ref }),
         toggler && (React__default$1.createElement("a", { className: "nav-link nav-group-toggle", onClick: function (event) { return handleTogglerOnCLick(event); } }, toggler)),
-        React__default$1.createElement(Transition, { in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, function (state) { return (React__default$1.createElement("ul", { className: classNames$1('nav-group-items', {
+        React__default$1.createElement(Transition$1, { in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, function (state) { return (React__default$1.createElement("ul", { className: classNames$1('nav-group-items', {
                 compact: compact,
             }), style: __assign$1(__assign$1({}, style), transitionStyles[state]), ref: navItemsRef }, React__default$1.Children.map(children, function (child, index) {
             if (React__default$1.isValidElement(child)) {
@@ -12555,8 +11954,8 @@ CNavbarToggler.displayName = 'CNavbarToggler';
 
 var COffcanvas = 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 ? 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", "scroll", "visible"]);
-    var _h = useState(visible), _visible = _h[0], setVisible = _h[1];
+    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 = useState(visible), _visible = _j[0], setVisible = _j[1];
     var offcanvasRef = useRef(null);
     var forkedRef = useForkedRef(ref, offcanvasRef);
     useEffect(function () {
@@ -12575,19 +11974,27 @@ var COffcanvas = forwardRef(function (_a, ref) {
             document.body.style.removeProperty('padding-right');
         }
     }, [_visible]);
-    var _className = classNames$1('offcanvas', (_b = {},
+    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.show = _visible,
         _b), className);
-    var transitionStyles = {
-        entering: { visibility: 'visible' },
-        entered: { visibility: 'visible' },
-        exiting: { visibility: 'visible' },
-        exited: { visibility: 'hidden' },
-    };
     var handleDismiss = function () {
         setVisible(false);
     };
+    var handleBackdropDismiss = function () {
+        if (backdrop !== 'static') {
+            setVisible(false);
+        }
+    };
     var handleKeyDown = useCallback(function (event) {
         if (event.key === 'Escape' && keyboard) {
             return handleDismiss();
@@ -12595,21 +12002,21 @@ var COffcanvas = forwardRef(function (_a, ref) {
     }, [ref, handleDismiss]);
     var offcanvas = function (ref, state) {
         return (React__default$1.createElement(React__default$1.Fragment, null,
-            React__default$1.createElement("div", __assign$1({ className: _className, role: "dialog", style: __assign$1({}, transitionStyles[state]), tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: ref }), children)));
+            React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, getTransitionClass(state)), role: "dialog", tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: ref }), children)));
     };
     return (React__default$1.createElement(React__default$1.Fragment, null,
-        React__default$1.createElement(Transition, { 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) {
+        React__default$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
                 ? createPortal(offcanvas(forkedRef, state), document.body)
                 : offcanvas(forkedRef, state);
         }),
         typeof window !== 'undefined' && portal
             ? backdrop &&
-                createPortal(React__default$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }), document.body)
-            : backdrop && (React__default$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }))));
+                createPortal(React__default$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible }), document.body)
+            : backdrop && (React__default$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible }))));
 });
 COffcanvas.propTypes = {
-    backdrop: propTypesExports.bool,
+    backdrop: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.oneOf(['static'])]),
     children: propTypesExports.node,
     className: propTypesExports.string,
     keyboard: propTypesExports.bool,
@@ -12618,6 +12025,10 @@ COffcanvas.propTypes = {
     placement: propTypesExports.oneOf(['start', 'end', 'top', 'bottom'])
         .isRequired,
     portal: propTypesExports.bool,
+    responsive: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    ]),
     scroll: propTypesExports.bool,
     visible: propTypesExports.bool,
 };
@@ -12810,7 +12221,7 @@ var CPopover = function (_a) {
             onMouseLeave: function () { return setVisible(false); },
         }))),
         typeof window !== 'undefined' &&
-            createPortal(React__default$1.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
+            createPortal(React__default$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
@@ -12835,438 +12246,51 @@ CPopover.propTypes = {
 };
 CPopover.displayName = 'CPopover';
 
-const cilArrowBottom = ["512 512","<polygon fill='var(--ci-primary-color, currentColor)' points='367.997 338.75 271.999 434.747 271.999 17.503 239.999 17.503 239.999 434.745 144.003 338.75 121.376 361.377 256 496 390.624 361.377 367.997 338.75' class='ci-primary'/>"];
+var cilArrowBottom = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='367.997 338.75 271.999 434.747 271.999 17.503 239.999 17.503 239.999 434.745 144.003 338.75 121.376 361.377 256 496 390.624 361.377 367.997 338.75' class='ci-primary'/>"];
 
-const cilArrowTop = ["512 512","<polygon fill='var(--ci-primary-color, currentColor)' points='390.624 150.625 256 16 121.376 150.625 144.004 173.252 240.001 77.254 240.001 495.236 272.001 495.236 272.001 77.257 367.996 173.252 390.624 150.625' class='ci-primary'/>"];
+var cilArrowTop = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='390.624 150.625 256 16 121.376 150.625 144.004 173.252 240.001 77.254 240.001 495.236 272.001 495.236 272.001 77.257 367.996 173.252 390.624 150.625' class='ci-primary'/>"];
 
-const cilFilterX = ["512 512","<polygon fill='var(--ci-primary-color, currentColor)' points='40 16 40 53.828 109.024 136 150.815 136 76.896 48 459.51 48 304 242.388 304 401.373 241.373 464 240 464 240 368 208 368 208 496 254.627 496 336 414.627 336 253.612 496 53.612 496 16 40 16' class='ci-primary'/><polygon fill='var(--ci-primary-color, currentColor)' points='166.403 248.225 226.864 187.763 204.237 165.135 143.775 225.597 83.313 165.135 60.687 187.763 121.148 248.225 60.687 308.687 83.313 331.314 143.775 270.852 204.237 331.314 226.864 308.687 166.403 248.225' class='ci-primary'/>"];
+var cilFilterX = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='40 16 40 53.828 109.024 136 150.815 136 76.896 48 459.51 48 304 242.388 304 401.373 241.373 464 240 464 240 368 208 368 208 496 254.627 496 336 414.627 336 253.612 496 53.612 496 16 40 16' class='ci-primary'/><polygon fill='var(--ci-primary-color, currentColor)' points='166.403 248.225 226.864 187.763 204.237 165.135 143.775 225.597 83.313 165.135 60.687 187.763 121.148 248.225 60.687 308.687 83.313 331.314 143.775 270.852 204.237 331.314 226.864 308.687 166.403 248.225' class='ci-primary'/>"];
 
-const cilSwapVertical = ["512 512","<polygon fill='var(--ci-primary-color, currentColor)' points='384 433.373 384 160 352 160 352 434.51 282.177 364.687 259.55 387.313 367.432 495.196 475.313 387.313 452.687 364.687 384 433.373' class='ci-primary'/><polygon fill='var(--ci-primary-color, currentColor)' points='159.432 17.372 51.55 125.255 74.177 147.882 144 78.059 144 352 176 352 176 79.195 244.687 147.882 267.313 125.255 159.432 17.372' class='ci-primary'/>"];
+var cilSwapVertical = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='384 433.373 384 160 352 160 352 434.51 282.177 364.687 259.55 387.313 367.432 495.196 475.313 387.313 452.687 364.687 384 433.373' class='ci-primary'/><polygon fill='var(--ci-primary-color, currentColor)' points='159.432 17.372 51.55 125.255 74.177 147.882 144 78.059 144 352 176 352 176 79.195 244.687 147.882 267.313 125.255 159.432 17.372' class='ci-primary'/>"];
 
-var CElementCover = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, boundaries = _a.boundaries, _b = _a.opacity, opacity = _b === void 0 ? 0.4 : _b, rest = __rest$1(_a, ["children", "className", "boundaries", "opacity"]);
-    var elementCoverRef = useRef(null);
-    var forkedRef = useForkedRef(ref, elementCoverRef);
-    var _c = useState({}), customBoundaries = _c[0], setCustomBoundaries = _c[1];
-    var getCustomBoundaries = function () {
-        if (!elementCoverRef || !elementCoverRef.current || !boundaries) {
-            return {};
-        }
-        var parent = elementCoverRef.current.parentElement;
-        if (!parent) {
-            return {};
-        }
-        var parentCoords = parent.getBoundingClientRect();
-        var customBoundaries = {};
-        boundaries.forEach(function (_a) {
-            var sides = _a.sides, query = _a.query;
-            var element = parent.querySelector(query);
-            if (!element || !sides) {
-                return;
-            }
-            var coords = element.getBoundingClientRect();
-            sides.forEach(function (side) {
-                var sideMargin = Math.abs(coords[side] - parentCoords[side]);
-                customBoundaries[side] = "".concat(sideMargin, "px");
-            });
-        });
-        return customBoundaries;
-    };
-    useEffect(function () {
-        setCustomBoundaries(getCustomBoundaries());
-    }, [JSON.stringify(getCustomBoundaries())]);
-    //render
-    var classes = classNames$1(className);
-    var containerCoords = __assign$1({ top: 0, left: 0, right: 0, bottom: 0 }, customBoundaries);
-    var coverStyles = __assign$1(__assign$1({}, containerCoords), { position: 'absolute', backgroundColor: "rgb(255,255,255,".concat(opacity, ")") });
-    return (React__default$1.createElement("div", __assign$1({ className: classes, style: coverStyles }, rest, { ref: forkedRef }), children || (React__default$1.createElement("div", { style: {
-            position: 'absolute',
-            top: '50%',
-            left: '50%',
-            transform: 'translateX(-50%) translateY(-50%)',
-        } },
-        React__default$1.createElement(CSpinner, { variant: "grow", color: "primary" })))));
-});
-CElementCover.propTypes = {
-    boundaries: propTypesExports.array,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    opacity: propTypesExports.number,
-};
-CElementCover.displayName = 'CElementCover';
-
-var CSmartPagination = 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__default$1.createElement(React__default$1.Fragment, null, "\u00AB") : _g, _h = _a.lastButton, lastButton = _h === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u00BB") : _h, _j = _a.limit, limit = _j === void 0 ? 5 : _j, _k = _a.nextButton, nextButton = _k === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u203A") : _k, onActivePageChange = _a.onActivePageChange, pages = _a.pages, _l = _a.previousButton, previousButton = _l === void 0 ? React__default$1.createElement(React__default$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;
-    })();
-    var maxPrevItems = (function () {
-        return Math.floor((limit - 1) / 2);
-    })();
-    var maxNextItems = (function () {
-        return Math.ceil((limit - 1) / 2);
-    })();
-    var beforeDots = (function () {
-        return showDots && activePage > maxPrevItems + 1;
-    })();
-    var afterDots = (function () {
-        return showDots && activePage < pages - maxNextItems;
-    })();
-    var computedLimit = (function () {
-        return limit - (afterDots ? 1 : 0) - (beforeDots ? 1 : 0);
-    })();
-    var range = (function () {
-        return activePage + maxNextItems;
-    })();
-    var lastItem = (function () {
-        return range >= pages ? pages : range - (afterDots ? 1 : 0);
-    })();
-    var itemsAmount = (function () {
-        return pages < computedLimit ? pages : computedLimit;
-    })();
-    var items = (function () {
-        if (activePage - maxPrevItems <= 1) {
-            return Array.from({
-                length: itemsAmount,
-            }, function (_v, i) { return i + 1; });
-        }
-        else {
-            return Array.from({
-                length: itemsAmount,
-            }, function (_v, i) {
-                return lastItem - i;
-            }).reverse();
-        }
-    })();
-    var setPage = function (number) {
-        if (number !== activePage) {
-            onActivePageChange && onActivePageChange(number);
-        }
-    };
-    return (React__default$1.createElement(CPagination, __assign$1({ className: _classNames, "aria-label": "pagination", size: size }, rest, { ref: ref }),
-        doubleArrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(1); }, "aria-label": "Go to first page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, firstButton)),
-        arrows && (React__default$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__default$1.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
-        items.map(function (i) {
-            return (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(i); }, "aria-label": activePage === i ? "Current page ".concat(i) : "Go to page ".concat(i), active: activePage === i, key: i }, i));
-        }),
-        afterDots && (React__default$1.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
-        arrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(activePage + 1); }, "aria-label": "Go to next page", "aria-disabled": activePage === pages, disabled: activePage === pages }, nextButton)),
-        doubleArrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(pages); }, "aria-label": "Go to last page", "aria-disabled": activePage === pages, disabled: activePage === pages }, lastButton))));
-});
-CSmartPagination.propTypes = {
-    className: propTypesExports.oneOfType([propTypesExports.string]),
-    activePage: propTypesExports.number,
-    dots: propTypesExports.bool,
-    arrows: propTypesExports.bool,
-    doubleArrows: propTypesExports.bool,
-    firstButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
-    previousButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
-    nextButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
-    lastButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
-    size: propTypesExports.oneOf(['sm', 'lg']),
-    align: propTypesExports.oneOf(['start', 'center', 'end']),
-    limit: propTypesExports.number,
-    pages: propTypesExports.number.isRequired,
-    onActivePageChange: propTypesExports.func,
-};
-CSmartPagination.displayName = 'CSmartPagination';
-
-var CTableHead = 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__default$1.createElement("thead", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
-});
-CTableHead.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    color: colorPropType,
-};
-CTableHead.displayName = 'CTableHead';
-
-var CTableHeaderCell = 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__default$1.createElement("th", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
-});
-CTableHeaderCell.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    color: colorPropType,
-};
-CTableHeaderCell.displayName = 'CTableHeaderCell';
-
-var CTableBody = 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__default$1.createElement("tbody", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
-});
-CTableBody.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    color: colorPropType,
-};
-CTableBody.displayName = 'CTableBody';
-
-var CTableDataCell = 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__default$1.createElement(Component, __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
-});
-CTableDataCell.propTypes = {
-    active: propTypesExports.bool,
-    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    color: colorPropType,
-};
-CTableDataCell.displayName = 'CTableDataCell';
-
-var CTableRow = 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__default$1.createElement("tr", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
-});
-CTableRow.propTypes = {
-    active: propTypesExports.bool,
-    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    color: colorPropType,
-};
-CTableRow.displayName = 'CTableRow';
-
-var CTableFoot = 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__default$1.createElement("tfoot", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
-});
-CTableFoot.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    color: colorPropType,
-};
-CTableFoot.displayName = 'CTableFoot';
-
-var CTableCaption = forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest$1(_a, ["children"]);
-    return (React__default$1.createElement("caption", __assign$1({}, props, { ref: ref }), children));
-});
-CTableCaption.propTypes = {
-    children: propTypesExports.node,
-};
-CTableCaption.displayName = 'CTableCaption';
-
-var CTableResponsiveWrapper = function (_a) {
-    var children = _a.children, responsive = _a.responsive, rest = __rest$1(_a, ["children", "responsive"]);
-    return responsive ? (React__default$1.createElement("div", __assign$1({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (children);
-};
-CTableResponsiveWrapper.propTypes = {
-    children: propTypesExports.any,
-    responsive: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
-    ]),
-};
-CTableResponsiveWrapper.displayName = 'CTableResponsiveWrapper';
-
-var CTable = 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, _c = _a.items, items = _c === void 0 ? [] : _c, 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[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);
-    };
-    return (React__default$1.createElement(CTableResponsiveWrapper, { responsive: responsive },
-        React__default$1.createElement("table", __assign$1({ className: _className }, rest, { ref: ref }),
-            ((caption && caption !== 'top') || captionTop) && (React__default$1.createElement(CTableCaption, null, caption || captionTop)),
-            columns && (React__default$1.createElement(CTableHead, __assign$1({}, tableHeadProps),
-                React__default$1.createElement(CTableRow, null, columns.map(function (column, index) { return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, (column._props && __assign$1({}, column._props)), (column._style && { style: __assign$1({}, column._style) }), { key: index }), label(column))); })))),
-            items && (React__default$1.createElement(CTableBody, null, items.map(function (item, index) { return (React__default$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), { key: index }), rawColumnNames.map(function (colName, index) {
-                return item[colName] ? (React__default$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__default$1.createElement(CTableFoot, __assign$1({}, tableFootProps),
-                React__default$1.createElement(CTableRow, null, footer.map(function (item, index) { return (React__default$1.createElement(CTableDataCell, __assign$1({}, (item._props && __assign$1({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
-});
-CTable.propTypes = {
-    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
-    borderColor: propTypesExports.string,
-    bordered: propTypesExports.bool,
-    borderless: propTypesExports.bool,
-    caption: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.oneOf(['top'])]),
-    captionTop: propTypesExports.string,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    color: colorPropType,
-    columns: propTypesExports.array,
-    footer: propTypesExports.array,
-    hover: propTypesExports.bool,
-    items: propTypesExports.array,
-    responsive: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
-    ]),
-    small: propTypesExports.bool,
-    striped: propTypesExports.bool,
-    stripedColumns: propTypesExports.bool,
-    tableFootProps: propTypesExports.shape(__assign$1({}, CTableFoot.propTypes)),
-    tableHeadProps: propTypesExports.shape(__assign$1({}, CTableHead.propTypes)),
-};
-CTable.displayName = 'CTable';
-
-var CSmartTableBody = forwardRef(function (_a, ref) {
-    var clickableRows = _a.clickableRows, currentItems = _a.currentItems, firstItemOnActivePageIndex = _a.firstItemOnActivePageIndex, noItemsLabel = _a.noItemsLabel, onRowChecked = _a.onRowChecked, onRowClick = _a.onRowClick, rawColumnNames = _a.rawColumnNames, scopedColumns = _a.scopedColumns, selectable = _a.selectable, rest = __rest$1(_a, ["clickableRows", "currentItems", "firstItemOnActivePageIndex", "noItemsLabel", "onRowChecked", "onRowClick", "rawColumnNames", "scopedColumns", "selectable"]);
-    var tableDataCellProps = function (item, colName) {
-        var props = item._cellProps && __assign$1(__assign$1({}, (item._cellProps['all'] && __assign$1({}, item._cellProps['all']))), (item._cellProps[colName] && __assign$1({}, item._cellProps[colName])));
-        return props;
-    };
-    var getColumnName = function (event) {
-        var target = event.target;
-        var closest = target.closest('tr');
-        var children = closest ? Array.from(closest.children) : [];
-        var clickedCell = children.filter(function (child) { return child.contains(target); })[0];
-        return rawColumnNames[children.indexOf(clickedCell)];
-    };
-    var colspan = selectable ? rawColumnNames.length + 1 : rawColumnNames.length;
-    return (React__default$1.createElement(CTableBody, __assign$1({}, (clickableRows && {
-        style: { cursor: 'pointer' },
-    }), rest, { ref: ref }),
-        currentItems.map(function (item, trIndex) {
-            return (React__default$1.createElement(React__default$1.Fragment, { key: trIndex },
-                React__default$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), (clickableRows && { tabIndex: 0 }), { onClick: function (event) {
-                        return onRowClick &&
-                            onRowClick(item, trIndex + firstItemOnActivePageIndex, getColumnName(event), event);
-                    } }),
-                    selectable && (React__default$1.createElement(CTableDataCell, null,
-                        React__default$1.createElement(CFormCheck, { checked: item._selected ? item._selected : false, onChange: function (event) {
-                                return onRowChecked && onRowChecked(item._id, event.target.checked);
-                            } }))),
-                    rawColumnNames.map(function (colName, index) {
-                        return ((scopedColumns &&
-                            scopedColumns[colName] &&
-                            React__default$1.cloneElement(scopedColumns[colName](item, trIndex + firstItemOnActivePageIndex), {
-                                key: index,
-                            })) || (React__default$1.createElement(CTableDataCell, __assign$1({}, tableDataCellProps(item, colName), { key: index }), String(item[colName]))));
-                    })),
-                scopedColumns && scopedColumns.details && (React__default$1.createElement(React__default$1.Fragment, null,
-                    React__default$1.createElement(CTableRow, null,
-                        React__default$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { borderBottomWidth: 0 }, tabIndex: -1 })),
-                    React__default$1.createElement(CTableRow, { onClick: function (event) {
-                            return onRowClick &&
-                                onRowClick(item, trIndex + firstItemOnActivePageIndex, getColumnName(event), true);
-                        }, className: "p-0", key: "details".concat(trIndex) },
-                        React__default$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { border: 0 } }, scopedColumns.details(item, trIndex + firstItemOnActivePageIndex)))))));
-        }),
-        !currentItems.length && (React__default$1.createElement(CTableRow, null,
-            React__default$1.createElement(CTableDataCell, { colSpan: colspan }, noItemsLabel)))));
-});
-CSmartTableBody.propTypes = {
-    clickableRows: propTypesExports.bool,
-    currentItems: propTypesExports.array.isRequired,
-    firstItemOnActivePageIndex: propTypesExports.number.isRequired,
-    noItemsLabel: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    onRowChecked: propTypesExports.func,
-    onRowClick: propTypesExports.func,
-    rawColumnNames: propTypesExports.array.isRequired,
-    scopedColumns: propTypesExports.object,
-    selectable: propTypesExports.bool,
-};
-CSmartTableBody.displayName = 'CSmartTableBody';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
 
 var propTypes = {exports: {}};
 
@@ -14496,103 +13520,565 @@ var classnames = {exports: {}};
 				}
 			}
 
-			return classes.join(' ');
-		}
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames));
+
+var classNames = classnames.exports;
+
+var toCamelCase = function (str) {
+    return str
+        .replace(/([-_][a-z0-9])/gi, function ($1) {
+        return $1.toUpperCase();
+    })
+        .replace(/-/gi, '');
+};
+var CIcon = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, content = _a.content, customClassName = _a.customClassName, height = _a.height, icon = _a.icon, name = _a.name, size = _a.size, title = _a.title, use = _a.use, width = _a.width, rest = __rest(_a, ["className", "content", "customClassName", "height", "icon", "name", "size", "title", "use", "width"]);
+    var _c = useState(0), change = _c[0], setChange = _c[1];
+    var _icon = icon || content || name;
+    if (content) {
+        process &&
+            process.env &&
+            process.env.NODE_ENV === 'development' &&
+            console.warn('[CIcon] The `content` property is deprecated and will be removed in v3, please use `icon={...}` instead of.');
+    }
+    if (name) {
+        process &&
+            process.env &&
+            process.env.NODE_ENV === 'development' &&
+            console.warn('[CIcon] The `name` property is deprecated and will be removed in v3, please use `icon="..."` instead of.');
+    }
+    useMemo(function () { return setChange(change + 1); }, [_icon, JSON.stringify(_icon)]);
+    var iconName = useMemo(function () {
+        return _icon && typeof _icon === 'string' && _icon.includes('-') ? toCamelCase(_icon) : _icon;
+    }, [change]);
+    var titleCode = title ? "<title>".concat(title, "</title>") : '';
+    var code = useMemo(function () {
+        if (Array.isArray(_icon)) {
+            return _icon;
+        }
+        if (typeof _icon === 'string' && React__default$1['icons']) {
+            return React__default$1['icons'][iconName];
+        }
+    }, [change]);
+    var iconCode = useMemo(function () {
+        return Array.isArray(code) ? code[1] || code[0] : code;
+    }, [change]);
+    var scale = (function () {
+        return Array.isArray(code) && code.length > 1 ? code[0] : '64 64';
+    })();
+    var viewBox = (function () {
+        return rest['viewBox'] || "0 0 ".concat(scale);
+    })();
+    // render
+    var _className = customClassName
+        ? classNames(customClassName)
+        : classNames('icon', (_b = {},
+            _b["icon-".concat(size)] = size,
+            _b["icon-custom-size"] = height || width,
+            _b), className);
+    return use ? (React__default$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: _className }, (height && { height: height }), (width && { width: width }), { role: "img" }, rest, { ref: ref }),
+        React__default$1.createElement("use", { href: use }))) : (React__default$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, className: _className }, (height && { height: height }), (width && { width: width }), { role: "img", dangerouslySetInnerHTML: { __html: titleCode + iconCode } }, rest, { ref: ref })));
+});
+CIcon.propTypes = {
+    className: propTypes.exports.string,
+    content: propTypes.exports.oneOfType([propTypes.exports.array, propTypes.exports.string]),
+    customClassName: propTypes.exports.string,
+    height: propTypes.exports.number,
+    icon: propTypes.exports.oneOfType([propTypes.exports.array, propTypes.exports.string]),
+    name: propTypes.exports.string,
+    size: propTypes.exports.oneOf([
+        'custom',
+        'custom-size',
+        'sm',
+        'lg',
+        'xl',
+        'xxl',
+        '3xl',
+        '4xl',
+        '5xl',
+        '6xl',
+        '7xl',
+        '8xl',
+        '9xl',
+    ]),
+    title: propTypes.exports.any,
+    use: propTypes.exports.any,
+    width: propTypes.exports.number,
+};
+CIcon.displayName = 'CIcon';
+
+var CSmartPagination = 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__default$1.createElement(React__default$1.Fragment, null, "\u00AB") : _g, _h = _a.lastButton, lastButton = _h === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u00BB") : _h, _j = _a.limit, limit = _j === void 0 ? 5 : _j, _k = _a.nextButton, nextButton = _k === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u203A") : _k, onActivePageChange = _a.onActivePageChange, pages = _a.pages, _l = _a.previousButton, previousButton = _l === void 0 ? React__default$1.createElement(React__default$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;
+    })();
+    var maxPrevItems = (function () {
+        return Math.floor((limit - 1) / 2);
+    })();
+    var maxNextItems = (function () {
+        return Math.ceil((limit - 1) / 2);
+    })();
+    var beforeDots = (function () {
+        return showDots && activePage > maxPrevItems + 1;
+    })();
+    var afterDots = (function () {
+        return showDots && activePage < pages - maxNextItems;
+    })();
+    var computedLimit = (function () {
+        return limit - (afterDots ? 1 : 0) - (beforeDots ? 1 : 0);
+    })();
+    var range = (function () {
+        return activePage + maxNextItems;
+    })();
+    var lastItem = (function () {
+        return range >= pages ? pages : range - (afterDots ? 1 : 0);
+    })();
+    var itemsAmount = (function () {
+        return pages < computedLimit ? pages : computedLimit;
+    })();
+    var items = (function () {
+        if (activePage - maxPrevItems <= 1) {
+            return Array.from({
+                length: itemsAmount,
+            }, function (_v, i) { return i + 1; });
+        }
+        else {
+            return Array.from({
+                length: itemsAmount,
+            }, function (_v, i) {
+                return lastItem - i;
+            }).reverse();
+        }
+    })();
+    var setPage = function (number) {
+        if (number !== activePage) {
+            onActivePageChange && onActivePageChange(number);
+        }
+    };
+    return (React__default$1.createElement(CPagination, __assign$1({ className: _classNames, "aria-label": "pagination", size: size }, rest, { ref: ref }),
+        doubleArrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(1); }, "aria-label": "Go to first page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, firstButton)),
+        arrows && (React__default$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__default$1.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
+        items.map(function (i) {
+            return (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(i); }, "aria-label": activePage === i ? "Current page ".concat(i) : "Go to page ".concat(i), active: activePage === i, key: i }, i));
+        }),
+        afterDots && (React__default$1.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
+        arrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(activePage + 1); }, "aria-label": "Go to next page", "aria-disabled": activePage === pages, disabled: activePage === pages }, nextButton)),
+        doubleArrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(pages); }, "aria-label": "Go to last page", "aria-disabled": activePage === pages, disabled: activePage === pages }, lastButton))));
+});
+CSmartPagination.propTypes = {
+    className: propTypesExports.oneOfType([propTypesExports.string]),
+    activePage: propTypesExports.number,
+    dots: propTypesExports.bool,
+    arrows: propTypesExports.bool,
+    doubleArrows: propTypesExports.bool,
+    firstButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    previousButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    nextButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    lastButton: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    size: propTypesExports.oneOf(['sm', 'lg']),
+    align: propTypesExports.oneOf(['start', 'center', 'end']),
+    limit: propTypesExports.number,
+    pages: propTypesExports.number.isRequired,
+    onActivePageChange: propTypesExports.func,
+};
+CSmartPagination.displayName = 'CSmartPagination';
+
+var CTableHead = 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__default$1.createElement("thead", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+});
+CTableHead.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    color: colorPropType,
+};
+CTableHead.displayName = 'CTableHead';
+
+var CTableHeaderCell = 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__default$1.createElement("th", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+});
+CTableHeaderCell.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    color: colorPropType,
+};
+CTableHeaderCell.displayName = 'CTableHeaderCell';
+
+var CTableBody = 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__default$1.createElement("tbody", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+});
+CTableBody.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    color: colorPropType,
+};
+CTableBody.displayName = 'CTableBody';
 
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}());
-} (classnames));
+var CTableDataCell = 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__default$1.createElement(Component, __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+});
+CTableDataCell.propTypes = {
+    active: propTypesExports.bool,
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    color: colorPropType,
+};
+CTableDataCell.displayName = 'CTableDataCell';
 
-var classNames = classnames.exports;
+var CTableRow = 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__default$1.createElement("tr", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+});
+CTableRow.propTypes = {
+    active: propTypesExports.bool,
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    color: colorPropType,
+};
+CTableRow.displayName = 'CTableRow';
 
-var toCamelCase = function (str) {
-    return str
-        .replace(/([-_][a-z0-9])/gi, function ($1) {
-        return $1.toUpperCase();
-    })
-        .replace(/-/gi, '');
+var CTableFoot = 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__default$1.createElement("tfoot", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+});
+CTableFoot.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    color: colorPropType,
 };
-var CIcon = forwardRef(function (_a, ref) {
+CTableFoot.displayName = 'CTableFoot';
+
+var CTableCaption = forwardRef(function (_a, ref) {
+    var children = _a.children, props = __rest$1(_a, ["children"]);
+    return (React__default$1.createElement("caption", __assign$1({}, props, { ref: ref }), children));
+});
+CTableCaption.propTypes = {
+    children: propTypesExports.node,
+};
+CTableCaption.displayName = 'CTableCaption';
+
+var CTableResponsiveWrapper = function (_a) {
+    var children = _a.children, responsive = _a.responsive, rest = __rest$1(_a, ["children", "responsive"]);
+    return responsive ? (React__default$1.createElement("div", __assign$1({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (children);
+};
+CTableResponsiveWrapper.propTypes = {
+    children: propTypesExports.any,
+    responsive: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    ]),
+};
+CTableResponsiveWrapper.displayName = 'CTableResponsiveWrapper';
+
+var CTable = forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, content = _a.content, customClassName = _a.customClassName, height = _a.height, icon = _a.icon, name = _a.name, size = _a.size, title = _a.title, use = _a.use, width = _a.width, rest = __rest(_a, ["className", "content", "customClassName", "height", "icon", "name", "size", "title", "use", "width"]);
-    var _c = useState(0), change = _c[0], setChange = _c[1];
-    var _icon = icon || content || name;
-    if (content) {
-        process &&
-            process.env &&
-            process.env.NODE_ENV === 'development' &&
-            console.warn('[CIcon] The `content` property is deprecated and will be removed in v3, please use `icon={...}` instead of.');
-    }
-    if (name) {
-        process &&
-            process.env &&
-            process.env.NODE_ENV === 'development' &&
-            console.warn('[CIcon] The `name` property is deprecated and will be removed in v3, please use `icon="..."` instead of.');
+    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);
+    };
+    return (React__default$1.createElement(CTableResponsiveWrapper, { responsive: responsive },
+        React__default$1.createElement("table", __assign$1({ className: _className }, rest, { ref: ref }),
+            ((caption && caption !== 'top') || captionTop) && (React__default$1.createElement(CTableCaption, null, caption || captionTop)),
+            columns && (React__default$1.createElement(CTableHead, __assign$1({}, tableHeadProps),
+                React__default$1.createElement(CTableRow, null, columns.map(function (column, index) { return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, (column._props && __assign$1({}, column._props)), (column._style && { style: __assign$1({}, column._style) }), { key: index }), label(column))); })))),
+            items && (React__default$1.createElement(CTableBody, null, items.map(function (item, index) { return (React__default$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), { key: index }), rawColumnNames.map(function (colName, index) {
+                return item[colName] ? (React__default$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__default$1.createElement(CTableFoot, __assign$1({}, tableFootProps),
+                React__default$1.createElement(CTableRow, null, footer.map(function (item, index) { return (React__default$1.createElement(CTableDataCell, __assign$1({}, (typeof item === 'object' && item._props && __assign$1({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
+});
+CTable.propTypes = {
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    borderColor: propTypesExports.string,
+    bordered: propTypesExports.bool,
+    borderless: propTypesExports.bool,
+    caption: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.oneOf(['top'])]),
+    captionTop: propTypesExports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    color: colorPropType,
+    columns: propTypesExports.array,
+    footer: propTypesExports.array,
+    hover: propTypesExports.bool,
+    items: propTypesExports.array,
+    responsive: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    ]),
+    small: propTypesExports.bool,
+    striped: propTypesExports.bool,
+    stripedColumns: propTypesExports.bool,
+    tableFootProps: propTypesExports.shape(__assign$1({}, CTableFoot.propTypes)),
+    tableHeadProps: propTypesExports.shape(__assign$1({}, CTableHead.propTypes)),
+};
+CTable.displayName = 'CTable';
+
+var filterColumns = function (items, columnFilter, columnFilterState, itemsDataColumns) {
+    if (columnFilter && typeof columnFilter === 'object' && columnFilter.external) {
+        return items;
     }
-    useMemo(function () { return setChange(change + 1); }, [_icon, JSON.stringify(_icon)]);
-    var iconName = useMemo(function () {
-        return _icon && typeof _icon === 'string' && _icon.includes('-') ? toCamelCase(_icon) : _icon;
-    }, [change]);
-    var titleCode = title ? "<title>".concat(title, "</title>") : '';
-    var code = useMemo(function () {
-        if (Array.isArray(_icon)) {
-            return _icon;
+    Object.entries(columnFilterState).forEach(function (_a) {
+        var key = _a[0], value = _a[1];
+        if (value instanceof Function) {
+            items = items.filter(function (item) { return value(item[key]); });
+            return;
         }
-        if (typeof _icon === 'string' && React__default$1['icons']) {
-            return React__default$1['icons'][iconName];
+        var columnFilter = String(value).toLowerCase();
+        if (columnFilter && itemsDataColumns.includes(key)) {
+            items = items.filter(function (item) {
+                return String(item[key]).toLowerCase().includes(columnFilter);
+            });
         }
-    }, [change]);
-    var iconCode = useMemo(function () {
-        return Array.isArray(code) ? code[1] || code[0] : code;
-    }, [change]);
-    var scale = (function () {
-        return Array.isArray(code) && code.length > 1 ? code[0] : '64 64';
-    })();
-    var viewBox = (function () {
-        return rest['viewBox'] || "0 0 ".concat(scale);
-    })();
-    // render
-    var _className = customClassName
-        ? classNames(customClassName)
-        : classNames('icon', (_b = {},
-            _b["icon-".concat(size)] = size,
-            _b["icon-custom-size"] = height || width,
-            _b), className);
-    return use ? (React__default$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: _className }, (height && { height: height }), (width && { width: width }), { role: "img" }, rest, { ref: ref }),
-        React__default$1.createElement("use", { href: use }))) : (React__default$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, className: _className }, (height && { height: height }), (width && { width: width }), { role: "img", dangerouslySetInnerHTML: { __html: titleCode + iconCode } }, rest, { ref: ref })));
+    });
+    return items;
+};
+var filterTable = function (items, tableFilter, tableFilterState, itemsDataColumns) {
+    if (!tableFilterState ||
+        (tableFilter && typeof tableFilter === 'object' && tableFilter.external)) {
+        return items;
+    }
+    var filter = tableFilterState.toLowerCase();
+    var valueContainFilter = function (val) { return String(val).toLowerCase().includes(filter); };
+    items = items.filter(function (item) {
+        return !!itemsDataColumns.find(function (key) { return valueContainFilter(item[key]); });
+    });
+    return items;
+};
+var getClickedColumnName = function (target, columnNames) {
+    var closest = target.closest('tr');
+    var children = closest ? Array.from(closest.children) : [];
+    var clickedCell = children.filter(function (child) { return child.contains(target); })[0];
+    return columnNames[children.indexOf(clickedCell)];
+};
+var getColumnKey = function (column) {
+    return typeof column === 'object' ? column.key : column;
+};
+var getColumnLabel = function (column) {
+    return typeof column === 'object'
+        ? column.label !== undefined
+            ? column.label
+            : pretifyName(column.key)
+        : pretifyName(column);
+};
+var getColumnNames = function (columns, items) {
+    return columns
+        ? columns.map(function (column) {
+            if (typeof column === 'object')
+                return column.key;
+            else
+                return column;
+        })
+        : getColumnNamesFromItems(items);
+};
+var getColumnNamesFromItems = function (items) {
+    return Object.keys(items[0] || {}).filter(function (el) { return el.charAt(0) !== '_'; });
+};
+var getColumnSorterState = function (key, sorterState) {
+    if (sorterState && sorterState.column === key) {
+        if (sorterState.state) {
+            return sorterState.state;
+        }
+        return 0;
+    }
+    return 0;
+};
+var getColumnValues = function (items, key) {
+    return items.map(function (item) { return item[key]; });
+};
+var getTableDataCellProps = function (item, colName) {
+    var props = item._cellProps && __assign$1(__assign$1({}, (item._cellProps['all'] && __assign$1({}, item._cellProps['all']))), (item._cellProps[colName] && __assign$1({}, item._cellProps[colName])));
+    return props;
+};
+var getTableHeaderCellProps = function (column) {
+    if (typeof column === 'object' && column._props) {
+        return column._props;
+    }
+    return {};
+};
+var getTableHeaderCellStyles = function (column, columnSorter) {
+    var style = {};
+    if (columnSorter &&
+        (typeof column !== 'object' ||
+            (typeof column === 'object' && (typeof column.sorter === 'undefined' || column.sorter)))) {
+        style['cursor'] = 'pointer';
+    }
+    if (typeof column === 'object' && column._style) {
+        return __assign$1(__assign$1({}, style), column._style);
+    }
+    return style;
+};
+var isSortable = function (i, columns, columnSorter, itemsDataColumns, columnNames) {
+    var isDataColumn = itemsDataColumns.includes(columnNames[i]);
+    var column;
+    if (columns)
+        column = columns[i];
+    return (columnSorter &&
+        (!columns ||
+            typeof column !== 'object' ||
+            (typeof column === 'object' && (typeof column.sorter === 'undefined' || column.sorter))) &&
+        isDataColumn);
+};
+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 sortItems = function (columnSorter, items, itemsDataColumns, sorterState) {
+    var column = sorterState.column;
+    if (!column ||
+        !itemsDataColumns.includes(column) ||
+        (columnSorter && typeof columnSorter === 'object' && columnSorter.external)) {
+        return items;
+    }
+    var flip = sorterState.state === 'asc' ? 1 : sorterState.state === 'desc' ? -1 : 0;
+    var sorted = items.slice().sort(function (item, item2) {
+        var value = item[column];
+        var value2 = item2[column];
+        var a = typeof value === 'number' ? value : String(value).toLowerCase();
+        var b = typeof value2 === 'number' ? value2 : String(value2).toLowerCase();
+        return a > b ? 1 * flip : b > a ? -1 * flip : 0;
+    });
+    return sorted;
+};
+
+var CSmartTableBody = forwardRef(function (_a, ref) {
+    var clickableRows = _a.clickableRows, columnNames = _a.columnNames, currentItems = _a.currentItems, firstItemOnActivePageIndex = _a.firstItemOnActivePageIndex, noItemsLabel = _a.noItemsLabel, onRowChecked = _a.onRowChecked, onRowClick = _a.onRowClick, scopedColumns = _a.scopedColumns, selectable = _a.selectable, selected = _a.selected, rest = __rest$1(_a, ["clickableRows", "columnNames", "currentItems", "firstItemOnActivePageIndex", "noItemsLabel", "onRowChecked", "onRowClick", "scopedColumns", "selectable", "selected"]);
+    var colspan = selectable ? columnNames.length + 1 : columnNames.length;
+    return (React__default$1.createElement(CTableBody, __assign$1({}, (clickableRows && {
+        style: { cursor: 'pointer' },
+    }), rest, { ref: ref }),
+        currentItems.map(function (item, trIndex) {
+            return (React__default$1.createElement(React__default$1.Fragment, { key: trIndex },
+                React__default$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__default$1.createElement(CTableDataCell, null,
+                        React__default$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__default$1.cloneElement(scopedColumns[colName](item, trIndex + firstItemOnActivePageIndex), {
+                                key: index,
+                            })) || (React__default$1.createElement(CTableDataCell, __assign$1({}, getTableDataCellProps(item, colName), { key: index }), String(item[colName]))));
+                    })),
+                scopedColumns && scopedColumns.details && (React__default$1.createElement(React__default$1.Fragment, null,
+                    React__default$1.createElement(CTableRow, null,
+                        React__default$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { borderBottomWidth: 0 }, tabIndex: -1 })),
+                    React__default$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__default$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { border: 0 } }, scopedColumns.details(item, trIndex + firstItemOnActivePageIndex)))))));
+        }),
+        !currentItems.length && (React__default$1.createElement(CTableRow, null,
+            React__default$1.createElement(CTableDataCell, { colSpan: colspan }, noItemsLabel)))));
 });
-CIcon.propTypes = {
-    className: propTypes.exports.string,
-    content: propTypes.exports.oneOfType([propTypes.exports.array, propTypes.exports.string]),
-    customClassName: propTypes.exports.string,
-    height: propTypes.exports.number,
-    icon: propTypes.exports.oneOfType([propTypes.exports.array, propTypes.exports.string]),
-    name: propTypes.exports.string,
-    size: propTypes.exports.oneOf([
-        'custom',
-        'custom-size',
-        'sm',
-        'lg',
-        'xl',
-        'xxl',
-        '3xl',
-        '4xl',
-        '5xl',
-        '6xl',
-        '7xl',
-        '8xl',
-        '9xl',
-    ]),
-    title: propTypes.exports.any,
-    use: propTypes.exports.any,
-    width: propTypes.exports.number,
+CSmartTableBody.propTypes = {
+    clickableRows: propTypesExports.bool,
+    currentItems: propTypesExports.array.isRequired,
+    firstItemOnActivePageIndex: propTypesExports.number.isRequired,
+    noItemsLabel: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    onRowChecked: propTypesExports.func,
+    onRowClick: propTypesExports.func,
+    columnNames: propTypesExports.array.isRequired,
+    scopedColumns: propTypesExports.object,
+    selectable: propTypesExports.bool,
+    selected: propTypesExports.array,
 };
-CIcon.displayName = 'CIcon';
+CSmartTableBody.displayName = 'CSmartTableBody';
 
 var CSmartTableCleaner = forwardRef(function (_a, ref) {
     var _b = _a.content, content = _b === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilFilterX }) : _b, isFiltered = _a.isFiltered, rest = __rest$1(_a, ["content", "isFiltered"]);
@@ -14607,23 +14093,20 @@ CSmartTableCleaner.propTypes = {
 };
 CSmartTableCleaner.displayName = 'CSmartTableCleaner';
 
-var CSmartTableFilter = forwardRef(function (_a, ref) {
-    var filterLabel = _a.filterLabel, filterPlaceholder = _a.filterPlaceholder, value = _a.value, rest = __rest$1(_a, ["filterLabel", "filterPlaceholder", "value"]);
-    return (React__default$1.createElement("div", { className: "row mb-2" },
-        React__default$1.createElement(CFormLabel, { className: "col-sm-auto col-form-label" }, filterLabel),
-        React__default$1.createElement("div", { className: "col-sm-auto" },
-            React__default$1.createElement(CFormInput, __assign$1({ placeholder: filterPlaceholder, value: value }, rest, { ref: ref })))));
-});
-CSmartTableFilter.propTypes = {
-    filterLabel: propTypesExports.string,
-    filterPlaceholder: propTypesExports.string,
-    value: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
-};
-CSmartTableFilter.displayName = 'CSmartTableFilter';
-
 var CSmartTableHead = forwardRef(function (_a, ref) {
-    var columnFilter = _a.columnFilter, columnFilterState = _a.columnFilterState, columnSorter = _a.columnSorter, _b = _a.component, Component = _b === void 0 ? CTableHead : _b, columns = _a.columns, handleOnCustomFilterChange = _a.handleOnCustomFilterChange, handleFilterOnChange = _a.handleFilterOnChange, handleFilterOnInput = _a.handleFilterOnInput, handleSelectAllChecked = _a.handleSelectAllChecked, handleSort = _a.handleSort, items = _a.items, selectable = _a.selectable, selectAll = _a.selectAll, sorterState = _a.sorterState, sortingIcon = _a.sortingIcon, sortingIconAscending = _a.sortingIconAscending, sortingIconDescending = _a.sortingIconDescending, rest = __rest$1(_a, ["columnFilter", "columnFilterState", "columnSorter", "component", "columns", "handleOnCustomFilterChange", "handleFilterOnChange", "handleFilterOnInput", "handleSelectAllChecked", "handleSort", "items", "selectable", "selectAll", "sorterState", "sortingIcon", "sortingIconAscending", "sortingIconDescending"]);
+    var columnFilter = _a.columnFilter, columnFilterState = _a.columnFilterState, columnSorter = _a.columnSorter, _b = _a.component, Component = _b === void 0 ? CTableHead : _b, columns = _a.columns, handleOnCustomFilterChange = _a.handleOnCustomFilterChange, handleFilterOnChange = _a.handleFilterOnChange, handleFilterOnInput = _a.handleFilterOnInput, handleSelectAllChecked = _a.handleSelectAllChecked, handleSort = _a.handleSort, items = _a.items, selectable = _a.selectable, selectAll = _a.selectAll, selectedAll = _a.selectedAll, sorterState = _a.sorterState, sortingIcon = _a.sortingIcon, sortingIconAscending = _a.sortingIconAscending, sortingIconDescending = _a.sortingIconDescending, rest = __rest$1(_a, ["columnFilter", "columnFilterState", "columnSorter", "component", "columns", "handleOnCustomFilterChange", "handleFilterOnChange", "handleFilterOnInput", "handleSelectAllChecked", "handleSort", "items", "selectable", "selectAll", "selectedAll", "sorterState", "sortingIcon", "sortingIconAscending", "sortingIconDescending"]);
+    var selectAllcheckboxRef = useRef(null);
     var _c = useState(false), refresh = _c[0], setRefresh = _c[1];
+    useEffect(function () {
+        if (selectedAll === 'indeterminate') {
+            if (selectAllcheckboxRef.current)
+                selectAllcheckboxRef.current.indeterminate = true;
+        }
+        else {
+            if (selectAllcheckboxRef.current)
+                selectAllcheckboxRef.current.indeterminate = false;
+        }
+    }, [selectedAll]);
     useEffect(function () {
         if (columnFilterState && Object.keys(columnFilterState).length === 0) {
             setRefresh(true);
@@ -14637,83 +14120,24 @@ var CSmartTableHead = forwardRef(function (_a, ref) {
             setRefresh(false);
         }
     }, [refresh]);
-    var tableHeaderCellProps = function (column) {
-        if (typeof column === 'object' && column._props) {
-            return column._props;
-        }
-        return {};
-    };
-    var tableHeaderCellStyles = function (column) {
-        var style = { verticalAlign: 'middle', overflow: 'hidden', cursor: '' };
-        if (columnSorter &&
-            (typeof column !== 'object' ||
-                (typeof column === 'object' && (typeof column.sorter === 'undefined' || column.sorter)))) {
-            style.cursor = 'pointer';
-        }
-        if (typeof column === 'object' && column._style) {
-            return __assign$1(__assign$1({}, style), column._style);
-        }
-        return style;
-    };
-    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 key = function (column) { return (typeof column === 'object' ? column.key : column); };
-    var getColumnSorterState = function (key) {
-        if (sorterState && sorterState.column === key) {
-            if (sorterState.state) {
-                return sorterState.state;
-            }
-            return 0;
-        }
-        return 0;
-    };
-    var getValues = function (items, key) {
-        return items.map(function (a) { return a[key]; });
-    };
     var columnSorterIcon = function (column) {
-        if (getColumnSorterState(key(column)) === 0) {
+        if (getColumnSorterState(getColumnKey(column), sorterState) === 0) {
             return React__default$1.createElement("span", { className: "opacity-25 float-end me-1" }, sortingIcon);
         }
-        if (getColumnSorterState(key(column)) === 'asc') {
+        if (getColumnSorterState(getColumnKey(column), sorterState) === 'asc') {
             return React__default$1.createElement("span", { className: "float-end me-1" }, sortingIconAscending);
         }
-        if (getColumnSorterState(key(column)) === 'desc') {
+        if (getColumnSorterState(getColumnKey(column), sorterState) === 'desc') {
             return React__default$1.createElement("span", { className: "float-end me-1" }, sortingIconDescending);
         }
         return;
     };
-    var checkboxRef = useRef(null);
-    useEffect(function () {
-        if (selectAll === 'indeterminate') {
-            if (checkboxRef.current)
-                checkboxRef.current.indeterminate = true;
-        }
-        else {
-            if (checkboxRef.current)
-                checkboxRef.current.indeterminate = false;
-        }
-    }, [selectAll]);
     return (React__default$1.createElement(Component, __assign$1({}, rest, { ref: ref }),
         React__default$1.createElement(CTableRow, null,
-            selectable && (React__default$1.createElement(CTableHeaderCell, null,
-                React__default$1.createElement(CFormCheck, { checked: typeof selectAll === 'boolean' ? selectAll : false, onChange: function () { return handleSelectAllChecked && handleSelectAllChecked(); }, ref: checkboxRef }))),
+            selectable && (React__default$1.createElement(CTableHeaderCell, null, selectAll && (React__default$1.createElement(CFormCheck, { checked: typeof selectedAll === 'boolean' ? selectedAll : false, onChange: function () { return handleSelectAllChecked && handleSelectAllChecked(); }, ref: selectAllcheckboxRef })))),
             columns.map(function (column, index) {
-                return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, tableHeaderCellProps(column), { onClick: function () { return handleSort && handleSort(key(column), index); }, style: tableHeaderCellStyles(column), key: index }),
-                    React__default$1.createElement("div", { className: "d-inline" }, label(column)),
+                return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, getTableHeaderCellProps(column), { onClick: function () { return handleSort && handleSort(getColumnKey(column), index); }, style: getTableHeaderCellStyles(column, columnSorter), key: index }),
+                    React__default$1.createElement("div", { className: "d-inline" }, getColumnLabel(column)),
                     columnSorter &&
                         (typeof column !== 'object'
                             ? true
@@ -14725,23 +14149,23 @@ var CSmartTableHead = forwardRef(function (_a, ref) {
         columnFilter && (React__default$1.createElement(CTableRow, null,
             selectable && React__default$1.createElement(CTableHeaderCell, null),
             columns.map(function (column, index) {
-                return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, tableHeaderCellProps(column), { key: index }), (typeof column !== 'object'
+                return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, getTableHeaderCellProps(column), { key: index }), (typeof column !== 'object'
                     ? true
                     : typeof column.filter === 'undefined'
                         ? true
                         : column.filter) ? (typeof column !== 'string' && typeof column.filter === 'function' ? (!refresh &&
-                    column.filter(getValues(items, key(column)), function (value) {
+                    column.filter(getColumnValues(items, getColumnKey(column)), function (value) {
                         return handleOnCustomFilterChange &&
-                            handleOnCustomFilterChange(key(column), value);
+                            handleOnCustomFilterChange(getColumnKey(column), value);
                     })) : (React__default$1.createElement(CFormInput, { size: "sm", onInput: function (event) {
                         return handleFilterOnInput &&
-                            handleFilterOnInput(key(column), event.target.value);
+                            handleFilterOnInput(getColumnKey(column), event.target.value);
                     }, onChange: function (event) {
                         return handleFilterOnChange &&
-                            handleFilterOnChange(key(column), event.target.value);
-                    }, value: columnFilterState && columnFilterState[key(column)]
-                        ? columnFilterState[key(column)]
-                        : '', "aria-label": "column name: '".concat(label(column), "' filter input") }))) : ('')));
+                            handleFilterOnChange(getColumnKey(column), event.target.value);
+                    }, value: columnFilterState && columnFilterState[getColumnKey(column)]
+                        ? columnFilterState[getColumnKey(column)]
+                        : '', "aria-label": "column name: '".concat(getColumnLabel(column), "' filter input") }))) : ('')));
             })))));
 });
 CSmartTableHead.propTypes = {
@@ -14756,7 +14180,8 @@ CSmartTableHead.propTypes = {
     handleSelectAllChecked: propTypesExports.func,
     handleSort: propTypesExports.func,
     selectable: propTypesExports.bool,
-    selectAll: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.string]),
+    selectAll: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.object]),
+    selectedAll: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.string]),
     sorterState: propTypesExports.object,
     sortingIcon: propTypesExports.node,
     sortingIconAscending: propTypesExports.node,
@@ -14764,72 +14189,152 @@ CSmartTableHead.propTypes = {
 };
 CSmartTableHead.displayName = 'CSmartTableHead';
 
-var CSmartTableItemsPerPageSelector = forwardRef(function (_a, ref) {
-    var itemsPerPage = _a.itemsPerPage, itemsPerPageLabel = _a.itemsPerPageLabel, itemsPerPageOptions = _a.itemsPerPageOptions, rest = __rest$1(_a, ["itemsPerPage", "itemsPerPageLabel", "itemsPerPageOptions"]);
-    return (React__default$1.createElement("div", { className: "row" },
-        React__default$1.createElement(CFormLabel, { className: "col-auto col-form-label" }, itemsPerPageLabel),
-        React__default$1.createElement("div", { className: "col-auto" },
-            React__default$1.createElement(CFormSelect, __assign$1({ defaultValue: itemsPerPage }, rest, { ref: ref }), itemsPerPageOptions &&
-                itemsPerPageOptions.map(function (number, index) {
-                    return (React__default$1.createElement("option", { value: number, key: index }, number));
-                })))));
-});
-CSmartTableItemsPerPageSelector.propTypes = {
-    itemsPerPage: propTypesExports.number,
-    itemsPerPageLabel: propTypesExports.string,
-    itemsPerPageOptions: propTypesExports.array,
-};
-CSmartTableItemsPerPageSelector.displayName = 'CSmartTableItemsPerPageSelector';
-
 var CSmartTable = forwardRef(function (_a, ref) {
     var _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, cleaner = _a.cleaner, clickableRows = _a.clickableRows, columnFilter = _a.columnFilter, columnFilterValue = _a.columnFilterValue, // TODO: consider to use only columnFilter prop
-    columns = _a.columns, columnSorter = _a.columnSorter, footer = _a.footer, _c = _a.header, header = _c === void 0 ? true : _c, items = _a.items, _d = _a.itemsPerPage, itemsPerPage = _d === void 0 ? 10 : _d, _e = _a.itemsPerPageLabel, itemsPerPageLabel = _e === void 0 ? 'Items per page:' : _e, _f = _a.itemsPerPageOptions, itemsPerPageOptions = _f === void 0 ? [5, 10, 20, 50] : _f, itemsPerPageSelect = _a.itemsPerPageSelect, loading = _a.loading, _g = _a.noItemsLabel, noItemsLabel = _g === void 0 ? 'No items found' : _g, onActivePageChange = _a.onActivePageChange, onColumnFilterChange = _a.onColumnFilterChange, onFilteredItemsChange = _a.onFilteredItemsChange, onItemsPerPageChange = _a.onItemsPerPageChange, onRowClick = _a.onRowClick, onSelectedItemsChange = _a.onSelectedItemsChange, onSorterChange = _a.onSorterChange, onTableFilterChange = _a.onTableFilterChange, pagination = _a.pagination, paginationProps = _a.paginationProps, scopedColumns = _a.scopedColumns, selectable = _a.selectable, sorterValue = _a.sorterValue, _h = _a.sortingIcon, sortingIcon = _h === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilSwapVertical, key: "csv" }) : _h, _j = _a.sortingIconAscending, sortingIconAscending = _j === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilArrowTop, key: "cat" }) : _j, _k = _a.sortingIconDescending, sortingIconDescending = _k === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilArrowBottom, key: "cab" }) : _k, tableBodyProps = _a.tableBodyProps, tableFootProps = _a.tableFootProps, tableFilter = _a.tableFilter, _l = _a.tableFilterLabel, tableFilterLabel = _l === void 0 ? 'Filter:' : _l, _m = _a.tableFilterPlaceholder, tableFilterPlaceholder = _m === void 0 ? 'type string...' : _m, tableFilterValue = _a.tableFilterValue, // TODO: consider to use only tableFilter prop
-    tableHeadProps = _a.tableHeadProps, tableProps = _a.tableProps, rest = __rest$1(_a, ["activePage", "cleaner", "clickableRows", "columnFilter", "columnFilterValue", "columns", "columnSorter", "footer", "header", "items", "itemsPerPage", "itemsPerPageLabel", "itemsPerPageOptions", "itemsPerPageSelect", "loading", "noItemsLabel", "onActivePageChange", "onColumnFilterChange", "onFilteredItemsChange", "onItemsPerPageChange", "onRowClick", "onSelectedItemsChange", "onSorterChange", "onTableFilterChange", "pagination", "paginationProps", "scopedColumns", "selectable", "sorterValue", "sortingIcon", "sortingIconAscending", "sortingIconDescending", "tableBodyProps", "tableFootProps", "tableFilter", "tableFilterLabel", "tableFilterPlaceholder", "tableFilterValue", "tableHeadProps", "tableProps"]);
-    // instance data
+    columns = _a.columns, columnSorter = _a.columnSorter, elementCover = _a.elementCover, footer = _a.footer, _c = _a.header, header = _c === void 0 ? true : _c, items = _a.items, itemsNumber = _a.itemsNumber, _d = _a.itemsPerPage, itemsPerPage = _d === void 0 ? 10 : _d, _e = _a.itemsPerPageLabel, itemsPerPageLabel = _e === void 0 ? 'Items per page:' : _e, _f = _a.itemsPerPageOptions, itemsPerPageOptions = _f === void 0 ? [5, 10, 20, 50] : _f, itemsPerPageSelect = _a.itemsPerPageSelect, loading = _a.loading, _g = _a.noItemsLabel, noItemsLabel = _g === void 0 ? 'No items found' : _g, onActivePageChange = _a.onActivePageChange, onColumnFilterChange = _a.onColumnFilterChange, onFilteredItemsChange = _a.onFilteredItemsChange, onItemsPerPageChange = _a.onItemsPerPageChange, onRowClick = _a.onRowClick, onSelectAll = _a.onSelectAll, onSelectedItemsChange = _a.onSelectedItemsChange, onSorterChange = _a.onSorterChange, onTableFilterChange = _a.onTableFilterChange, pagination = _a.pagination, paginationProps = _a.paginationProps, scopedColumns = _a.scopedColumns, selected = _a.selected, selectable = _a.selectable, _h = _a.selectAll, selectAll = _h === void 0 ? true : _h, sorterValue = _a.sorterValue, _j = _a.sortingIcon, sortingIcon = _j === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilSwapVertical, key: "csv" }) : _j, _k = _a.sortingIconAscending, sortingIconAscending = _k === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilArrowTop, key: "cat" }) : _k, _l = _a.sortingIconDescending, sortingIconDescending = _l === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilArrowBottom, key: "cab" }) : _l, tableBodyProps = _a.tableBodyProps, tableFootProps = _a.tableFootProps, tableFilter = _a.tableFilter, _m = _a.tableFilterLabel, tableFilterLabel = _m === void 0 ? 'Filter:' : _m, _o = _a.tableFilterPlaceholder, tableFilterPlaceholder = _o === void 0 ? 'type string...' : _o, tableFilterValue = _a.tableFilterValue, // TODO: consider to use only tableFilter prop
+    tableHeadProps = _a.tableHeadProps, tableProps = _a.tableProps, rest = __rest$1(_a, ["activePage", "cleaner", "clickableRows", "columnFilter", "columnFilterValue", "columns", "columnSorter", "elementCover", "footer", "header", "items", "itemsNumber", "itemsPerPage", "itemsPerPageLabel", "itemsPerPageOptions", "itemsPerPageSelect", "loading", "noItemsLabel", "onActivePageChange", "onColumnFilterChange", "onFilteredItemsChange", "onItemsPerPageChange", "onRowClick", "onSelectAll", "onSelectedItemsChange", "onSorterChange", "onTableFilterChange", "pagination", "paginationProps", "scopedColumns", "selected", "selectable", "selectAll", "sorterValue", "sortingIcon", "sortingIconAscending", "sortingIconDescending", "tableBodyProps", "tableFootProps", "tableFilter", "tableFilterLabel", "tableFilterPlaceholder", "tableFilterValue", "tableHeadProps", "tableProps"]);
     var mountedRef = useRef(false);
-    var _o = useState(activePage), _activePage = _o[0], setActivePage = _o[1];
-    var _p = useState([]), _items = _p[0], setItems = _p[1];
-    var _q = useState(itemsPerPage), _itemsPerPage = _q[0], setItemsPerPage = _q[1];
-    var _r = useState({}), columnFilterState = _r[0], setColumnFilterState = _r[1];
-    var _s = useState(), selectedAll = _s[0], setSelectedAll = _s[1];
-    var _t = useState({}), sorterState = _t[0], setSorterState = _t[1];
-    var _u = useState(tableFilterValue ? tableFilterValue : ''), tableFilterState = _u[0], setTableFilterState = _u[1];
+    var _p = useState(activePage), _activePage = _p[0], setActivePage = _p[1];
+    var _q = useState([]), _items = _q[0], setItems = _q[1];
+    var _r = useState(itemsNumber), _itemsNumber = _r[0], setItemsNumber = _r[1];
+    var _s = useState(itemsPerPage), _itemsPerPage = _s[0], setItemsPerPage = _s[1];
+    var _t = useState([]), _selected = _t[0], setSelected = _t[1];
+    var _u = useState({}), columnFilterState = _u[0], setColumnFilterState = _u[1];
+    var _v = useState(), selectedAll = _v[0], setSelectedAll = _v[1];
+    var _w = useState({}), sorterState = _w[0], setSorterState = _w[1];
+    var _x = useState(tableFilterValue ? tableFilterValue : ''), tableFilterState = _x[0], setTableFilterState = _x[1];
     useEffect(function () {
         setActivePage(activePage);
     }, [activePage]);
-    // watch
-    useMemo(function () {
+    useEffect(function () {
         if (items && items.length < _itemsPerPage * _activePage - _itemsPerPage) {
             setActivePage(1);
         }
-        // Create the internal array of items
-        Array.isArray(items) &&
-            setItems(items === null || items === void 0 ? void 0 : items.map(function (item, index) {
-                return __assign$1(__assign$1({}, item), { _id: index });
-            }));
+        items &&
+            items.forEach(function (item) {
+                if (item._selected) {
+                    var _item = __assign$1({}, item);
+                    delete _item['_cellProps'];
+                    delete _item['_props'];
+                    delete _item['_selected'];
+                    setSelected(__spreadArray(__spreadArray([], _selected, true), [_item], false));
+                }
+            });
+        if (Array.isArray(items)) {
+            setItems(items);
+            setItemsNumber(itemsNumber || items.length);
+        }
     }, [JSON.stringify(items)]);
-    useMemo(function () {
+    useEffect(function () {
+        Array.isArray(selected) && setSelected(selected);
+    }, [JSON.stringify(selected)]);
+    useEffect(function () {
+        itemsNumber && setItemsNumber(itemsNumber);
+    }, [itemsNumber]);
+    useEffect(function () {
         columnFilterValue && setColumnFilterState(columnFilterValue);
     }, [JSON.stringify(columnFilterValue)]);
-    useMemo(function () {
+    useEffect(function () {
         setSorterState(__assign$1({}, sorterValue));
     }, [JSON.stringify(sorterValue)]);
-    useMemo(function () { return setItemsPerPage(itemsPerPage); }, [itemsPerPage]);
-    // functions
-    var isSortable = function (i) {
-        var isDataColumn = itemsDataColumns.includes(rawColumnNames[i]);
-        var column;
-        if (columns)
-            column = columns[i];
-        return (columnSorter &&
-            (!columns ||
-                typeof column !== 'object' ||
-                (typeof column === 'object' &&
-                    (typeof column.sorter === 'undefined' || column.sorter))) &&
-            isDataColumn);
-    };
-    var sorterChange = function (column, index) {
-        if (!isSortable(index)) {
+    useEffect(function () { return setItemsPerPage(itemsPerPage); }, [itemsPerPage]);
+    useEffect(function () {
+        mountedRef.current && onActivePageChange && onActivePageChange(_activePage);
+    }, [_activePage]);
+    useEffect(function () {
+        mountedRef.current && onItemsPerPageChange && onItemsPerPageChange(_itemsPerPage);
+        itemsPerPage !== _itemsPerPage && setActivePage(1); // TODO: set proper page after _itemsPerPage update
+    }, [_itemsPerPage]);
+    useEffect(function () {
+        mountedRef.current && sorterState && onSorterChange && onSorterChange(sorterState);
+    }, [JSON.stringify(sorterState)]);
+    useEffect(function () {
+        mountedRef.current && onColumnFilterChange && onColumnFilterChange(columnFilterState);
+    }, [columnFilterState]);
+    useEffect(function () {
+        mountedRef.current && onTableFilterChange && onTableFilterChange(tableFilterState);
+    }, [tableFilterState]);
+    useEffect(function () {
+        if (selectable) {
+            onSelectedItemsChange && onSelectedItemsChange(_selected);
+            if (_selected.length === _itemsNumber) {
+                setSelectedAll(true);
+                return;
+            }
+            if (_selected.length === 0) {
+                setSelectedAll(false);
+                return;
+            }
+            if (_selected.length !== 0 && _selected.length !== _itemsNumber) {
+                setSelectedAll('indeterminate');
+            }
+        }
+    }, [JSON.stringify(_selected), _itemsNumber]);
+    var columnNames = useMemo(function () { return getColumnNames(columns, _items); }, [columns, _items]);
+    var itemsDataColumns = useMemo(function () { return columnNames.filter(function (name) { return getColumnNamesFromItems(_items).includes(name); }); }, [columnNames, _items]);
+    var filteredColumns = useMemo(function () { return filterColumns(_items, columnFilter, columnFilterState, itemsDataColumns); }, [columnFilterState, JSON.stringify(_items)]);
+    var filteredTable = useMemo(function () { return filterTable(filteredColumns, tableFilter, tableFilterState, itemsDataColumns); }, [tableFilterState, JSON.stringify(tableFilterValue), JSON.stringify(filteredColumns)]);
+    var sortedItems = useMemo(function () { return sortItems(columnSorter, filteredTable, itemsDataColumns, sorterState); }, [
+        JSON.stringify(filteredTable),
+        JSON.stringify(sorterState),
+        JSON.stringify(columnSorter),
+        JSON.stringify(filteredColumns),
+        JSON.stringify(_items),
+    ]);
+    var numberOfPages = _itemsPerPage ? Math.ceil(sortedItems.length / _itemsPerPage) : 1;
+    var firstItemOnActivePageIndex = _activePage ? (_activePage - 1) * _itemsPerPage : 0;
+    var currentItems = _activePage
+        ? sortedItems.slice(firstItemOnActivePageIndex, firstItemOnActivePageIndex + _itemsPerPage)
+        : sortedItems;
+    useEffect(function () {
+        mountedRef.current && onFilteredItemsChange && onFilteredItemsChange(sortedItems);
+    }, [JSON.stringify(sortedItems)]);
+    var handleClean = function () {
+        setTableFilterState('');
+        setColumnFilterState({});
+        setSorterState({});
+    };
+    var handleColumnFilterChange = function (colName, value, type) {
+        var _a;
+        var isLazy = columnFilter && typeof columnFilter === 'object' && columnFilter.lazy === true;
+        if ((isLazy && type === 'input') || (!isLazy && type === 'change')) {
+            return;
+        }
+        var newState = __assign$1(__assign$1({}, columnFilterState), (_a = {}, _a["".concat(colName)] = value, _a));
+        setActivePage(1);
+        setColumnFilterState(newState);
+    };
+    var handleItemsPerPageChange = function (event) {
+        if (typeof itemsPerPageSelect !== 'object' ||
+            (typeof itemsPerPageSelect === 'object' && !itemsPerPageSelect.external)) {
+            setItemsPerPage(Number(event.target.value));
+        }
+    };
+    var handleRowChecked = function (item, value) {
+        if (value && !isObjectInArray(_selected, item, ['_cellProps', '_props', '_selected'])) {
+            setSelected(__spreadArray(__spreadArray([], _selected, true), [item], false));
+            return;
+        }
+        setSelected(_selected.filter(function (_item) { return !isObjectInArray([_item], item, ['_cellProps', '_props', '_selected']); }));
+    };
+    var handleSelectAllChecked = function () {
+        if (selectedAll === true) {
+            setSelected([]);
+            return;
+        }
+        onSelectAll && onSelectAll();
+        if (selectAll && typeof selectAll === 'object' && selectAll.external) {
+            return;
+        }
+        setSelected(_items.map(function (item) {
+            delete item['_cellProps'];
+            delete item['_props'];
+            delete item['_selected'];
+            return item;
+        }));
+    };
+    var handleSorterChange = function (column, index) {
+        if (!isSortable(index, columns, columnSorter, itemsDataColumns, columnNames)) {
             return;
         }
         //if column changed or sort was descending change asc to true
@@ -14856,22 +14361,7 @@ var CSmartTable = forwardRef(function (_a, ref) {
         }
         setSorterState(__assign$1({}, state));
     };
-    var itemsPerPageChange = function (event) {
-        if (typeof itemsPerPageSelect !== 'object' ||
-            (typeof itemsPerPageSelect === 'object' && !itemsPerPageSelect.external))
-            setItemsPerPage(Number(event.target.value));
-    };
-    var columnFilterChange = function (colName, value, type) {
-        var _a;
-        var isLazy = columnFilter && typeof columnFilter === 'object' && columnFilter.lazy === true;
-        if ((isLazy && type === 'input') || (!isLazy && type === 'change')) {
-            return;
-        }
-        var newState = __assign$1(__assign$1({}, columnFilterState), (_a = {}, _a["".concat(colName)] = value, _a));
-        setActivePage(1);
-        setColumnFilterState(newState);
-    };
-    var tableFilterChange = function (value, type) {
+    var handleTableFilterChange = function (value, type) {
         var isLazy = tableFilter && typeof tableFilter === 'object' && tableFilter.lazy === true;
         if ((isLazy && type === 'input') || (!isLazy && type === 'change')) {
             return;
@@ -14879,169 +14369,55 @@ var CSmartTable = forwardRef(function (_a, ref) {
         setActivePage(1);
         setTableFilterState(value);
     };
-    var clean = function () {
-        setTableFilterState('');
-        setColumnFilterState({});
-        setSorterState({});
-    };
-    // computed
-    var genCols = Object.keys(_items[0] || {}).filter(function (el) { return el.charAt(0) !== '_'; });
-    var rawColumnNames = columns
-        ? columns.map(function (column) {
-            if (typeof column === 'object')
-                return column.key;
-            else
-                return column;
-        })
-        : genCols; //! || el
-    var itemsDataColumns = rawColumnNames.filter(function (name) { return genCols.includes(name); });
-    // variables
-    var filteredColumns = useMemo(function () {
-        var items = _items;
-        if (columnFilter && typeof columnFilter === 'object' && columnFilter.external) {
-            return items;
-        }
-        Object.entries(columnFilterState).forEach(function (_a) {
-            var key = _a[0], value = _a[1];
-            if (value instanceof Function) {
-                items = items.filter(function (item) { return value(item[key]); });
-                return;
-            }
-            var columnFilter = String(value).toLowerCase();
-            if (columnFilter && itemsDataColumns.includes(key)) {
-                items = items.filter(function (item) {
-                    return String(item[key]).toLowerCase().includes(columnFilter);
-                });
-            }
-        });
-        return items;
-    }, [columnFilterState, JSON.stringify(_items)]);
-    var filteredTable = useMemo(function () {
-        var items = filteredColumns;
-        if (!tableFilterState ||
-            (tableFilter && typeof tableFilter === 'object' && tableFilter.external)) {
-            return items;
-        }
-        var filter = tableFilterState.toLowerCase();
-        var valueContainFilter = function (val) { return String(val).toLowerCase().includes(filter); };
-        items = items.filter(function (item) {
-            return !!itemsDataColumns.find(function (key) { return valueContainFilter(item[key]); });
-        });
-        return items;
-    }, [tableFilterState, JSON.stringify(tableFilterValue), JSON.stringify(filteredColumns)]);
-    var sortedItems = useMemo(function () {
-        var col = sorterState === null || sorterState === void 0 ? void 0 : sorterState.column;
-        if (!col ||
-            !itemsDataColumns.includes(col) ||
-            (columnSorter && typeof columnSorter === 'object' && columnSorter.external)) {
-            return filteredTable;
-        }
-        var flip = sorterState.state === 'asc' ? 1 : sorterState.state === 'desc' ? -1 : 0;
-        var sorted = filteredTable.slice().sort(function (item, item2) {
-            var value = item[col];
-            var value2 = item2[col];
-            var a = typeof value === 'number' ? value : String(value).toLowerCase();
-            var b = typeof value2 === 'number' ? value2 : String(value2).toLowerCase();
-            return a > b ? 1 * flip : b > a ? -1 * flip : 0;
-        });
-        return sorted;
-    }, [
-        JSON.stringify(filteredTable),
-        JSON.stringify(sorterState),
-        JSON.stringify(columnSorter),
-        JSON.stringify(filteredColumns),
-        JSON.stringify(_items),
-    ]);
-    var numberOfPages = _itemsPerPage ? Math.ceil(sortedItems.length / _itemsPerPage) : 1;
-    var firstItemOnActivePageIndex = _activePage ? (_activePage - 1) * _itemsPerPage : 0;
-    var itemsOnActivePage = sortedItems.slice(firstItemOnActivePageIndex, firstItemOnActivePageIndex + _itemsPerPage);
-    var currentItems = _activePage ? itemsOnActivePage : sortedItems;
-    var isFiltered = tableFilterState || (sorterState === null || sorterState === void 0 ? void 0 : sorterState.column) || Object.values(columnFilterState).join('');
-    // effects
-    useEffect(function () {
-        mountedRef.current && onActivePageChange && onActivePageChange(_activePage);
-    }, [_activePage]);
-    useEffect(function () {
-        mountedRef.current && onItemsPerPageChange && onItemsPerPageChange(_itemsPerPage);
-        itemsPerPage !== _itemsPerPage && setActivePage(1); // TODO: set proper page after _itemsPerPage update
-    }, [_itemsPerPage]);
-    useEffect(function () {
-        mountedRef.current && sorterState && onSorterChange && onSorterChange(sorterState);
-    }, [JSON.stringify(sorterState)]);
-    useEffect(function () {
-        mountedRef.current && onColumnFilterChange && onColumnFilterChange(columnFilterState);
-    }, [columnFilterState]);
-    useEffect(function () {
-        mountedRef.current && onTableFilterChange && onTableFilterChange(tableFilterState);
-    }, [tableFilterState]);
-    useEffect(function () {
-        mountedRef.current && onFilteredItemsChange && onFilteredItemsChange(sortedItems);
-    }, [JSON.stringify(sortedItems)]);
-    var handleRowChecked = function (id, value) {
-        var newArr = __spreadArray([], _items, true);
-        newArr[id]._selected = value;
-        setItems(newArr);
-    };
-    var handleSelectAllChecked = function () {
-        if (selectedAll === true) {
-            setItems(_items.map(function (item) {
-                return __assign$1(__assign$1({}, item), { _selected: false });
-            }));
-            return;
-        }
-        setItems(_items.map(function (item) {
-            return __assign$1(__assign$1({}, item), { _selected: true });
-        }));
-    };
-    useEffect(function () {
-        if (selectable) {
-            var selected = _items.filter(function (item) { return item._selected === true; });
-            onSelectedItemsChange && onSelectedItemsChange(selected);
-            if (selected.length === _items.length) {
-                setSelectedAll(true);
-                return;
-            }
-            if (selected.length === 0) {
-                setSelectedAll(false);
-                return;
-            }
-            if (selected.length !== 0 && selected.length !== _items.length) {
-                setSelectedAll('indeterminate');
-            }
-        }
-    }, [_items]);
     useEffect(function () {
         mountedRef.current = true;
     }, []);
     return (React__default$1.createElement(React__default$1.Fragment, null,
         React__default$1.createElement("div", __assign$1({}, rest, { ref: ref }), (itemsPerPageSelect || tableFilter || cleaner) && (React__default$1.createElement("div", { className: "row my-2 mx-0" }, (tableFilter || cleaner) && (React__default$1.createElement(React__default$1.Fragment, null,
-            React__default$1.createElement("div", { className: "col-auto p-0" }, tableFilter && (React__default$1.createElement(CSmartTableFilter, { filterLabel: tableFilterLabel, filterPlaceholder: tableFilterPlaceholder, onInput: function (e) {
-                    tableFilterChange(e.target.value, 'input');
-                }, onChange: function (e) {
-                    tableFilterChange(e.target.value, 'change');
-                }, value: tableFilterState || '' }))),
-            React__default$1.createElement("div", { className: "col-auto p-0" }, cleaner && (React__default$1.createElement(CSmartTableCleaner, { isFiltered: isFiltered, onClick: function () { return clean(); }, onKeyUp: function (event) {
+            React__default$1.createElement("div", { className: "col-auto p-0" }, tableFilter && (React__default$1.createElement("div", { className: "row mb-2" },
+                React__default$1.createElement(CFormLabel, { className: "col-sm-auto col-form-label" }, tableFilterLabel),
+                React__default$1.createElement("div", { className: "col-sm-auto" },
+                    React__default$1.createElement(CFormInput, { onInput: function (e) {
+                            handleTableFilterChange(e.target.value, 'input');
+                        }, onChange: function (e) {
+                            handleTableFilterChange(e.target.value, 'change');
+                        }, placeholder: tableFilterPlaceholder, value: tableFilterState || '' }))))),
+            React__default$1.createElement("div", { className: "col-auto p-0" }, cleaner && (React__default$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) {
                     if (event.key === 'Enter')
-                        clean();
+                        handleClean();
                 } })))))))),
         React__default$1.createElement("div", { className: "position-relative" },
             React__default$1.createElement(CTable, __assign$1({}, tableProps),
-                header && (React__default$1.createElement(CSmartTableHead, __assign$1({}, tableHeadProps, { columnFilter: columnFilter, columnFilterState: columnFilterState, columns: columns ? columns : rawColumnNames, columnSorter: columnSorter, items: _items, selectable: selectable, selectAll: selectedAll, sorterState: sorterState, sortingIcon: sortingIcon, sortingIconAscending: sortingIconAscending, sortingIconDescending: sortingIconDescending, handleFilterOnChange: function (key, event) { return columnFilterChange(key, event, 'change'); }, handleFilterOnInput: function (key, event) { return columnFilterChange(key, event, 'input'); }, handleOnCustomFilterChange: function (key, event) { return columnFilterChange(key, event); }, handleSelectAllChecked: function () { return handleSelectAllChecked(); }, handleSort: function (key, index) { return sorterChange(key, index); } }))),
+                header && (React__default$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) {
+                        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__default$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 (id, value) { return handleRowChecked(id, value); }, rawColumnNames: rawColumnNames, scopedColumns: scopedColumns, selectable: selectable }, tableBodyProps)),
-                footer && (React__default$1.createElement(CSmartTableHead, __assign$1({ component: CTableFoot }, tableFootProps, { columnFilter: false, columnSorter: false, columns: columns ? columns : rawColumnNames, items: _items, handleSelectAllChecked: function () { return handleSelectAllChecked(); }, selectable: selectable, selectAll: selectedAll })))),
+                    }, onRowChecked: function (item, value) { return handleRowChecked(item, value); }, columnNames: columnNames, scopedColumns: scopedColumns, selectable: selectable, selected: _selected }, tableBodyProps)),
+                typeof footer === 'boolean' && footer && (React__default$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 }))),
+                Array.isArray(footer) && (React__default$1.createElement(CTableFoot, __assign$1({}, tableFootProps),
+                    React__default$1.createElement(CTableRow, null, footer.map(function (item, index) { return (React__default$1.createElement(CTableDataCell, __assign$1({}, (typeof item === 'object' && item._props && __assign$1({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); }))))),
             loading && (React__default$1.createElement(CElementCover, { boundaries: [
-                    { sides: ['top'], query: 'td' },
+                    { sides: ['top'], query: 'tbody' },
                     { sides: ['bottom'], query: 'tbody' },
-                ] }))),
+                ] }, elementCover))),
         (pagination || itemsPerPageSelect) && (React__default$1.createElement("div", { className: "row" },
             React__default$1.createElement("div", { className: "col" }, ((pagination && numberOfPages > 1) || paginationProps) && (React__default$1.createElement(CSmartPagination, __assign$1({ activePage: _activePage, onActivePageChange: function (page) {
                     pagination && typeof pagination === 'object' && pagination.external
                         ? onActivePageChange && onActivePageChange(page)
                         : setActivePage(page);
                 }, pages: numberOfPages }, paginationProps)))),
-            React__default$1.createElement("div", { className: "col-auto ms-auto" }, itemsPerPageSelect && (React__default$1.createElement(CSmartTableItemsPerPageSelector, { itemsPerPage: _itemsPerPage, itemsPerPageLabel: itemsPerPageLabel, itemsPerPageOptions: itemsPerPageOptions, onChange: function (event) { return itemsPerPageChange(event); } })))))));
+            React__default$1.createElement("div", { className: "col-auto ms-auto" }, itemsPerPageSelect && (React__default$1.createElement("div", { className: "row" },
+                React__default$1.createElement(CFormLabel, { className: "col-auto col-form-label" }, itemsPerPageLabel),
+                React__default$1.createElement("div", { className: "col-auto" },
+                    React__default$1.createElement(CFormSelect, { defaultValue: _itemsPerPage, onChange: function (event) {
+                            return handleItemsPerPageChange(event);
+                        } }, itemsPerPageOptions &&
+                        itemsPerPageOptions.map(function (number, index) {
+                            return (React__default$1.createElement("option", { value: number, key: index }, number));
+                        }))))))))));
 });
 CSmartTable.propTypes = {
     activePage: propTypesExports.number,
@@ -15051,9 +14427,11 @@ CSmartTable.propTypes = {
     columnFilterValue: propTypesExports.object,
     columns: propTypesExports.array,
     columnSorter: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.object]),
-    footer: propTypesExports.bool,
+    elementCover: propTypesExports.node,
+    footer: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.array]),
     header: propTypesExports.bool,
     items: propTypesExports.array,
+    itemsNumber: propTypesExports.number,
     itemsPerPage: propTypesExports.number,
     itemsPerPageLabel: propTypesExports.string,
     itemsPerPageOptions: propTypesExports.array,
@@ -15065,6 +14443,7 @@ CSmartTable.propTypes = {
     onFilteredItemsChange: propTypesExports.func,
     onItemsPerPageChange: propTypesExports.func,
     onRowClick: propTypesExports.func,
+    onSelectAll: propTypesExports.func,
     onSelectedItemsChange: propTypesExports.func,
     onSorterChange: propTypesExports.func,
     onTableFilterChange: propTypesExports.func,
@@ -15072,6 +14451,8 @@ CSmartTable.propTypes = {
     paginationProps: propTypesExports.any,
     scopedColumns: propTypesExports.object,
     selectable: propTypesExports.bool,
+    selectAll: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.object]),
+    selected: propTypesExports.array,
     sorterValue: propTypesExports.object,
     sortingIcon: propTypesExports.node,
     sortingIconAscending: propTypesExports.node,
@@ -15113,13 +14494,13 @@ var CSidebar = forwardRef(function (_a, ref) {
     useEffect(function () {
         var _a, _b;
         sidebarRef.current && setMobile(isOnMobile(sidebarRef.current));
-        sidebarRef.current && setInViewport(isVisible(sidebarRef.current));
+        sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
         window.addEventListener('resize', function () { return handleResize(); });
         window.addEventListener('mouseup', handleClickOutside);
         window.addEventListener('keyup', handleKeyup);
         (_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseup', handleOnClick);
         (_b = sidebarRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', function () {
-            sidebarRef.current && setInViewport(isVisible(sidebarRef.current));
+            sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
         });
         return function () {
             var _a, _b;
@@ -15128,7 +14509,7 @@ var CSidebar = forwardRef(function (_a, ref) {
             window.removeEventListener('keyup', handleKeyup);
             (_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseup', handleOnClick);
             (_b = sidebarRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', function () {
-                sidebarRef.current && setInViewport(isVisible(sidebarRef.current));
+                sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
             });
         };
     });
@@ -15137,7 +14518,7 @@ var CSidebar = forwardRef(function (_a, ref) {
     };
     var handleResize = function () {
         sidebarRef.current && setMobile(isOnMobile(sidebarRef.current));
-        sidebarRef.current && setInViewport(isVisible(sidebarRef.current));
+        sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
     };
     var handleKeyup = function (event) {
         if (mobile &&
@@ -15260,7 +14641,7 @@ var CTabPane = forwardRef(function (_a, ref) {
     var _className = classNames$1('tab-pane', 'fade', {
         active: visible,
     }, className);
-    return (React__default$1.createElement(Transition, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) {
+    return (React__default$1.createElement(Transition$1, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) {
         var transitionClass = getTransitionClass(state);
         return (React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: forkedRef }), children));
     }));
@@ -15317,7 +14698,7 @@ var CToast = forwardRef(function (_a, ref) {
                     ? 'showing'
                     : 'fade';
     };
-    return (React__default$1.createElement(Transition, { 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) {
+    return (React__default$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__default$1.createElement(CToastContext.Provider, { value: contextValues },
             React__default$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)));
@@ -15471,7 +14852,7 @@ var CTooltip = function (_a) {
             onMouseLeave: function () { return setVisible(false); },
         }))),
         typeof window !== 'undefined' &&
-            createPortal(React__default$1.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: tooltipRef, onEnter: onShow, onExit: onHide, timeout: {
+            createPortal(React__default$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: tooltipRef, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
@@ -15624,5 +15005,5 @@ CWidgetStatsF.propTypes = {
 };
 CWidgetStatsF.displayName = 'CWidgetStatsF';
 
-export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CContainer, CDatePicker, CDateRangePicker, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CLoadingButton, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CMultiSelect, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSmartPagination, CSmartTable, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CTimePicker, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
+export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CContainer, CDatePicker, CDateRangePicker, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CElementCover, CFooter, CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CLoadingButton, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CMultiSelect, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSmartPagination, CSmartTable, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CTimePicker, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CVirtualScroller, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
 //# sourceMappingURL=index.es.js.map