app-studio 0.7.7 → 0.7.9

package/dist/app-studio.esm.js

@@ -1059,12 +1059,15 @@ const deepMerge = (target, source) => {
   }
   return merged;
 };
+// Stable default references to prevent unnecessary re-renders and cache invalidation
+const DEFAULT_THEME_OVERRIDE = {};
+const DEFAULT_COLORS_OVERRIDE = {};
 const ThemeProvider = _ref => {
   let {
-    theme: themeOverride = {},
+    theme: themeOverride = DEFAULT_THEME_OVERRIDE,
     mode: initialMode = 'light',
-    dark: darkOverride = {},
-    light: lightOverride = {},
+    dark: darkOverride = DEFAULT_COLORS_OVERRIDE,
+    light: lightOverride = DEFAULT_COLORS_OVERRIDE,
     children,
     strict = false,
     targetWindow
@@ -2943,10 +2946,11 @@ const AnalyticsProvider = _ref => {
     trackEvent,
     children
   } = _ref;
+  const value = useMemo(() => ({
+    trackEvent
+  }), [trackEvent]);
   return /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
-    value: {
-      trackEvent
-    }
+    value: value
   }, children);
 };
 
@@ -2978,12 +2982,10 @@ function hashStyleProps(props) {
  */
 function useStableStyleMemo(propsToProcess, getColor, mediaQueries, devices, manager, theme) {
   const cacheRef = useRef(null);
-  // Compute hash of current props
-  const currentHash = useMemo(() => {
-    // Include theme in hash to bust cache on theme changes
-    const themeHash = theme ? JSON.stringify(theme) : '';
-    return hashStyleProps(propsToProcess) + '|' + hash(themeHash);
-  }, [propsToProcess, theme]);
+  // Compute hash directly — no useMemo since propsToProcess is always a new
+  // reference (from destructuring), so the memo deps would always change.
+  const themeHash = theme ? JSON.stringify(theme) : '';
+  const currentHash = hashStyleProps(propsToProcess) + '|' + hash(themeHash);
   // Only recompute classes if hash changed
   if (!cacheRef.current || cacheRef.current.hash !== currentHash) {
     const classes = extractUtilityClasses(propsToProcess, getColor, mediaQueries, devices, manager);
@@ -3075,44 +3077,44 @@ const Element = /*#__PURE__*/React.memo(/*#__PURE__*/forwardRef((_ref, ref) => {
     };
   }, [animateOut, manager]);
   // Prepare props for processing (apply view/scroll timeline if needed)
-  const propsToProcess = useMemo(() => {
-    const processed = {
-      ...rest,
-      blend
-    };
-    // Apply view() timeline ONLY if animateOn='View' (not Both or Mount)
-    if (animateOn === 'View' && processed.animate) {
-      const animations = Array.isArray(processed.animate) ? processed.animate : [processed.animate];
-      processed.animate = animations.map(anim => {
-        // Only add timeline if not already specified
-        if (!anim.timeline) {
-          return {
-            ...anim,
-            timeline: 'view()',
-            range: anim.range || 'entry',
-            fillMode: anim.fillMode || 'both'
-          };
-        }
-        return anim;
-      });
-    }
-    // Apply scroll() timeline if animateOn='Scroll'
-    if (animateOn === 'Scroll' && processed.animate) {
-      const animations = Array.isArray(processed.animate) ? processed.animate : [processed.animate];
-      processed.animate = animations.map(anim => {
-        // Only add timeline if not already specified
-        if (!anim.timeline) {
-          return {
-            ...anim,
-            timeline: 'scroll()',
-            fillMode: anim.fillMode || 'both'
-          };
-        }
-        return anim;
-      });
-    }
-    return processed;
-  }, [rest, blend, animateOn]);
+  // No useMemo — `rest` is always a new reference from destructuring, so
+  // memo deps would always change. useStableStyleMemo handles the real
+  // memoization via hash-based comparison.
+  const propsToProcess = {
+    ...rest,
+    blend
+  };
+  // Apply view() timeline ONLY if animateOn='View' (not Both or Mount)
+  if (animateOn === 'View' && propsToProcess.animate) {
+    const animations = Array.isArray(propsToProcess.animate) ? propsToProcess.animate : [propsToProcess.animate];
+    propsToProcess.animate = animations.map(anim => {
+      // Only add timeline if not already specified
+      if (!anim.timeline) {
+        return {
+          ...anim,
+          timeline: 'view()',
+          range: anim.range || 'entry',
+          fillMode: anim.fillMode || 'both'
+        };
+      }
+      return anim;
+    });
+  }
+  // Apply scroll() timeline if animateOn='Scroll'
+  if (animateOn === 'Scroll' && propsToProcess.animate) {
+    const animations = Array.isArray(propsToProcess.animate) ? propsToProcess.animate : [propsToProcess.animate];
+    propsToProcess.animate = animations.map(anim => {
+      // Only add timeline if not already specified
+      if (!anim.timeline) {
+        return {
+          ...anim,
+          timeline: 'scroll()',
+          fillMode: anim.fillMode || 'both'
+        };
+      }
+      return anim;
+    });
+  }
   // Use hash-based memoization for style extraction
   const utilityClasses = useStableStyleMemo(propsToProcess, getColor, mediaQueries, devices, manager, theme);
   const newProps = {
@@ -5034,14 +5036,28 @@ const WindowSizeProvider = _ref => {
     width: win?.innerWidth || 0,
     height: win?.innerHeight || 0
   });
+  const timeoutRef = useRef();
   useEffect(() => {
     if (!win) return;
-    const handleResize = () => setSize({
-      width: win.innerWidth,
-      height: win.innerHeight
-    });
+    const handleResize = () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => {
+        const newWidth = win.innerWidth;
+        const newHeight = win.innerHeight;
+        setSize(prev => {
+          if (prev.width === newWidth && prev.height === newHeight) return prev;
+          return {
+            width: newWidth,
+            height: newHeight
+          };
+        });
+      }, 100);
+    };
     win.addEventListener('resize', handleResize);
-    return () => win.removeEventListener('resize', handleResize);
+    return () => {
+      win.removeEventListener('resize', handleResize);
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
   }, [win]);
   return /*#__PURE__*/React.createElement(WindowSizeContext.Provider, {
     value: size
@@ -5074,12 +5090,13 @@ function useActive() {
   return [ref, active];
 }
 
+const DEFAULT_CLICK_OUTSIDE_OPTIONS = {};
 function useClickOutside(options) {
   const [clickedOutside, setClickedOutside] = useState(false);
   const ref = useRef(null);
   const {
     targetWindow
-  } = options || {};
+  } = options || DEFAULT_CLICK_OUTSIDE_OPTIONS;
   useEffect(() => {
     const win = targetWindow || (typeof window !== 'undefined' ? window : null);
     if (!win) return;
@@ -5099,13 +5116,14 @@ function useClickOutside(options) {
   return [ref, clickedOutside];
 }
 
+const DEFAULT_ELEMENT_POSITION_OPTIONS = {};
 /**
  * A React hook to determine an element's relative position within the viewport
  * and where the most available space is around it within the viewport.
  */
 function useElementPosition(options) {
   if (options === void 0) {
-    options = {};
+    options = DEFAULT_ELEMENT_POSITION_OPTIONS;
   }
   const {
     trackChanges = true,
@@ -5277,18 +5295,21 @@ function useKeyPress(targetKey) {
 }
 
 const useMount = callback => {
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
   useEffect(() => {
-    callback();
+    callbackRef.current();
   }, []);
 };
 
+const DEFAULT_ON_SCREEN_OPTIONS = {};
 function useOnScreen(options) {
   const ref = useRef(null);
   const [isOnScreen, setOnScreen] = useState(false);
   const {
     targetWindow,
     ...observerOptions
-  } = options || {};
+  } = options || DEFAULT_ON_SCREEN_OPTIONS;
   useEffect(() => {
     const node = ref.current;
     if (!node) return;
@@ -5307,7 +5328,7 @@ function useOnScreen(options) {
     return () => {
       observer.disconnect();
     };
-  }, [targetWindow, options]);
+  }, [targetWindow, observerOptions.root, observerOptions.rootMargin, observerOptions.threshold]);
   return [ref, isOnScreen];
 }
 
@@ -5332,14 +5353,14 @@ const useBreakpoint = () => {
     devices
   } = context;
   // Helper to check if current screen matches a breakpoint or device
-  const on = s => devices[s] ? devices[s].includes(screen) : s === screen;
-  return {
+  const on = useCallback(s => devices[s] ? devices[s].includes(screen) : s === screen, [devices, screen]);
+  return useMemo(() => ({
     ...context,
     screen,
     orientation,
     on,
     is: on
-  };
+  }), [context, screen, orientation, on]);
 };
 /**
  * Hook for components that need exact window dimensions.
@@ -5370,17 +5391,21 @@ const useResponsive = () => {
     orientation,
     devices
   } = context;
-  const on = s => devices[s] ? devices[s].includes(screen) : s === screen;
-  const result = {
+  const on = useCallback(s => devices[s] ? devices[s].includes(screen) : s === screen, [devices, screen]);
+  return useMemo(() => ({
     ...context,
     screen,
     orientation,
     on,
     is: on
-  };
-  return result;
+  }), [context, screen, orientation, on]);
 };
 
+// Stable default references to prevent unnecessary re-renders
+const DEFAULT_SCROLL_OFFSET = [0, 0];
+const DEFAULT_SCROLL_OPTIONS = {};
+const DEFAULT_SCROLL_ANIMATION_OPTIONS = {};
+const DEFAULT_INFINITE_SCROLL_OPTIONS = {};
 // Helper to check if element is a Window object (works across iframes)
 const isWindow = obj => {
   return obj && obj.window === obj;
@@ -5414,18 +5439,21 @@ const getScrollDimensions = element => {
 const useScroll = function (_temp) {
   let {
     container,
-    offset = [0, 0],
+    offset = DEFAULT_SCROLL_OFFSET,
     throttleMs = 100,
     disabled = false
-  } = _temp === void 0 ? {} : _temp;
+  } = _temp === void 0 ? DEFAULT_SCROLL_OPTIONS : _temp;
   const [scrollPosition, setScrollPosition] = useState({
     x: 0,
     y: 0,
     xProgress: 0,
-    yProgress: 0
+    yProgress: 0,
+    elementY: 0,
+    elementProgress: 0
   });
   const lastUpdateRef = useRef(0);
   const frameRef = useRef();
+  const ticking = useRef(false);
   // Resolve the window/document context. If the container is an iframe element, use its contentWindow.
   const getContext = useCallback(() => {
     const targetEl = container?.current ?? null;
@@ -5446,18 +5474,21 @@ const useScroll = function (_temp) {
       targetDocument
     };
   }, [container]);
-  const handleScroll = useCallback(() => {
-    if (disabled) return;
+  const updateScrollPosition = useCallback(() => {
     const {
       targetEl,
       targetWindow
     } = getContext();
     const hasScrollableElement = targetEl && isElementScrollable(targetEl);
     const scrollTarget = hasScrollableElement ? targetEl : targetWindow || targetEl;
-    if (!scrollTarget) return;
+    if (!scrollTarget) {
+      ticking.current = false;
+      return;
+    }
     const now = Date.now();
+    // Verify throttle constraints inside the RAF to skip frame if needed
     if (throttleMs > 0 && now - lastUpdateRef.current < throttleMs) {
-      frameRef.current = requestAnimationFrame(handleScroll);
+      ticking.current = false;
       return;
     }
     const dimensions = getScrollDimensions(scrollTarget);
@@ -5467,19 +5498,47 @@ const useScroll = function (_temp) {
     const maxScrollY = dimensions.scrollHeight - dimensions.clientHeight;
     const xProgress = maxScrollX <= 0 ? 1 : Math.min(Math.max(x / maxScrollX, 0), 1);
     const yProgress = maxScrollY <= 0 ? 1 : Math.min(Math.max(y / maxScrollY, 0), 1);
+    // Calculate element-specific stats if we are tracking a specific element container
+    // that is NOT the main scroller itself.
+    let elementY = 0;
+    let elementProgress = 0;
+    if (targetEl && targetEl !== scrollTarget) {
+      const rect = targetEl.getBoundingClientRect();
+      elementY = rect.top;
+      const viewportHeight = dimensions.clientHeight;
+      const scrollDistance = rect.height - viewportHeight;
+      if (scrollDistance > 0) {
+        // Calculate progress consistent with sticky scrolling behavior
+        // 0 when hitting top, 1 when finished scrolling
+        const scrolled = -rect.top;
+        elementProgress = Math.max(0, Math.min(1, scrolled / scrollDistance));
+      } else {
+        elementProgress = 0;
+      }
+    }
     setScrollPosition(prev => {
-      if (prev.x !== x || prev.y !== y || prev.xProgress !== xProgress || prev.yProgress !== yProgress) {
+      if (prev.elementProgress !== elementProgress || prev.y !== y || prev.x !== x || prev.yProgress !== yProgress) {
         lastUpdateRef.current = now;
         return {
           x,
           y,
           xProgress,
-          yProgress
+          yProgress,
+          elementY,
+          elementProgress
         };
       }
       return prev;
     });
-  }, [offset, throttleMs, disabled, getContext]);
+    ticking.current = false;
+  }, [offset, throttleMs, getContext]);
+  const handleScroll = useCallback(() => {
+    if (disabled) return;
+    if (!ticking.current) {
+      frameRef.current = requestAnimationFrame(updateScrollPosition);
+      ticking.current = true;
+    }
+  }, [disabled, updateScrollPosition]);
   useEffect(() => {
     if (disabled) return;
     const {
@@ -5491,7 +5550,7 @@ const useScroll = function (_temp) {
     const scrollTarget = hasScrollableElement ? targetEl : targetWindow || targetEl;
     if (!scrollTarget) return;
     // Initial scroll position
-    handleScroll();
+    updateScrollPosition();
     const options = {
       passive: true
     };
@@ -5514,14 +5573,15 @@ const useScroll = function (_temp) {
       if (frameRef.current) {
         cancelAnimationFrame(frameRef.current);
       }
+      ticking.current = false;
     };
-  }, [handleScroll, disabled, getContext]);
+  }, [handleScroll, disabled, getContext, updateScrollPosition]);
   return scrollPosition;
 };
 // Enhanced useScrollAnimation with callback support and iframe support
 const useScrollAnimation = function (ref, options) {
   if (options === void 0) {
-    options = {};
+    options = DEFAULT_SCROLL_ANIMATION_OPTIONS;
   }
   const [isInView, setIsInView] = useState(false);
   const [progress, setProgress] = useState(0);
@@ -5589,7 +5649,7 @@ const useSmoothScroll = targetWindow => {
 // Enhanced useInfiniteScroll with debouncing
 const useInfiniteScroll = function (callback, options) {
   if (options === void 0) {
-    options = {};
+    options = DEFAULT_INFINITE_SCROLL_OPTIONS;
   }
   const [sentinel, setSentinel] = useState(null);
   const callbackRef = useRef(callback);
@@ -5684,12 +5744,13 @@ const useScrollDirection = function (threshold, targetWindow) {
 
 const useWindowSize = () => useContext(WindowSizeContext);
 
+const DEFAULT_IN_VIEW_OPTIONS = {};
 function useInView(options) {
   const {
     triggerOnce = false,
     targetWindow,
     ...observerOptions
-  } = options || {};
+  } = options || DEFAULT_IN_VIEW_OPTIONS;
   const ref = useRef(null);
   const [inView, setInView] = useState(false);
   useEffect(() => {
@@ -5719,7 +5780,7 @@ function useInView(options) {
     return () => {
       observer.disconnect();
     };
-  }, [triggerOnce, targetWindow, ...Object.values(observerOptions || {})]);
+  }, [triggerOnce, targetWindow, observerOptions.root, observerOptions.rootMargin, observerOptions.threshold]);
   return {
     ref,
     inView
@@ -5804,7 +5865,7 @@ function useIframe(iframeRef) {
     if (!iframe) return;
     const updateState = () => {
       const win = iframe.contentWindow;
-      const doc = iframe.contentDocument || win?.document;
+      const doc = win?.document || iframe.contentDocument;
       if (win && doc) {
         setIframeWindow(win);
         setIframeDocument(doc);

package/dist/app-studio.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-studio.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"app-studio.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}