@ainias42/react-bootstrap-mobile 0.2.14 → 0.2.16

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.2.13
+ *   @ainias42/react-bootstrap-mobile v0.2.15
  *   git+https://github.com/Ainias/Bootstrap-React-Mobile.git
  *   Copyright (c) Silas Günther and project contributors.
  *   This source code is licensed under the MIT license found in the
@@ -2434,7 +2434,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{@keyframes spoilerContainerOpen__KywlX{0%{height:0}1%{height:initial}100%{height:initial}}@keyframes spoilerOpen__Afblf{0%{height:0;transform:translateY(-100%);opacity:0}1%{height:initial;transform:translateY(-100%);opacity:0}100%{height:initial;transform:translateY(0%);opacity:1}}@keyframes spoilerContainerClose__c50mH{0%{height:initial}99%{height:initial}100%{height:0}}@keyframes spoilerClose__gNNJP{0%{height:initial;transform:translateY(0%);opacity:1}99%{height:initial;transform:translateY(-100%);opacity:0}100%{height:0;transform:translateY(-100%);opacity:0}}.spoiler__pBIFl{display:block;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.spoiler__pBIFl .icon__OiZu5{margin-right:.5rem}.spoiler__pBIFl.open__eXqd1 .bodyContainer__zAqHY,.spoiler__pBIFl.open__eXqd1.noClosingAnimation__f2QCy .bodyContainer__zAqHY{height:initial;animation-name:spoilerContainerOpen__KywlX}.spoiler__pBIFl.open__eXqd1 .bodyContainer__zAqHY .body__YDKcW,.spoiler__pBIFl.open__eXqd1.noClosingAnimation__f2QCy .bodyContainer__zAqHY .body__YDKcW{height:initial;transform:translateY(0%);animation-name:spoilerOpen__Afblf}.spoiler__pBIFl.noAnimation__OccHB .bodyContainer__zAqHY,.spoiler__pBIFl.noAnimation__OccHB.open__eXqd1 .bodyContainer__zAqHY{animation:none}.spoiler__pBIFl.noAnimation__OccHB .bodyContainer__zAqHY .body__YDKcW,.spoiler__pBIFl.noAnimation__OccHB.open__eXqd1 .bodyContainer__zAqHY .body__YDKcW{animation:none}.spoiler__pBIFl.noClosingAnimation__f2QCy .bodyContainer__zAqHY{animation-name:none}.spoiler__pBIFl.noClosingAnimation__f2QCy .bodyContainer__zAqHY .body__YDKcW{animation-name:none}.spoiler__pBIFl .bodyContainer__zAqHY{height:0;overflow:hidden;animation-name:spoilerContainerClose__c50mH;animation-duration:.7s;animation-fill-mode:forwards}.spoiler__pBIFl .bodyContainer__zAqHY .body__YDKcW{height:0;overflow:hidden;transform-origin:left top;transform:translateY(-100%);animation-name:spoilerClose__gNNJP;animation-duration:.7s;animation-fill-mode:forwards}}`, "",{"version":3,"sources":["webpack://./src/Components/SpoilerList/Spoiler/spoiler.scss"],"names":[],"mappings":"AACA,WACC,uCACC,GACE,QAAA,CAEF,GACE,cAAA,CAEF,KACE,cAAA,CAAA,CAIJ,8BACE,GACE,QAAA,CACA,2BAAA,CACA,SAAA,CAEF,GACE,cAAA,CACA,2BAAA,CACA,SAAA,CAEF,KACE,cAAA,CACA,wBAAA,CACA,SAAA,CAAA,CAIJ,wCACE,GACE,cAAA,CAEF,IACE,cAAA,CAEF,KACE,QAAA,CAAA,CAIJ,+BACE,GACE,cAAA,CACA,wBAAA,CACA,SAAA,CAEF,IACE,cAAA,CACA,2BAAA,CACA,SAAA,CAEF,KACE,QAAA,CACA,2BAAA,CACA,SAAA,CAAA,CAIJ,gBACE,aAAA,CACA,yCAAA,CACA,4CAAA,CAEA,6BACE,kBAAA,CAIA,8HACE,cAAA,CACA,0CAAA,CAEA,wJACE,cAAA,CACA,wBAAA,CACA,iCAAA,CAMJ,8HACE,cAAA,CAEA,wJACE,cAAA,CAMJ,gEACE,mBAAA,CAEA,6EACE,mBAAA,CAKN,sCACE,QAAA,CACA,eAAA,CACA,2CAAA,CACA,sBAAA,CACA,4BAAA,CAEA,mDACE,QAAA,CACA,eAAA,CACA,yBAAA,CACA,2BAAA,CACA,kCAAA,CACA,sBAAA,CACA,4BAAA,CAAA","sourcesContent":["\n@layer rbm {\n @keyframes spoilerContainerOpen {\n  0% {\n    height: 0;\n  }\n  1% {\n    height: initial;\n  }\n  100% {\n    height: initial;\n  }\n}\n\n@keyframes spoilerOpen {\n  0% {\n    height: 0;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  1% {\n    height: initial;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  100% {\n    height: initial;\n    transform: translateY(0%);\n    opacity: 1;\n  }\n}\n\n@keyframes spoilerContainerClose {\n  0% {\n    height: initial;\n  }\n  99% {\n    height: initial;\n  }\n  100% {\n    height: 0;\n  }\n}\n\n@keyframes spoilerClose {\n  0% {\n    height: initial;\n    transform: translateY(0%);\n    opacity: 1;\n  }\n  99% {\n    height: initial;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  100% {\n    height: 0;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n}\n\n.spoiler {\n  display: block;\n  border-top: 1px solid var(--border-strong);\n  border-bottom: 1px solid var(--border-strong);\n\n  .icon {\n    margin-right: 0.5rem;\n  }\n\n  &.open, &.open.noClosingAnimation {\n    .bodyContainer {\n      height: initial;\n      animation-name: spoilerContainerOpen;\n\n      .body {\n        height: initial;\n        transform: translateY(0%);\n        animation-name: spoilerOpen;\n      }\n    }\n  }\n\n  &.noAnimation, &.noAnimation.open {\n    .bodyContainer {\n      animation: none;\n\n      .body {\n        animation: none;\n      }\n    }\n  }\n\n  &.noClosingAnimation {\n    .bodyContainer {\n      animation-name: none;\n\n      .body {\n        animation-name: none;\n      }\n    }\n  }\n\n  .bodyContainer {\n    height: 0;\n    overflow: hidden;\n    animation-name: spoilerContainerClose;\n    animation-duration: 0.7s;\n    animation-fill-mode: forwards;\n\n    .body {\n      height: 0;\n      overflow: hidden;\n      transform-origin: left top;\n      transform: translateY(-100%);\n      animation-name: spoilerClose;\n      animation-duration: 0.7s;\n      animation-fill-mode: forwards;\n    }\n  }\n}\n \n}"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `@layer rbm{@keyframes spoilerContainerOpen__KywlX{0%{height:0}1%{height:initial}100%{height:initial}}@keyframes spoilerOpen__Afblf{0%{height:0;transform:translateY(-100%);opacity:0}1%{height:initial;transform:translateY(-100%);opacity:0}100%{height:initial;transform:none !important;opacity:1}}@keyframes spoilerContainerClose__c50mH{0%{height:initial}99%{height:initial}100%{height:0}}@keyframes spoilerClose__gNNJP{0%{height:initial;transform:translateY(0%);opacity:1}99%{height:initial;transform:translateY(-100%);opacity:0}100%{height:0;transform:translateY(-100%);opacity:0}}.spoiler__pBIFl{display:block;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.spoiler__pBIFl .icon__OiZu5{margin-right:.5rem}.spoiler__pBIFl.open__eXqd1 .bodyContainer__zAqHY,.spoiler__pBIFl.open__eXqd1.noClosingAnimation__f2QCy .bodyContainer__zAqHY{height:initial;animation-name:spoilerContainerOpen__KywlX}.spoiler__pBIFl.open__eXqd1 .bodyContainer__zAqHY .body__YDKcW,.spoiler__pBIFl.open__eXqd1.noClosingAnimation__f2QCy .bodyContainer__zAqHY .body__YDKcW{height:initial;transform:none;animation-name:spoilerOpen__Afblf}.spoiler__pBIFl.noAnimation__OccHB .bodyContainer__zAqHY,.spoiler__pBIFl.noAnimation__OccHB.open__eXqd1 .bodyContainer__zAqHY{animation:none}.spoiler__pBIFl.noAnimation__OccHB .bodyContainer__zAqHY .body__YDKcW,.spoiler__pBIFl.noAnimation__OccHB.open__eXqd1 .bodyContainer__zAqHY .body__YDKcW{animation:none}.spoiler__pBIFl.noClosingAnimation__f2QCy .bodyContainer__zAqHY{animation-name:none}.spoiler__pBIFl.noClosingAnimation__f2QCy .bodyContainer__zAqHY .body__YDKcW{animation-name:none}.spoiler__pBIFl .bodyContainer__zAqHY{height:0;overflow:hidden;animation-name:spoilerContainerClose__c50mH;animation-duration:.7s;animation-fill-mode:forwards}.spoiler__pBIFl .bodyContainer__zAqHY .body__YDKcW{height:0;overflow:hidden;transform-origin:left top;transform:translateY(-100%);animation-name:spoilerClose__gNNJP;animation-duration:.7s;animation-fill-mode:forwards}}`, "",{"version":3,"sources":["webpack://./src/Components/SpoilerList/Spoiler/spoiler.scss"],"names":[],"mappings":"AACA,WACC,uCACC,GACE,QAAA,CAEF,GACE,cAAA,CAEF,KACE,cAAA,CAAA,CAIJ,8BACE,GACE,QAAA,CACA,2BAAA,CACA,SAAA,CAEF,GACE,cAAA,CACA,2BAAA,CACA,SAAA,CAEF,KACE,cAAA,CACA,yBAAA,CACA,SAAA,CAAA,CAIJ,wCACE,GACE,cAAA,CAEF,IACE,cAAA,CAEF,KACE,QAAA,CAAA,CAIJ,+BACE,GACE,cAAA,CACA,wBAAA,CACA,SAAA,CAEF,IACE,cAAA,CACA,2BAAA,CACA,SAAA,CAEF,KACE,QAAA,CACA,2BAAA,CACA,SAAA,CAAA,CAIJ,gBACE,aAAA,CACA,yCAAA,CACA,4CAAA,CAEA,6BACE,kBAAA,CAIA,8HACE,cAAA,CACA,0CAAA,CAEA,wJACE,cAAA,CACA,cAAA,CACA,iCAAA,CAMJ,8HACE,cAAA,CAEA,wJACE,cAAA,CAMJ,gEACE,mBAAA,CAEA,6EACE,mBAAA,CAKN,sCACE,QAAA,CACA,eAAA,CACA,2CAAA,CACA,sBAAA,CACA,4BAAA,CAEA,mDACE,QAAA,CACA,eAAA,CACA,yBAAA,CACA,2BAAA,CACA,kCAAA,CACA,sBAAA,CACA,4BAAA,CAAA","sourcesContent":["\n@layer rbm {\n @keyframes spoilerContainerOpen {\n  0% {\n    height: 0;\n  }\n  1% {\n    height: initial;\n  }\n  100% {\n    height: initial;\n  }\n}\n\n@keyframes spoilerOpen {\n  0% {\n    height: 0;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  1% {\n    height: initial;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  100% {\n    height: initial;\n    transform: none !important;\n    opacity: 1;\n  }\n}\n\n@keyframes spoilerContainerClose {\n  0% {\n    height: initial;\n  }\n  99% {\n    height: initial;\n  }\n  100% {\n    height: 0;\n  }\n}\n\n@keyframes spoilerClose {\n  0% {\n    height: initial;\n    transform: translateY(0%);\n    opacity: 1;\n  }\n  99% {\n    height: initial;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  100% {\n    height: 0;\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n}\n\n.spoiler {\n  display: block;\n  border-top: 1px solid var(--border-strong);\n  border-bottom: 1px solid var(--border-strong);\n\n  .icon {\n    margin-right: 0.5rem;\n  }\n\n  &.open, &.open.noClosingAnimation {\n    .bodyContainer {\n      height: initial;\n      animation-name: spoilerContainerOpen;\n\n      .body {\n        height: initial;\n        transform: none;\n        animation-name: spoilerOpen;\n      }\n    }\n  }\n\n  &.noAnimation, &.noAnimation.open {\n    .bodyContainer {\n      animation: none;\n\n      .body {\n        animation: none;\n      }\n    }\n  }\n\n  &.noClosingAnimation {\n    .bodyContainer {\n      animation-name: none;\n\n      .body {\n        animation-name: none;\n      }\n    }\n  }\n\n  .bodyContainer {\n    height: 0;\n    overflow: hidden;\n    animation-name: spoilerContainerClose;\n    animation-duration: 0.7s;\n    animation-fill-mode: forwards;\n\n    .body {\n      height: 0;\n      overflow: hidden;\n      transform-origin: left top;\n      transform: translateY(-100%);\n      animation-name: spoilerClose;\n      animation-duration: 0.7s;\n      animation-fill-mode: forwards;\n    }\n  }\n}\n \n}"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"spoiler": `spoiler__pBIFl`,
@@ -7581,35 +7581,35 @@ const Menu = withMemo(withRenderBrowserOnly(function Menu({
     elem === null || elem === void 0 ? void 0 : elem.appendChild(portalContainer);
   }, [isOpen, portalContainer, window === null || window === void 0 ? void 0 : window.document.body]);
   useClientLayoutEffect(() => {
-    var _a;
     if (!menuRef.current) {
-      return;
-    }
-    const width = parseFloat(getComputedStyle(menuRef.current).width);
-    let newX = x;
-    if (newX > ((_a = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _a !== void 0 ? _a : 0) - width) {
-      newX -= width + offsetX;
-    }
-    if (newX < 0) {
-      newX = 0;
-    }
-    setInnerX(newX);
-  }, [offsetX, window === null || window === void 0 ? void 0 : window.innerWidth, x]);
-  useClientLayoutEffect(() => {
-    var _a;
-    if (!menuRef.current) {
-      return;
-    }
-    const height = parseFloat(getComputedStyle(menuRef.current).height);
-    let newY = y;
-    if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
-      newY -= height + offsetY;
-    }
-    if (newY < 0) {
-      newY = 0;
+      return undefined;
     }
-    setInnerY(newY);
-  }, [offsetY, window === null || window === void 0 ? void 0 : window.innerHeight, y]);
+    const menuElement = menuRef.current;
+    const updateInnerPositions = () => {
+      var _a, _b;
+      const computedStyle = getComputedStyle(menuElement);
+      const height = parseFloat(computedStyle.height);
+      let newY = y;
+      if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
+        newY -= height + offsetY;
+      }
+      setInnerY(Math.max(0, newY));
+      const width = parseFloat(computedStyle.width);
+      let newX = x;
+      if (newX > ((_b = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _b !== void 0 ? _b : 0) - width) {
+        newX -= width + offsetX;
+      }
+      setInnerX(Math.max(0, newX));
+    };
+    const observer = new ResizeObserver(() => {
+      updateInnerPositions();
+    });
+    observer.observe(menuElement);
+    updateInnerPositions();
+    return () => {
+      observer.disconnect();
+    };
+  }, [window, x, y, offsetX, offsetY]);
   // Other
   // Render Functions
   if (!isOpen) {
@@ -8735,7 +8735,6 @@ const Switch = withMemo(function Switch(_a) {
   }, [onChange, onChangeChecked]);
   const checkStopPropagation = (0,external_react_.useCallback)(ev => {
     if (stopPropagation) {
-      console.log("LOG-d stopPropagation inside checkStopPropagation", ev);
       ev.stopPropagation();
       ev.nativeEvent.stopPropagation();
     }
@@ -13045,6 +13044,7 @@ function Spoiler(_a) {
       children,
       initialOpen = false,
       noClosingAnimation = false,
+      noAnimation = false,
       openIcon = free_solid_svg_icons_namespaceObject.faChevronDown,
       closeIcon = free_solid_svg_icons_namespaceObject.faChevronUp,
       className,
@@ -13052,7 +13052,7 @@ function Spoiler(_a) {
       style,
       open
     } = _a,
-    listenerProps = Spoiler_rest(_a, ["title", "children", "initialOpen", "noClosingAnimation", "openIcon", "closeIcon", "className", "onlyTitleToggles", "style", "open"]);
+    listenerProps = Spoiler_rest(_a, ["title", "children", "initialOpen", "noClosingAnimation", "noAnimation", "openIcon", "closeIcon", "className", "onlyTitleToggles", "style", "open"]);
   // Refs
   // States
   const [isOpen, setIsOpen] = (0,external_react_.useState)(open !== null && open !== void 0 ? open : initialOpen);
@@ -13090,7 +13090,7 @@ function Spoiler(_a) {
     onClick: onlyTitleToggles ? undefined : toggleOpen,
     className: classnames_default()(className, (spoiler_default()).spoiler, {
       [(spoiler_default()).open]: open !== null && open !== void 0 ? open : isOpen,
-      [(spoiler_default()).noAnimation]: isInitialValue,
+      [(spoiler_default()).noAnimation]: isInitialValue || noAnimation,
       [(spoiler_default()).noClosingAnimation]: noClosingAnimation
     }),
     style: style