@safe-engine/pixi 8.1.4 → 8.2.3

package/README.md

@@ -1,4 +1,10 @@
 # Guide
-- components must be in `tsx` extension
-- `$ref` bind with current class property as string
-- every property start with `$` will reference to current class property as string
+- all components must be extends from `ComponentX` or `NoRenderComponentX`
+- `NoRenderComponentX` will append to component of parent node have `ComponentX`, `ComponentX` will be `addChild` to parent node
+- `node` property represent node, and can pass properties to assign
+- example ```<SpriteRender node={{ x: 5, y: 9 }} />```
+- `$ref` bind component with current class property as string
+- `$push` push component to list
+- `Array(2).map(_, i)` iteration repeat component 2 times
+- `Loading.listItems.map(item, i)` iteration in static property
+- `listItems.map(item, i)` iteration in const variable

package/dist/@types/index.d.ts

@@ -0,0 +1,2 @@
+type Float = number
+type Integer = number

package/dist/@types/safex.d.ts

@@ -0,0 +1,168 @@
+import { ButtonComp, Collider, NodeComp, Point, TouchEventCallback, Vec2 } from "..";
+import { Color4B } from "../core/Color";
+
+interface BaseComponentProps {
+  $ref?: object;
+  $push?: object[];
+  node?: Partial<NodeComp>;
+}
+
+interface NodeCompProps {
+  nodeName?: string
+}
+
+interface SpriteRenderProps {
+  spriteFrame: string
+}
+
+interface GraphicsRenderProps {
+  lineWidth?: number
+  strokeColor?: Color4B
+  fillColor?: Color4B
+}
+
+interface MaskRenderProps {
+  type?: number
+  segments?: number
+  inverted?: boolean
+}
+
+interface ProgressTimerProps {
+  spriteFrame: string
+  fillType?: number
+  fillRange?: number
+  fillCenter?: Point
+  isReverse?: boolean
+}
+
+interface LoadingBarProps {
+}
+
+interface LabelCompProps {
+  font?: string
+  string?: string
+  size?: number
+}
+
+interface ScrollViewProps {
+  width: number
+  height: number
+}
+
+interface LabelOutlineCompProps {
+  color: Color4B
+  width: number
+}
+
+interface LabelShadowCompProps {
+  color: Color4B
+  blur: number
+  offset: Point
+}
+
+interface ColliderProps {
+  offset?: Point
+  tag?: number
+  enabled?: boolean
+  onCollisionEnter?: (other: Collider) => void
+  onCollisionExit?: (other: Collider) => void
+  onCollisionStay?: (other: Collider) => void
+}
+
+interface BoxColliderProps extends ColliderProps {
+  width: number
+  height: number
+}
+
+interface CircleColliderProps extends ColliderProps {
+  radius: number
+}
+
+interface PolygonColliderProps extends ColliderProps {
+  points: Array<Point>
+}
+
+interface SpineData {
+  atlas: string
+  skeleton: string
+  texture?: string
+}
+interface SpineSkeletonProps {
+  data: SpineData
+  skin?: string
+  animation?: string
+  timeScale?: number
+  loop?: boolean
+}
+interface DragonBonesData {
+  atlas: string
+  skeleton: string
+  texture: string
+}
+interface DragonBonesProps {
+  data: DragonBonesData
+  skin?: string
+  animation?: string
+  playTimes?: number
+  timeScale?: number
+  onAnimationStart?: (event: { name: string }) => void
+  onAnimationEnd?: (event: { name: string }) => void
+  onAnimationComplete?: (event: { name: string }) => void
+}
+
+interface ExtraDataProps {
+  key: string
+  value: any
+}
+
+interface ButtonCompProps {
+  normalImage?: string
+  selectedImage?: string
+  disableImage?: string
+  zoomScale?: number
+  onPress: (target: ButtonComp) => void
+}
+
+interface TouchEventProps {
+  onTouchStart?: TouchEventCallback
+  onTouchMove?: TouchEventCallback
+  onTouchEnd?: TouchEventCallback
+  onTouchCancel?: TouchEventCallback
+}
+
+export type BodyType = 'kinematic' | 'dynamic' | 'static'
+interface RigidBodyProps {
+  type?: BodyType
+  density?: Float
+  restitution?: Float
+  friction?: Float
+  gravityScale?: Float
+}
+
+interface PhysicsMaterialProps {
+  friction?: number
+  restitution?: number
+  density?: number
+}
+
+interface ColliderPhysicsProps {
+  tag?: number
+  group?: number
+  offset?: Vec2
+  onCollisionEnter?: (other: Collider) => void
+  onCollisionExit?: (other: Collider) => void
+  onCollisionStay?: (other: Collider) => void
+}
+
+interface BoxColliderPhysicsProps extends ColliderPhysicsProps {
+  width: number
+  height: number
+}
+
+interface CircleColliderPhysicsProps extends ColliderPhysicsProps {
+  radius: number
+}
+
+interface PolygonColliderPhysicsProps extends ColliderPhysicsProps {
+  points: Array<Vec2>
+}

package/dist/app.d.ts

@@ -1,4 +1,3 @@
-import { Constructor, System } from 'entityx-ts';
 import { Application } from 'pixi.js';
 export declare const app: Application<import("pixi.js").Renderer>;
 export declare function addGameCanvasTo(id?: string): Promise<void>;
@@ -6,5 +5,5 @@ export declare function setupResolution(designedResolution?: {
     width: number;
     height: number;
 }): void;
-export declare function startGameWithSystems(systemsList: Constructor<System>[]): void;
+export declare function startGameSystems(): void;
 //# sourceMappingURL=app.d.ts.map

package/dist/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,eAAO,MAAM,GAAG,yCAAoB,CAAA;AAEpC,wBAAsB,eAAe,CAAC,EAAE,SAAS,iBAehD;AAED,wBAAgB,eAAe,CAAC,kBAAkB;;;CAA+B,QAKhF;AAYD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,QAWtE"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAUrC,eAAO,MAAM,GAAG,yCAAoB,CAAA;AAEpC,wBAAsB,eAAe,CAAC,EAAE,SAAS,iBAehD;AAED,wBAAgB,eAAe,CAAC,kBAAkB;;;CAA+B,QAKhF;AAaD,wBAAgB,gBAAgB,SAU/B"}

package/dist/app.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,18 +7,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.app = void 0;
-exports.addGameCanvasTo = addGameCanvasTo;
-exports.setupResolution = setupResolution;
-exports.startGameWithSystems = startGameWithSystems;
-const core_1 = require("@safe-engine/core");
-const pixi_js_1 = require("pixi.js");
-const pixi_action_ease_1 = require("pixi-action-ease");
-exports.app = new pixi_js_1.Application();
-function addGameCanvasTo() {
+import { actionManager } from 'pixi-action-ease';
+import { Application } from 'pixi.js';
+import { GameWorld } from './base';
+import { CollideSystem } from './collider';
+import { DragonBonesSystem } from './dragonbones';
+import { GUISystem } from './gui/GUISystem';
+import { NoRenderSystem } from './norender/NoRenderSystem';
+import { PhysicsSystem } from './planck';
+import { RenderSystem } from './render/RenderSystem';
+import { SpineSystem } from './spine';
+export const app = new Application();
+export function addGameCanvasTo() {
     return __awaiter(this, arguments, void 0, function* (id = 'game') {
-        yield exports.app.init({
+        yield app.init({
             antialias: true,
             resolution: window.devicePixelRatio,
             resizeTo: window,
@@ -35,30 +36,30 @@ function addGameCanvasTo() {
         // GameWorld.Instance.setup(NodeComp, app.stage)
     });
 }
-function setupResolution(designedResolution = { width: 720, height: 1280 }) {
+export function setupResolution(designedResolution = { width: 720, height: 1280 }) {
     const { width, height } = designedResolution;
-    exports.app.renderer.resize(width, height);
+    app.renderer.resize(width, height);
     // app.stage.position.y = app.renderer.height / app.renderer.resolution
     // app.stage.scale.y = -1
 }
 function startGameLoop(world) {
     // Listen for frame updates
-    exports.app.ticker.add(() => {
-        const dt = exports.app.ticker.deltaMS * 0.001;
-        pixi_action_ease_1.actionManager.update(dt);
+    app.ticker.add(() => {
+        const dt = app.ticker.deltaMS * 0.001;
+        actionManager.update(dt);
         world.update(dt);
     });
     // app.ticker.speed = 0.5
 }
-function startGameWithSystems(systemsList) {
-    const world = core_1.GameWorld.Instance;
+const systemsList = [RenderSystem, GUISystem, SpineSystem, DragonBonesSystem, CollideSystem, PhysicsSystem, NoRenderSystem];
+export function startGameSystems() {
+    const world = GameWorld.Instance;
     systemsList.forEach(system => {
         world.systems.add(system);
-        const sys = world.systemsMap[system.name];
-        if (sys.update) {
-            world.listUpdate.push(system);
-        }
+        world.systems.configureOnce(system);
     });
-    world.systems.configure();
+    world.listUpdate.push(CollideSystem);
+    world.listUpdate.push(PhysicsSystem);
     startGameLoop(world);
+    // console.log('startGameLoop', world.listUpdate)
 }

package/dist/base/EnhancedComponent.d.ts

@@ -0,0 +1,25 @@
+import { Constructor, Entity } from 'entityx-ts';
+import { BaseComponentProps } from '../@types/safex';
+export interface BaseNode<C> {
+    active: boolean;
+    entity: Entity;
+    instance: C;
+    addComponent<T extends EnhancedComponent>(instance: T): T;
+    getComponent<T extends ComponentType>(component: Constructor<T>): T;
+    getComponentsInChildren<T extends ComponentType>(component: Constructor<T>): T[];
+    getComponentInChildren<T extends ComponentType>(component: Constructor<T>): T;
+}
+export declare class EnhancedComponent<Props = Object, N extends BaseNode<any> = BaseNode<any>> {
+    constructor(data?: BaseComponentProps & Props);
+    node: N;
+    actionsMap: {
+        [key: string]: Animation;
+    };
+    addComponent<T extends EnhancedComponent>(instance: any): T;
+    getComponent<T extends ComponentType>(component: Constructor<T>): T;
+    getComponentsInChildren<T extends ComponentType>(component: Constructor<T>): T[];
+    getComponentInChildren<T extends ComponentType>(component: Constructor<T>): T;
+    isEqual(other: EnhancedComponent): boolean;
+}
+export type ComponentType = EnhancedComponent | BaseNode<any>;
+//# sourceMappingURL=EnhancedComponent.d.ts.map

package/dist/base/EnhancedComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedComponent.d.ts","sourceRoot":"","sources":["../../src/base/EnhancedComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEpD,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,CAAA;IACX,YAAY,CAAC,CAAC,SAAS,iBAAiB,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAA;IACzD,YAAY,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IACnE,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAA;IAChF,sBAAsB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;CAE9E;AAED,qBAAa,iBAAiB,CAAC,KAAK,GAAG,MAAM,EAAE,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC;gBACxE,IAAI,CAAC,EAAE,kBAAkB,GAAG,KAAK;IAQ7C,IAAI,EAAE,CAAC,CAAA;IACP,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAK;IAC7C,YAAY,CAAC,CAAC,SAAS,iBAAiB,EAAE,QAAQ,KAAA,GAAG,CAAC;IAGtD,YAAY,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;IAGnE,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;IAGhF,sBAAsB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;IAG7E,OAAO,CAAC,KAAK,EAAE,iBAAiB;CAGjC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA"}

package/dist/base/EnhancedComponent.js

@@ -0,0 +1,26 @@
+export class EnhancedComponent {
+    constructor(data) {
+        this.actionsMap = {};
+        if (data) {
+            // console.log('constructor', this.constructor.name, data)
+            Object.keys(data).forEach((key) => {
+                this[key] = data[key];
+            });
+        }
+    }
+    addComponent(instance) {
+        return this.node.addComponent(instance);
+    }
+    getComponent(component) {
+        return this.node.getComponent(component);
+    }
+    getComponentsInChildren(component) {
+        return this.node.getComponentsInChildren(component);
+    }
+    getComponentInChildren(component) {
+        return this.node.getComponentInChildren(component);
+    }
+    isEqual(other) {
+        return this.node.entity.id === other.node.entity.id;
+    }
+}

package/dist/base/gworld.d.ts

@@ -0,0 +1,8 @@
+import { Constructor, System, World } from 'entityx-ts';
+export declare class GameWorld extends World {
+    listUpdate: (System | Constructor<System>)[];
+    update(dt: number): void;
+    private static _instance;
+    static get Instance(): GameWorld;
+}
+//# sourceMappingURL=gworld.d.ts.map

package/dist/base/gworld.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gworld.d.ts","sourceRoot":"","sources":["../../src/base/gworld.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvD,qBAAa,SAAU,SAAQ,KAAK;IAClC,UAAU,EAAE,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,CAAK;IACjD,MAAM,CAAC,EAAE,EAAE,MAAM;IAMjB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAW;IAEnC,WAAkB,QAAQ,cAGzB;CACF"}

package/dist/base/gworld.js

@@ -0,0 +1,16 @@
+import { World } from 'entityx-ts';
+export class GameWorld extends World {
+    constructor() {
+        super(...arguments);
+        this.listUpdate = [];
+    }
+    update(dt) {
+        this.listUpdate.forEach((system) => {
+            this.systems.update(system, dt);
+        });
+    }
+    static get Instance() {
+        // Do you need arguments? Make it a regular static method instead.
+        return this._instance || (this._instance = new this());
+    }
+}

package/dist/base/index.d.ts

@@ -0,0 +1,4 @@
+export * from './EnhancedComponent';
+export * from './gworld';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/base/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}

package/dist/base/index.js

@@ -0,0 +1,3 @@
+export * from './EnhancedComponent';
+export * from './gworld';
+export * from './utils';

package/dist/base/utils.d.ts

@@ -0,0 +1,6 @@
+import { Constructor } from 'entityx-ts';
+import { EnhancedComponent } from '.';
+export declare function instantiate<C extends Constructor<EnhancedComponent>, D>(Component: C & {
+    create?(data?: D): any;
+}, data?: D): InstanceType<C>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/base/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/base/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAErC,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,CAAC,iBAAiB,CAAC,EAAE,CAAC,EACrE,SAAS,EAAE,CAAC,GAAG;IAAE,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAC;CAAE,EACpC,IAAI,CAAC,EAAE,CAAC,GACP,YAAY,CAAC,CAAC,CAAC,CAEjB"}

package/dist/base/utils.js

@@ -0,0 +1,3 @@
+export function instantiate(Component, data) {
+    return Component.create(data);
+}

package/dist/collider/CollideComponent.d.ts

@@ -0,0 +1,63 @@
+import { Graphics, Point, Rectangle, Size } from 'pixi.js';
+import { BoxColliderProps, CircleColliderProps, PolygonColliderProps } from '../@types/safex';
+import { NoRenderComponentX } from '../components/BaseComponent';
+export declare class Collider extends NoRenderComponentX {
+    offset: Point;
+    tag: number;
+    enabled: boolean;
+    _worldPoints: Point[];
+    _worldPosition: Point;
+    _worldRadius: any;
+    _AABB: Rectangle;
+    _preAabb: Rectangle;
+    onCollisionEnter?: (other: Collider) => void;
+    onCollisionExit?: (other: Collider) => void;
+    onCollisionStay?: (other: Collider) => void;
+    update(dt: number, draw?: Graphics): void;
+    getAABB(): Rectangle;
+    get world(): {
+        points: Point[];
+        preAabb: Rectangle;
+    };
+    setOnCollisionEnter(cb: (other: Collider) => void): void;
+    setOnCollisionExit(cb: (other: Collider) => void): void;
+    setOnCollisionStay(cb: (other: Collider) => void): void;
+}
+export declare class BoxCollider extends Collider {
+    width: number;
+    height: number;
+    constructor(props: BoxColliderProps);
+    get size(): Size;
+    set size(s: Size);
+    update(dt: any, draw: Graphics): void;
+}
+export declare class CircleCollider extends Collider {
+    radius: number;
+    constructor(props: CircleColliderProps);
+    update(dt: any, draw: Graphics): void;
+}
+export declare class PolygonCollider extends Collider {
+    _points: Point[];
+    constructor(props: PolygonColliderProps);
+    get points(): Point[];
+    set points(points: Point[]);
+    update(dt: any, draw: Graphics): void;
+}
+export declare enum CollisionType {
+    NONE = 0,
+    ENTER = 1,
+    STAY = 2,
+    EXIT = 3
+}
+export declare class Contract {
+    _collider1: Collider;
+    _collider2: Collider;
+    _touching: boolean;
+    _isPolygonPolygon: boolean;
+    _isCircleCircle: boolean;
+    _isPolygonCircle: boolean;
+    constructor(collider1: Collider, collider2: Collider);
+    updateState(): CollisionType;
+    test(): boolean;
+}
+//# sourceMappingURL=CollideComponent.d.ts.map

package/dist/collider/CollideComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollideComponent.d.ts","sourceRoot":"","sources":["../../src/collider/CollideComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE1D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAiBhE,qBAAa,QAAS,SAAQ,kBAAkB;IAC9C,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,UAAO;IACd,YAAY,EAAE,KAAK,EAAE,CAAK;IAC1B,cAAc,EAAE,KAAK,CAAA;IACrB,YAAY,MAAA;IACZ,KAAK,EAAE,SAAS,CAA4B;IAC5C,QAAQ,EAAE,SAAS,CAA4B;IAC/C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC3C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAE3C,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ;IAClC,OAAO;IAGP,IAAI,KAAK;;;MAKR;IACD,mBAAmB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI;IAIjD,kBAAkB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI;IAIhD,kBAAkB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI;CAIjD;AAED,qBAAa,WAAY,SAAQ,QAAQ;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;gBACF,KAAK,EAAE,gBAAgB;IAInC,IAAI,IAAI,IAAI,IAAI,CAEf;IAED,IAAI,IAAI,CAAC,CAAC,EAAE,IAAI,EAGf;IAED,MAAM,CAAC,EAAE,KAAA,EAAE,IAAI,EAAE,QAAQ;CAkC1B;AAED,qBAAa,cAAe,SAAQ,QAAQ;IAC1C,MAAM,EAAE,MAAM,CAAA;gBACF,KAAK,EAAE,mBAAmB;IAGtC,MAAM,CAAC,EAAE,KAAA,EAAE,IAAI,EAAE,QAAQ;CAuB1B;AAED,qBAAa,eAAgB,SAAQ,QAAQ;IAC3C,OAAO,EAAE,KAAK,EAAE,CAAA;gBAEJ,KAAK,EAAE,oBAAoB;IAKvC,IAAI,MAAM,IAAI,KAAK,EAAE,CAIpB;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAEzB;IAED,MAAM,CAAC,EAAE,KAAA,EAAE,IAAI,EAAE,QAAQ;CAsB1B;AAED,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,IAAI,IAAA;CACL;AASD,qBAAa,QAAQ;IACnB,UAAU,EAAE,QAAQ,CAAA;IACpB,UAAU,EAAE,QAAQ,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,eAAe,EAAE,OAAO,CAAA;IACxB,gBAAgB,EAAE,OAAO,CAAA;gBAEb,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAsBpD,WAAW;IAiBX,IAAI;CAyBL"}