canvasengine 2.0.0-beta.39 → 2.0.0-beta.40

package/src/engine/reactive.ts

@@ -1,4 +1,5 @@
 import { ArrayChange, ObjectChange, Signal, WritableArraySignal, WritableObjectSignal, isComputed, isSignal, signal, computed } from "@signe/reactive";
+import { isAnimatedSignal, AnimatedSignal } from "./animation";
 import {
   Observable,
   Subject,
@@ -46,6 +47,7 @@ export interface Element<T = ComponentInstance> {
   };
   destroy: () => void;
   allElements: Subject<void>;
+  isFrozen: boolean;
 }
 
 type FlowResult = {
@@ -82,6 +84,66 @@ export function registerComponent(name, component) {
   components[name] = component;
 }
 
+/**
+ * Checks if an element is currently frozen.
+ * An element is frozen when the `freeze` prop is set to `true` (either as a boolean or Signal<boolean>),
+ * or when any of its parent elements are frozen (recursive freeze propagation).
+ * 
+ * @param element - The element to check
+ * @returns `true` if the element is frozen, `false` otherwise
+ */
+export function isElementFrozen(element: Element): boolean {
+  if (!element) return false;
+  
+  // Check if this element itself is frozen
+  const freezeProp = element.propObservables?.freeze ?? element.props?.freeze;
+  
+  if (freezeProp !== undefined && freezeProp !== null) {
+    // Handle Signal<boolean>
+    if (isSignal(freezeProp)) {
+      if (freezeProp() === true) {
+        return true;
+      }
+    } else if (freezeProp === true) {
+      // Handle direct boolean
+      return true;
+    }
+  }
+  
+  // Check if any parent is frozen (recursive check)
+  if (element.parent) {
+    return isElementFrozen(element.parent);
+  }
+  
+  return false;
+}
+
+/**
+ * Pauses or resumes all animatedSignals in an element based on freeze state.
+ * 
+ * @param element - The element containing animatedSignals
+ * @param shouldPause - Whether to pause (true) or resume (false) animations
+ */
+function handleAnimatedSignalsFreeze(element: Element, shouldPause: boolean) {
+  if (!element.propObservables) return;
+  
+  const processValue = (value: any) => {
+    if (isSignal(value) && isAnimatedSignal(value as any)) {
+      const animatedSig = value as unknown as AnimatedSignal<any>;
+      if (shouldPause) {
+        animatedSig.pause();
+      } else {
+        animatedSig.resume();
+      }
+    } else if (isObject(value) && !isElement(value)) {
+      // Recursively process nested objects
+      Object.values(value).forEach(processValue);
+    }
+  };
+  
+  Object.values(element.propObservables).forEach(processValue);
+}
+
 function destroyElement(element: Element | Element[]) {
   if (Array.isArray(element)) {
     element.forEach((e) => destroyElement(e));
@@ -150,6 +212,7 @@ export function createComponent(tag: string, props?: Props): Element {
       destroyElement(this);
     },
     allElements: new Subject(),
+    isFrozen: false,
   };
 
   // Iterate over each property in the props object
@@ -168,27 +231,78 @@ export function createComponent(tag: string, props?: Props): Element {
           const _value = value as Signal<any>;
           if ("dependencies" in _value && _value.dependencies.size == 0) {
             _set(path, key, _value());
+            // Handle freeze prop initialization
+            if (key === "freeze") {
+              element.isFrozen = _value() === true;
+            }
+            return;
+          }
+          
+          // Handle freeze prop as signal
+          if (key === "freeze") {
+            element.isFrozen = _value() === true;
+            
+            // Pause/resume animatedSignals based on initial freeze state
+            handleAnimatedSignalsFreeze(element, element.isFrozen);
+            
+            element.propSubscriptions.push(
+              _value.observable.subscribe((freezeValue) => {
+                const wasFrozen = element.isFrozen;
+                element.isFrozen = freezeValue === true;
+                
+                // Handle animatedSignal pause/resume when freeze state changes
+                if (wasFrozen !== element.isFrozen) {
+                  handleAnimatedSignalsFreeze(element, element.isFrozen);
+                }
+              })
+            );
             return;
           }
+          
           element.propSubscriptions.push(
             _value.observable.subscribe((value) => {
+              // Block updates if element is frozen
+              if (isElementFrozen(element)) {
+                // Pause animatedSignal if it's an animated signal
+                if (isAnimatedSignal(_value as any)) {
+                  (_value as unknown as AnimatedSignal<any>).pause();
+                }
+                return;
+              }
+              
+              // Resume animatedSignal if it was paused
+              if (isAnimatedSignal(_value as any)) {
+                (_value as unknown as AnimatedSignal<any>).resume();
+              }
+              
               _set(path, key, value);
               if (element.directives[key]) {
                 element.directives[key].onUpdate?.(value, element);
               }
               if (key == "tick") {
+                // Block tick updates if element is frozen
+                if (isElementFrozen(element)) {
+                  return;
+                }
                 return
               }
               instance.onUpdate?.(
                 path == ""
                   ? {
-                    [key]: value,
-                  }
+                      [key]: value,
+                    }
                   : set({}, path + "." + key, value)
               );
             })
           );
         } else {
+          // Handle freeze prop as direct boolean
+          if (key === "freeze") {
+            element.isFrozen = value === true;
+            
+            // Pause/resume animatedSignals based on freeze state
+            handleAnimatedSignalsFreeze(element, element.isFrozen);
+          }
           if (isObject(value) && key != "context" && !isElement(value)) {
             recursiveProps(value, (path ? path + "." : "") + key);
           } else {
@@ -308,6 +422,11 @@ export function createComponent(tag: string, props?: Props): Element {
 
     element.props.context = actualParent.props.context;
     element.parent = actualParent;
+    
+    // Inherit freeze state from parent if element doesn't have its own freeze prop
+    if (!element.propObservables?.freeze && !element.props?.freeze && isElementFrozen(actualParent)) {
+      element.isFrozen = true;
+    }
 
     // Check dependencies before mounting
     if (element.props.dependencies && Array.isArray(element.props.dependencies)) {
@@ -514,7 +633,8 @@ export function loop<T>(
         parent: null,
         directives: {},
         destroy() { destroyElement(this) },
-        allElements: new Subject()
+        allElements: new Subject(),
+        isFrozen: false
       };
     }
 

package/src/engine/signal.ts

@@ -3,6 +3,7 @@ import {
   Subscription
 } from "rxjs";
 import type { Element } from "./reactive";
+import { isElementFrozen } from "./reactive";
 import { Tick } from "../directives/Scheduler";
 import { Container } from "../components";
 
@@ -55,6 +56,10 @@ export function tick(fn: (tickValue: Tick, element: Element) => void) {
     let subscription: Subscription | undefined
     if (context.tick) {
       subscription = context.tick.observable.subscribe(({ value }) => {
+        // Block tick if element is frozen
+        if (isElementFrozen(el)) {
+          return;
+        }
         fn(value, el)
       })
     }

package/src/engine/trigger.ts

@@ -84,13 +84,30 @@ export function on(triggerSignal: any, callback: (config: any) => void | Promise
   if (!isTrigger(triggerSignal)) {
     throw new Error("In 'on(arg)' must have a trigger signal type");
   }
+  let lastValue: number | undefined;
+
   effect(() => {
     const result = triggerSignal.listen();
-    if (result?.seed.value) {
+    const seed = result?.seed;
+    if (!seed) return;
+
+    // Only run callback when the trigger value actually changes
+    if (lastValue === undefined) {
+      lastValue = seed.value;
+      return;
+    }
+    if (seed.value === lastValue) return;
+    lastValue = seed.value;
+
+    try {
       const ret = callback(result?.seed.config);
       if (ret && typeof ret.then === 'function') {
-        ret.then(result?.seed.resolve);
+        ret.then((value: any) => seed.resolve(value)).catch(() => seed.resolve(undefined));
+      } else {
+        seed.resolve(ret);
       }
+    } catch (err) {
+      seed.resolve(undefined);
     }
   });
 }

package/dist/components/Container.d.ts

@@ -1,84 +0,0 @@
-import { ComponentFunction } from '../engine/signal';
-import { DisplayObjectProps } from './types/DisplayObject';
-
-interface ContainerProps extends DisplayObjectProps {
-    sortableChildren?: boolean;
-}
-declare const CanvasContainer_base: {
-    new (): {
-        [x: string]: any;
-        "__#1@#canvasContext": {
-            [key: string]: any;
-        } | null;
-        isFlex: boolean;
-        fullProps: import('..').Props;
-        isMounted: boolean;
-        _anchorPoints: import('pixi.js').ObservablePoint;
-        isCustomAnchor: boolean;
-        displayWidth: import('@signe/reactive').WritableSignal<number>;
-        displayHeight: import('@signe/reactive').WritableSignal<number>;
-        overrideProps: string[];
-        layout: any;
-        onBeforeDestroy: import('./DisplayObject').OnHook | null;
-        onAfterMount: import('./DisplayObject').OnHook | null;
-        subjectInit: import('rxjs').BehaviorSubject<any>;
-        disableLayout: boolean;
-        "__#1@#registeredEvents": Map<string, Function>;
-        "__#1@#computedLayoutBox": {
-            width?: number;
-            height?: number;
-        } | null;
-        readonly deltaRatio: any;
-        readonly parentIsFlex: any;
-        onInit(props: import('..').Props): void;
-        onMount({ parent, props }: import('..').Element</*elided*/ any>, index?: number): Promise<void>;
-        onUpdate(props: import('..').Props): void;
-        onDestroy(parent: import('..').Element, afterDestroy?: () => void): Promise<void>;
-        setFlexDirection(direction: import('./types/DisplayObject').FlexDirection): void;
-        setFlexWrap(wrap: "wrap" | "nowrap" | "wrap-reverse"): void;
-        setAlignContent(align: import('./types/DisplayObject').AlignContent): void;
-        setAlignSelf(align: import('./types/DisplayObject').AlignContent): void;
-        setAlignItems(align: import('./types/DisplayObject').AlignContent): void;
-        setJustifyContent(justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around"): void;
-        setPosition(position: import('./types/DisplayObject').EdgeSize): void;
-        setX(x: number): void;
-        setY(y: number): void;
-        setPadding(padding: import('./types/DisplayObject').EdgeSize): void;
-        setMargin(margin: import('./types/DisplayObject').EdgeSize): void;
-        setGap(gap: import('./types/DisplayObject').EdgeSize): void;
-        setBorder(border: import('./types/DisplayObject').EdgeSize): void;
-        setPositionType(positionType: "relative" | "absolute"): void;
-        setWidth(width: number): void;
-        setHeight(height: number): void;
-        getWidth(): number;
-        getHeight(): number;
-        setMinWidth(minWidth: number | string): void;
-        setMinHeight(minHeight: number | string): void;
-        setMaxWidth(maxWidth: number | string): void;
-        setMaxHeight(maxHeight: number | string): void;
-        setAspectRatio(aspectRatio: number): void;
-        setFlexGrow(flexGrow: number): void;
-        setFlexShrink(flexShrink: number): void;
-        setFlexBasis(flexBasis: number | string): void;
-        setRowGap(rowGap: number): void;
-        setColumnGap(columnGap: number): void;
-        setTop(top: number | string): void;
-        setLeft(left: number | string): void;
-        setRight(right: number | string): void;
-        setBottom(bottom: number | string): void;
-        setObjectFit(objectFit: import('./types/DisplayObject').ObjectFit): void;
-        setObjectPosition(objectPosition: import('./types/DisplayObject').ObjectPosition): void;
-        setTransformOrigin(transformOrigin: import('./types/DisplayObject').TransformOrigin): void;
-    };
-    [x: string]: any;
-};
-export declare class CanvasContainer extends CanvasContainer_base {
-    isCustomAnchor: boolean;
-    onUpdate(props: any): void;
-    onMount(args: any): Promise<void>;
-}
-export interface CanvasContainer extends DisplayObjectProps {
-}
-export declare const Container: ComponentFunction<ContainerProps>;
-export {};
-//# sourceMappingURL=Container.d.ts.map

package/dist/components/Container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/components/Container.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,UAAU,cAAe,SAAQ,kBAAkB;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;;;;;;;;;;;;;;;;;;;;;;iBAqDqgC,CAAC;kBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnDxhC,qBAAa,eAAgB,SAAQ,oBAA4B;IAC/D,cAAc,UAAQ;IAEtB,QAAQ,CAAC,KAAK,KAAA;IAaR,OAAO,CAAC,IAAI,KAAA;CA0BnB;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;CAAG;AAI9D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAEvD,CAAC"}

package/dist/components/DOMContainer.d.ts

@@ -1,81 +0,0 @@
-import { Element } from '../engine/reactive';
-import { ComponentFunction } from '../engine/signal';
-import { DisplayObjectProps } from './types/DisplayObject';
-
-declare const CanvasDOMContainer_base: {
-    new (): {
-        [x: string]: any;
-        "__#1@#canvasContext": {
-            [key: string]: any;
-        } | null;
-        isFlex: boolean;
-        fullProps: import('..').Props;
-        isMounted: boolean;
-        _anchorPoints: import('pixi.js').ObservablePoint;
-        isCustomAnchor: boolean;
-        displayWidth: import('@signe/reactive').WritableSignal<number>;
-        displayHeight: import('@signe/reactive').WritableSignal<number>;
-        overrideProps: string[];
-        layout: any;
-        onBeforeDestroy: import('./DisplayObject').OnHook | null;
-        onAfterMount: import('./DisplayObject').OnHook | null;
-        subjectInit: import('rxjs').BehaviorSubject<any>;
-        disableLayout: boolean;
-        "__#1@#registeredEvents": Map<string, Function>;
-        "__#1@#computedLayoutBox": {
-            width?: number;
-            height?: number;
-        } | null;
-        readonly deltaRatio: any;
-        readonly parentIsFlex: any;
-        onInit(props: import('..').Props): void;
-        onMount({ parent, props }: Element</*elided*/ any>, index?: number): Promise<void>;
-        onUpdate(props: import('..').Props): void;
-        onDestroy(parent: Element, afterDestroy?: () => void): Promise<void>;
-        setFlexDirection(direction: import('./types/DisplayObject').FlexDirection): void;
-        setFlexWrap(wrap: "wrap" | "nowrap" | "wrap-reverse"): void;
-        setAlignContent(align: import('./types/DisplayObject').AlignContent): void;
-        setAlignSelf(align: import('./types/DisplayObject').AlignContent): void;
-        setAlignItems(align: import('./types/DisplayObject').AlignContent): void;
-        setJustifyContent(justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around"): void;
-        setPosition(position: import('./types/DisplayObject').EdgeSize): void;
-        setX(x: number): void;
-        setY(y: number): void;
-        setPadding(padding: import('./types/DisplayObject').EdgeSize): void;
-        setMargin(margin: import('./types/DisplayObject').EdgeSize): void;
-        setGap(gap: import('./types/DisplayObject').EdgeSize): void;
-        setBorder(border: import('./types/DisplayObject').EdgeSize): void;
-        setPositionType(positionType: "relative" | "absolute"): void;
-        setWidth(width: number): void;
-        setHeight(height: number): void;
-        getWidth(): number;
-        getHeight(): number;
-        setMinWidth(minWidth: number | string): void;
-        setMinHeight(minHeight: number | string): void;
-        setMaxWidth(maxWidth: number | string): void;
-        setMaxHeight(maxHeight: number | string): void;
-        setAspectRatio(aspectRatio: number): void;
-        setFlexGrow(flexGrow: number): void;
-        setFlexShrink(flexShrink: number): void;
-        setFlexBasis(flexBasis: number | string): void;
-        setRowGap(rowGap: number): void;
-        setColumnGap(columnGap: number): void;
-        setTop(top: number | string): void;
-        setLeft(left: number | string): void;
-        setRight(right: number | string): void;
-        setBottom(bottom: number | string): void;
-        setObjectFit(objectFit: import('./types/DisplayObject').ObjectFit): void;
-        setObjectPosition(objectPosition: import('./types/DisplayObject').ObjectPosition): void;
-        setTransformOrigin(transformOrigin: import('./types/DisplayObject').TransformOrigin): void;
-    };
-    [x: string]: any;
-};
-export declare class CanvasDOMContainer extends CanvasDOMContainer_base {
-    disableLayout: boolean;
-    onInit(props: any): void;
-}
-export interface CanvasDOMContainer extends DisplayObjectProps {
-}
-export declare const DOMContainer: ComponentFunction<any>;
-export {};
-//# sourceMappingURL=DOMContainer.d.ts.map

package/dist/components/DOMContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DOMContainer.d.ts","sourceRoot":"","sources":["../../src/components/DOMContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EAER,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,iBAAiB,EAAK,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;iBAiHlC,CAAC;kBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAd3C,qBAAa,kBAAmB,SAAQ,uBAA+B;IACrE,aAAa,UAAQ;IAErB,MAAM,CAAC,KAAK,EAAE,GAAG;CAIlB;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;CAAG;AAIjE,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,GAAG,CAE/C,CAAC"}

package/dist/components/DisplayObject.d.ts

@@ -1,86 +0,0 @@
-import { Element, Props } from '../engine/reactive';
-import { AlignContent, EdgeSize, FlexDirection, ObjectFit, ObjectPosition, TransformOrigin } from './types/DisplayObject';
-import { ObservablePoint } from 'pixi.js';
-import { BehaviorSubject } from 'rxjs';
-
-export interface ComponentInstance extends PixiMixins.ContainerOptions {
-    id?: string;
-    children?: ComponentInstance[];
-    onInit?(props: Props): void;
-    onUpdate?(props: Props): void;
-    onDestroy?(parent: Element, afterDestroy: () => void): void;
-    onMount?(context: Element, index?: number): void;
-    setWidth(width: number): void;
-    setHeight(height: number): void;
-}
-export declare const EVENTS: string[];
-export type OnHook = (() => void) | (() => Promise<void> | void);
-export declare function DisplayObject(extendClass: any): {
-    new (): {
-        [x: string]: any;
-        "__#1@#canvasContext": {
-            [key: string]: any;
-        } | null;
-        isFlex: boolean;
-        fullProps: Props;
-        isMounted: boolean;
-        _anchorPoints: ObservablePoint;
-        isCustomAnchor: boolean;
-        displayWidth: import('@signe/reactive').WritableSignal<number>;
-        displayHeight: import('@signe/reactive').WritableSignal<number>;
-        overrideProps: string[];
-        layout: any;
-        onBeforeDestroy: OnHook | null;
-        onAfterMount: OnHook | null;
-        subjectInit: BehaviorSubject<any>;
-        disableLayout: boolean;
-        "__#1@#registeredEvents": Map<string, Function>;
-        "__#1@#computedLayoutBox": {
-            width?: number;
-            height?: number;
-        } | null;
-        readonly deltaRatio: any;
-        readonly parentIsFlex: any;
-        onInit(props: Props): void;
-        onMount({ parent, props }: Element</*elided*/ any>, index?: number): Promise<void>;
-        onUpdate(props: Props): void;
-        onDestroy(parent: Element, afterDestroy?: () => void): Promise<void>;
-        setFlexDirection(direction: FlexDirection): void;
-        setFlexWrap(wrap: "wrap" | "nowrap" | "wrap-reverse"): void;
-        setAlignContent(align: AlignContent): void;
-        setAlignSelf(align: AlignContent): void;
-        setAlignItems(align: AlignContent): void;
-        setJustifyContent(justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around"): void;
-        setPosition(position: EdgeSize): void;
-        setX(x: number): void;
-        setY(y: number): void;
-        setPadding(padding: EdgeSize): void;
-        setMargin(margin: EdgeSize): void;
-        setGap(gap: EdgeSize): void;
-        setBorder(border: EdgeSize): void;
-        setPositionType(positionType: "relative" | "absolute"): void;
-        setWidth(width: number): void;
-        setHeight(height: number): void;
-        getWidth(): number;
-        getHeight(): number;
-        setMinWidth(minWidth: number | string): void;
-        setMinHeight(minHeight: number | string): void;
-        setMaxWidth(maxWidth: number | string): void;
-        setMaxHeight(maxHeight: number | string): void;
-        setAspectRatio(aspectRatio: number): void;
-        setFlexGrow(flexGrow: number): void;
-        setFlexShrink(flexShrink: number): void;
-        setFlexBasis(flexBasis: number | string): void;
-        setRowGap(rowGap: number): void;
-        setColumnGap(columnGap: number): void;
-        setTop(top: number | string): void;
-        setLeft(left: number | string): void;
-        setRight(right: number | string): void;
-        setBottom(bottom: number | string): void;
-        setObjectFit(objectFit: ObjectFit): void;
-        setObjectPosition(objectPosition: ObjectPosition): void;
-        setTransformOrigin(transformOrigin: TransformOrigin): void;
-    };
-    [x: string]: any;
-};
-//# sourceMappingURL=DisplayObject.d.ts.map

package/dist/components/DisplayObject.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisplayObject.d.ts","sourceRoot":"","sources":["../../src/components/DisplayObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,KAAK,EACV,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAGtD,OAAO,EAAE,eAAe,EAAmB,MAAM,MAAM,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,UAAU,CAAC,gBAAgB;IACpE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC5D,OAAO,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,UAqElB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;AAEjE,wBAAgB,aAAa,CAAC,WAAW,KAAA;;;+BAErB;YACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;SACpB,GAAG,IAAI;gBACA,OAAO;mBACJ,KAAK;mBACL,OAAO;;wBAEF,OAAO;;;uBAGR,MAAM,EAAE;;yBAEN,MAAM,GAAG,IAAI;sBAChB,MAAM,GAAG,IAAI;;uBAEZ,OAAO;kCAEH,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;mCAEpB;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;;;sBAWhD,KAAK;mCAyCc,OAAO,gBAAe,UAAU,MAAM;wBAsCvD,KAAK;0BAqGG,OAAO,iBAAiB,MAAM,IAAI;oCAc9B,aAAa;0BAIvB,MAAM,GAAG,QAAQ,GAAG,cAAc;+BAI7B,YAAY;4BAIf,YAAY;6BAIX,YAAY;0CAM3B,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc;8BAKE,QAAQ;gBAoBtB,MAAM;gBAUN,MAAM;4BAUM,QAAQ;0BAoBV,QAAQ;oBAoBd,QAAQ;0BAIF,QAAQ;sCAoBI,UAAU,GAAG,UAAU;wBAIrC,MAAM;0BASJ,MAAM;oBASZ,MAAM;qBAgBL,MAAM;8BAiBG,MAAM,GAAG,MAAM;gCAIb,MAAM,GAAG,MAAM;8BAIjB,MAAM,GAAG,MAAM;gCAIb,MAAM,GAAG,MAAM;oCAKX,MAAM;8BAKZ,MAAM;kCAIF,MAAM;gCAIR,MAAM,GAAG,MAAM;0BAKrB,MAAM;gCAIA,MAAM;oBAKlB,MAAM,GAAG,MAAM;sBAIb,MAAM,GAAG,MAAM;wBAIb,MAAM,GAAG,MAAM;0BAIb,MAAM,GAAG,MAAM;gCAKT,SAAS;0CAIC,cAAc;4CAIZ,eAAe;;;EAItD"}