indicator-ui 0.1.20 → 0.1.22

package/dist/index.js

@@ -53947,6 +53947,8 @@ function useIntersectionObserver() {
     _ = _useSimpleRefListElem2[0],
     getObjects = _useSimpleRefListElem2[1];
   var tryClearObserver = function tryClearObserver() {
+    var observer = observerRef.current;
+    if (!observer) return;
     var objects = getObjects(ref);
     var _iterator = _createForOfIteratorHelper(objects),
       _step;
@@ -53954,7 +53956,7 @@ function useIntersectionObserver() {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var obj = _step.value;
         if (obj) {
-          observerRef.current.unobserve(obj);
+          observer.unobserve(obj);
         }
       }
     } catch (err) {
@@ -53964,6 +53966,8 @@ function useIntersectionObserver() {
     }
   };
   var tryInitObserver = function tryInitObserver() {
+    var observer = observerRef.current;
+    if (!observer) return;
     var objects = getObjects(ref);
     var _iterator2 = _createForOfIteratorHelper(objects),
       _step2;
@@ -53971,7 +53975,7 @@ function useIntersectionObserver() {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var obj = _step2.value;
         if (obj) {
-          observerRef.current.observe(obj);
+          observer.observe(obj);
         }
       }
     } catch (err) {
@@ -53999,10 +54003,13 @@ function useIntersectionObserver() {
     clear: tryClearObserver
   };
   function getObserver() {
+    if (typeof window === 'undefined') return undefined;
     return new IntersectionObserver(getCallback(), options);
   }
   function clearObserver() {
-    observerRef.current.disconnect();
+    var observer = observerRef.current;
+    if (!observer) return;
+    observer.disconnect();
   }
   function getCallback() {
     return cbRef.current;
@@ -54047,6 +54054,8 @@ function useResizeObserver() {
     _ = _useSimpleRefListElem2[0],
     getObjects = _useSimpleRefListElem2[1];
   var tryClearObserver = function tryClearObserver() {
+    var observer = observerRef.current;
+    if (!observer) return;
     var objects = getObjects(ref);
     var _iterator = _createForOfIteratorHelper(objects),
       _step;
@@ -54054,7 +54063,7 @@ function useResizeObserver() {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var obj = _step.value;
         if (obj) {
-          observerRef.current.unobserve(obj);
+          observer.unobserve(obj);
         }
       }
     } catch (err) {
@@ -54064,6 +54073,8 @@ function useResizeObserver() {
     }
   };
   var tryInitObserver = function tryInitObserver() {
+    var observer = observerRef.current;
+    if (!observer) return;
     var objects = getObjects(ref);
     var _iterator2 = _createForOfIteratorHelper(objects),
       _step2;
@@ -54071,7 +54082,7 @@ function useResizeObserver() {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var obj = _step2.value;
         if (obj) {
-          observerRef.current.observe(obj);
+          observer.observe(obj);
         }
       }
     } catch (err) {
@@ -54089,20 +54100,23 @@ function useResizeObserver() {
     observerRef.current = getObserver();
     init();
   };
-  (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useDeepCompareEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     init();
     return clearObserver;
-  }, [ref]);
+  }, []);
   return {
     reinit: init,
     reinitObserver: reinitResizeObserver,
     clear: tryClearObserver
   };
   function getObserver() {
+    if (typeof window === 'undefined') return undefined;
     return new ResizeObserver(getCallback());
   }
   function clearObserver() {
-    observerRef.current.disconnect();
+    var observer = observerRef.current;
+    if (!observer) return;
+    observer.disconnect();
   }
   function getCallback() {
     return cbRef.current;
@@ -54135,11 +54149,16 @@ function useResizeWindowObserver() {
     return cbRef.current;
   };
   var clearListener = function clearListener() {
+    if (typeof window === 'undefined') return;
     window.removeEventListener('resize', getCallback());
   };
+  var initListener = function initListener() {
+    if (typeof window === 'undefined') return;
+    window.addEventListener('resize', getCallback());
+  };
   var setUpListener = function setUpListener() {
     clearListener();
-    window.addEventListener('resize', getCallback());
+    initListener();
   };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setUpListener();
@@ -54189,6 +54208,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useSmartPosition: () => (/* reexport safe */ _useSmartPosition__WEBPACK_IMPORTED_MODULE_9__.useSmartPosition),
 /* harmony export */   useSmartScroll: () => (/* reexport safe */ _useSmartScroll__WEBPACK_IMPORTED_MODULE_10__.useSmartScroll),
 /* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _useSyncedStateRef__WEBPACK_IMPORTED_MODULE_5__.useSyncedStateRef),
+/* harmony export */   useTimeline: () => (/* reexport safe */ _ui_animations__WEBPACK_IMPORTED_MODULE_14__.useTimeline),
 /* harmony export */   useTouchpadInput: () => (/* reexport safe */ _controlsInput__WEBPACK_IMPORTED_MODULE_16__.useTouchpadInput)
 /* harmony export */ });
 /* harmony import */ var _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useIsErrorField */ "./src/hooks/useIsErrorField.ts");
@@ -54342,8 +54362,8 @@ function useBackdropModal() {
     setIsShow(true);
     requestAnimationFrame(function () {
       reinit();
-      resizeObserverService.reinit();
       appearanceAnim();
+      resizeObserverService.reinit();
     });
   };
   var close = function close() {
@@ -55202,11 +55222,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   useBackgroundModalAnim: () => (/* reexport safe */ _useBackgroundModalAnim__WEBPACK_IMPORTED_MODULE_1__.useBackgroundModalAnim),
 /* harmony export */   useModalAnim: () => (/* reexport safe */ _useModalAnim__WEBPACK_IMPORTED_MODULE_0__.useModalAnim),
-/* harmony export */   useShimmer: () => (/* reexport safe */ _useShimmer__WEBPACK_IMPORTED_MODULE_2__.useShimmer)
+/* harmony export */   useShimmer: () => (/* reexport safe */ _useShimmer__WEBPACK_IMPORTED_MODULE_2__.useShimmer),
+/* harmony export */   useTimeline: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_3__.useTimeline)
 /* harmony export */ });
 /* harmony import */ var _useModalAnim__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useModalAnim */ "./src/hooks/ui-animations/useModalAnim.ts");
 /* harmony import */ var _useBackgroundModalAnim__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useBackgroundModalAnim */ "./src/hooks/ui-animations/useBackgroundModalAnim.ts");
 /* harmony import */ var _useShimmer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useShimmer */ "./src/hooks/ui-animations/useShimmer.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./src/hooks/ui-animations/helpers.ts");
+
 
 
 
@@ -71903,6 +71926,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useSmartPosition: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSmartPosition),
 /* harmony export */   useSmartScroll: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSmartScroll),
 /* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSyncedStateRef),
+/* harmony export */   useTimeline: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useTimeline),
 /* harmony export */   useTouchpadInput: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useTouchpadInput)
 /* harmony export */ });
 /* harmony import */ var _styles_colors_css_variables_index_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/styles/colors/css-variables/index.css */ "./src/styles/colors/css-variables/index.css");